diff --git a/dist/editor.js b/dist/editor.js
index 488c4486e..c72c5239e 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 i=e[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.l=!0,i.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 i in t)n.d(r,i,function(e){return t[e]}.bind(null,i));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=29)}([function(t,e){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(e)}t.exports=n},function(t,e){t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},function(t,e){function n(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}t.exports=function(t,e,r){return e&&n(t.prototype,e),r&&n(t,r),t}},function(t,e,n){var r=n(12),i=n(25);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?i(t):e}},function(t,e,n){var r=n(26);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}},function(t,e){t.exports=function(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,n){var r=n(27);function i(e,n,a){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=i=Reflect.get:t.exports=i=function(t,e,n){var i=r(t,e);if(i){var a=Object.getOwnPropertyDescriptor(i,e);return a.get?a.get.call(n):a.value}},i(e,n,a||e)}t.exports=i},function(t,e,n){var r=n(14),i=n(22),a=n(11),o=n(16);t.exports=function(t,e){return r(t)||i(t,e)||a(t,e)||o()}},function(t,e,n){var r=n(23),i=n(17),a=n(11),o=n(24);t.exports=function(t){return r(t)||i(t)||a(t)||o()}},function(t,e,n){t.exports=n(28)},function(t,e,n){var r=n(14),i=n(17),a=n(11),o=n(16);t.exports=function(t){return r(t)||i(t)||a(t)||o()}},function(t,e,n){var r=n(15);t.exports=function(t,e){if(t){if("string"==typeof t)return r(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)?r(t,e):void 0}}},function(t,e){function n(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=n=function(t){return typeof t}:t.exports=n=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(e)}t.exports=n},function(t,e){t.exports=function(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}},function(t,e){t.exports=function(t){if(Array.isArray(t))return t}},function(t,e){t.exports=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(t,e){t.exports=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(t,e){t.exports=function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}},,,,function(t,e,n){},function(t,e){t.exports=function(t,e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t)){var n=[],r=!0,i=!1,a=void 0;try{for(var o,s=t[Symbol.iterator]();!(r=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);r=!0);}catch(t){i=!0,a=t}finally{try{r||null==s.return||s.return()}finally{if(i)throw a}}return n}}},function(t,e,n){var r=n(15);t.exports=function(t){if(Array.isArray(t))return r(t)}},function(t,e){t.exports=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(t,e){t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},function(t,e){function n(e,r){return t.exports=n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},n(e,r)}t.exports=n},function(t,e,n){var r=n(0);t.exports=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=r(t)););return t}},function(t,e,n){var r=function(t){"use strict";var e=Object.prototype,n=e.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},i=r.iterator||"@@iterator",a=r.asyncIterator||"@@asyncIterator",o=r.toStringTag||"@@toStringTag";function s(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{s({},"")}catch(t){s=function(t,e,n){return t[e]=n}}function c(t,e,n,r){var i=e&&e.prototype instanceof h?e:h,a=Object.create(i.prototype),o=new S(r||[]);return a._invoke=function(t,e,n){var r="suspendedStart";return function(i,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===i)throw a;return j()}for(n.method=i,n.arg=a;;){var o=n.delegate;if(o){var s=k(o,n);if(s){if(s===u)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var c=l(t,e,n);if("normal"===c.type){if(r=n.done?"completed":"suspendedYield",c.arg===u)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(r="completed",n.method="throw",n.arg=c.arg)}}}(t,n,o),a}function l(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=c;var u={};function h(){}function p(){}function d(){}var f={};f[i]=function(){return this};var v=Object.getPrototypeOf,y=v&&v(v(P([])));y&&y!==e&&n.call(y,i)&&(f=y);var g=d.prototype=h.prototype=Object.create(f);function m(t){["next","throw","return"].forEach((function(e){s(t,e,(function(t){return this._invoke(e,t)}))}))}function b(t,e){var r;this._invoke=function(i,a){function o(){return new e((function(r,o){!function r(i,a,o,s){var c=l(t[i],t,a);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==typeof h&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){r("next",t,o,s)}),(function(t){r("throw",t,o,s)})):e.resolve(h).then((function(t){u.value=t,o(u)}),(function(t){return r("throw",t,o,s)}))}s(c.arg)}(i,a,r,o)}))}return r=r?r.then(o,o):o()}}function k(t,e){var n=t.iterator[e.method];if(void 0===n){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,k(t,e),"throw"===e.method))return u;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return u}var r=l(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,u;var i=r.arg;return i?i.done?(e[t.resultName]=i.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,u):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,u)}function x(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function w(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function S(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function P(t){if(t){var e=t[i];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,a=function e(){for(;++r<t.length;)if(n.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e};return a.next=a}}return{next:j}}function j(){return{value:void 0,done:!0}}return p.prototype=g.constructor=d,d.constructor=p,p.displayName=s(d,o,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===p||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,d):(t.__proto__=d,s(t,o,"GeneratorFunction")),t.prototype=Object.create(g),t},t.awrap=function(t){return{__await:t}},m(b.prototype),b.prototype[a]=function(){return this},t.AsyncIterator=b,t.async=function(e,n,r,i,a){void 0===a&&(a=Promise);var o=new b(c(e,n,r,i),a);return t.isGeneratorFunction(n)?o:o.next().then((function(t){return t.done?t.value:o.next()}))},m(g),s(g,o,"Generator"),g[i]=function(){return this},g.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){for(;e.length;){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},t.values=P,S.prototype={constructor:S,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(w),!t)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function r(n,r){return o.type="throw",o.arg=t,e.next=n,r&&(e.method="next",e.arg=void 0),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],o=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var s=n.call(a,"catchLoc"),c=n.call(a,"finallyLoc");if(s&&c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var i=this.tryEntries[r];if(i.tryLoc<=this.prev&&n.call(i,"finallyLoc")&&this.prev<i.finallyLoc){var a=i;break}}a&&("break"===t||"continue"===t)&&a.tryLoc<=e&&e<=a.finallyLoc&&(a=null);var o=a?a.completion:{};return o.type=t,o.arg=e,a?(this.method="next",this.next=a.finallyLoc,u):this.complete(o)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),u},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),w(n),u}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var i=r.arg;w(n)}return i}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:P(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),u}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},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 D})),n.d(r,"random",(function(){return I})),n.d(r,"randomRGBA",(function(){return L}));var i={};n.r(i),n.d(i,"create",(function(){return z})),n.d(i,"clone",(function(){return F})),n.d(i,"copy",(function(){return B})),n.d(i,"fromValues",(function(){return G})),n.d(i,"set",(function(){return H})),n.d(i,"identity",(function(){return N})),n.d(i,"transpose",(function(){return X})),n.d(i,"invert",(function(){return Y})),n.d(i,"adjoint",(function(){return _})),n.d(i,"determinant",(function(){return K})),n.d(i,"multiply",(function(){return W})),n.d(i,"translate",(function(){return U})),n.d(i,"scale",(function(){return Z})),n.d(i,"rotate",(function(){return q})),n.d(i,"rotateX",(function(){return J})),n.d(i,"rotateY",(function(){return Q})),n.d(i,"rotateZ",(function(){return tt})),n.d(i,"fromTranslation",(function(){return et})),n.d(i,"fromScaling",(function(){return nt})),n.d(i,"fromRotation",(function(){return rt})),n.d(i,"fromXRotation",(function(){return it})),n.d(i,"fromYRotation",(function(){return at})),n.d(i,"fromZRotation",(function(){return ot})),n.d(i,"fromRotationTranslation",(function(){return st})),n.d(i,"fromQuat2",(function(){return ct})),n.d(i,"getTranslation",(function(){return lt})),n.d(i,"getScaling",(function(){return ut})),n.d(i,"getRotation",(function(){return ht})),n.d(i,"fromRotationTranslationScale",(function(){return pt})),n.d(i,"fromRotationTranslationScaleOrigin",(function(){return dt})),n.d(i,"fromQuat",(function(){return ft})),n.d(i,"frustum",(function(){return vt})),n.d(i,"perspective",(function(){return yt})),n.d(i,"perspectiveFromFieldOfView",(function(){return gt})),n.d(i,"ortho",(function(){return mt})),n.d(i,"lookAt",(function(){return bt})),n.d(i,"targetTo",(function(){return kt})),n.d(i,"str",(function(){return xt})),n.d(i,"frob",(function(){return wt})),n.d(i,"add",(function(){return St})),n.d(i,"subtract",(function(){return Pt})),n.d(i,"multiplyScalar",(function(){return jt})),n.d(i,"multiplyScalarAndAdd",(function(){return Ot})),n.d(i,"exactEquals",(function(){return $t})),n.d(i,"equals",(function(){return Ct})),n.d(i,"mul",(function(){return Et})),n.d(i,"sub",(function(){return Tt}));var a={};n.r(a),n.d(a,"create",(function(){return Vt})),n.d(a,"clone",(function(){return Mt})),n.d(a,"length",(function(){return Dt})),n.d(a,"fromValues",(function(){return It})),n.d(a,"copy",(function(){return Lt})),n.d(a,"set",(function(){return Rt})),n.d(a,"add",(function(){return At})),n.d(a,"subtract",(function(){return zt})),n.d(a,"multiply",(function(){return Ft})),n.d(a,"divide",(function(){return Bt})),n.d(a,"ceil",(function(){return Gt})),n.d(a,"floor",(function(){return Ht})),n.d(a,"min",(function(){return Nt})),n.d(a,"max",(function(){return Xt})),n.d(a,"round",(function(){return Yt})),n.d(a,"scale",(function(){return _t})),n.d(a,"scaleAndAdd",(function(){return Kt})),n.d(a,"distance",(function(){return Wt})),n.d(a,"squaredDistance",(function(){return Ut})),n.d(a,"squaredLength",(function(){return Zt})),n.d(a,"negate",(function(){return qt})),n.d(a,"inverse",(function(){return Jt})),n.d(a,"normalize",(function(){return Qt})),n.d(a,"dot",(function(){return te})),n.d(a,"cross",(function(){return ee})),n.d(a,"lerp",(function(){return ne})),n.d(a,"hermite",(function(){return re})),n.d(a,"bezier",(function(){return ie})),n.d(a,"random",(function(){return ae})),n.d(a,"transformMat4",(function(){return oe})),n.d(a,"transformMat3",(function(){return se})),n.d(a,"transformQuat",(function(){return ce})),n.d(a,"rotateX",(function(){return le})),n.d(a,"rotateY",(function(){return ue})),n.d(a,"rotateZ",(function(){return he})),n.d(a,"angle",(function(){return pe})),n.d(a,"zero",(function(){return de})),n.d(a,"str",(function(){return fe})),n.d(a,"exactEquals",(function(){return ve})),n.d(a,"equals",(function(){return ye})),n.d(a,"sub",(function(){return me})),n.d(a,"mul",(function(){return be})),n.d(a,"div",(function(){return ke})),n.d(a,"dist",(function(){return xe})),n.d(a,"sqrDist",(function(){return we})),n.d(a,"len",(function(){return Se})),n.d(a,"sqrLen",(function(){return Pe})),n.d(a,"forEach",(function(){return je}));var o={};n.r(o),n.d(o,"create",(function(){return Ce})),n.d(o,"identity",(function(){return Ee})),n.d(o,"setAxisAngle",(function(){return Te})),n.d(o,"getAxisAngle",(function(){return Ve})),n.d(o,"getAngle",(function(){return Me})),n.d(o,"multiply",(function(){return De})),n.d(o,"rotateX",(function(){return Ie})),n.d(o,"rotateY",(function(){return Le})),n.d(o,"rotateZ",(function(){return Re})),n.d(o,"calculateW",(function(){return Ae})),n.d(o,"exp",(function(){return ze})),n.d(o,"ln",(function(){return Fe})),n.d(o,"pow",(function(){return Be})),n.d(o,"slerp",(function(){return Ge})),n.d(o,"random",(function(){return He})),n.d(o,"invert",(function(){return Ne})),n.d(o,"conjugate",(function(){return Xe})),n.d(o,"fromMat3",(function(){return Ye})),n.d(o,"fromEuler",(function(){return _e})),n.d(o,"str",(function(){return Ke})),n.d(o,"clone",(function(){return en})),n.d(o,"fromValues",(function(){return nn})),n.d(o,"copy",(function(){return rn})),n.d(o,"set",(function(){return an})),n.d(o,"add",(function(){return on})),n.d(o,"mul",(function(){return sn})),n.d(o,"scale",(function(){return cn})),n.d(o,"dot",(function(){return ln})),n.d(o,"lerp",(function(){return un})),n.d(o,"length",(function(){return hn})),n.d(o,"len",(function(){return pn})),n.d(o,"squaredLength",(function(){return dn})),n.d(o,"sqrLen",(function(){return fn})),n.d(o,"normalize",(function(){return vn})),n.d(o,"exactEquals",(function(){return yn})),n.d(o,"equals",(function(){return gn})),n.d(o,"rotationTo",(function(){return mn})),n.d(o,"sqlerp",(function(){return bn})),n.d(o,"setAxes",(function(){return kn}));var s={};n.r(s),n.d(s,"create",(function(){return xn})),n.d(s,"clone",(function(){return wn})),n.d(s,"fromValues",(function(){return Sn})),n.d(s,"copy",(function(){return Pn})),n.d(s,"set",(function(){return jn})),n.d(s,"add",(function(){return On})),n.d(s,"subtract",(function(){return $n})),n.d(s,"multiply",(function(){return Cn})),n.d(s,"divide",(function(){return En})),n.d(s,"ceil",(function(){return Tn})),n.d(s,"floor",(function(){return Vn})),n.d(s,"min",(function(){return Mn})),n.d(s,"max",(function(){return Dn})),n.d(s,"round",(function(){return In})),n.d(s,"scale",(function(){return Ln})),n.d(s,"scaleAndAdd",(function(){return Rn})),n.d(s,"distance",(function(){return An})),n.d(s,"squaredDistance",(function(){return zn})),n.d(s,"length",(function(){return Fn})),n.d(s,"squaredLength",(function(){return Bn})),n.d(s,"negate",(function(){return Gn})),n.d(s,"inverse",(function(){return Hn})),n.d(s,"normalize",(function(){return Nn})),n.d(s,"dot",(function(){return Xn})),n.d(s,"cross",(function(){return Yn})),n.d(s,"lerp",(function(){return _n})),n.d(s,"random",(function(){return Kn})),n.d(s,"transformMat2",(function(){return Wn})),n.d(s,"transformMat2d",(function(){return Un})),n.d(s,"transformMat3",(function(){return Zn})),n.d(s,"transformMat4",(function(){return qn})),n.d(s,"rotate",(function(){return Jn})),n.d(s,"angle",(function(){return Qn})),n.d(s,"zero",(function(){return tr})),n.d(s,"str",(function(){return er})),n.d(s,"exactEquals",(function(){return nr})),n.d(s,"equals",(function(){return rr})),n.d(s,"len",(function(){return ir})),n.d(s,"sub",(function(){return ar})),n.d(s,"mul",(function(){return or})),n.d(s,"div",(function(){return sr})),n.d(s,"dist",(function(){return cr})),n.d(s,"sqrDist",(function(){return lr})),n.d(s,"sqrLen",(function(){return ur})),n.d(s,"forEach",(function(){return hr}));var c={};n.r(c),n.d(c,"round",(function(){return dr})),n.d(c,"degreeToRadian",(function(){return fr})),n.d(c,"div",(function(){return vr})),n.d(c,"radianToDegree",(function(){return yr})),n.d(c,"getXInCircle",(function(){return gr})),n.d(c,"getYInCircle",(function(){return mr})),n.d(c,"getXYInCircle",(function(){return br})),n.d(c,"getDist",(function(){return kr})),n.d(c,"getPointBetweenVerties",(function(){return xr})),n.d(c,"vertiesMap",(function(){return wr})),n.d(c,"getVertiesMaxX",(function(){return Sr})),n.d(c,"getVertiesMaxY",(function(){return Pr})),n.d(c,"getVertiesMinX",(function(){return jr})),n.d(c,"getVertiesCenterX",(function(){return Or})),n.d(c,"getVertiesMinY",(function(){return $r})),n.d(c,"getVertiesCenterY",(function(){return Cr})),n.d(c,"calculateAngle",(function(){return Er})),n.d(c,"calculateAngleForVec3",(function(){return Tr})),n.d(c,"calculateRotationOriginMat4",(function(){return Vr})),n.d(c,"calculateMatrix",(function(){return Mr})),n.d(c,"calculateMatrixInverse",(function(){return Dr})),n.d(c,"calculateAnglePointDistance",(function(){return Ir})),n.d(c,"calculateAngle360",(function(){return Lr})),n.d(c,"uuid",(function(){return Ar})),n.d(c,"uuidShort",(function(){return zr})),n.d(c,"cubicBezier",(function(){return Hr})),n.d(c,"getGradientLine",(function(){return Nr})),n.d(c,"CCW",(function(){return Xr})),n.d(c,"incircle",(function(){return Yr})),n.d(c,"initPolygon",(function(){return _r})),n.d(c,"Deluanay",(function(){return Wr})),n.d(c,"generate_sample_points",(function(){return Ur})),n.d(c,"getCenterInTriangle",(function(){return Zr})),n.d(c,"normalize",(function(){return Jr}));var l={};n.r(l),n.d(l,"collectProps",(function(){return ji})),n.d(l,"debounce",(function(){return Oi})),n.d(l,"throttle",(function(){return $i})),n.d(l,"keyEach",(function(){return Ci})),n.d(l,"keyMap",(function(){return Ei})),n.d(l,"keyMapJoin",(function(){return Ti})),n.d(l,"get",(function(){return Vi})),n.d(l,"defaultValue",(function(){return Mi})),n.d(l,"isUndefined",(function(){return Di})),n.d(l,"isNotUndefined",(function(){return Ii})),n.d(l,"isArray",(function(){return Li})),n.d(l,"isBoolean",(function(){return Ri})),n.d(l,"isString",(function(){return Ai})),n.d(l,"isNotString",(function(){return zi})),n.d(l,"isObject",(function(){return Fi})),n.d(l,"isFunction",(function(){return Bi})),n.d(l,"isNumber",(function(){return Gi})),n.d(l,"isZero",(function(){return Hi})),n.d(l,"isNotZero",(function(){return Ni})),n.d(l,"clone",(function(){return Xi})),n.d(l,"cleanObject",(function(){return Yi})),n.d(l,"combineKeyArray",(function(){return _i})),n.d(l,"repeat",(function(){return Ki})),n.d(l,"randomItem",(function(){return Wi})),n.d(l,"html",(function(){return qi})),n.d(l,"CSS_TO_STRING",(function(){return Ji})),n.d(l,"STRING_TO_CSS",(function(){return Qi})),n.d(l,"OBJECT_TO_PROPERTY",(function(){return ta})),n.d(l,"OBJECT_TO_CLASS",(function(){return ea})),n.d(l,"TAG_TO_STRING",(function(){return na})),n.d(l,"mapjoin",(function(){return ra})),n.d(l,"isArrayEquals",(function(){return ia})),n.d(l,"splitMethodByKeyword",(function(){return aa})),n.d(l,"curveToPath",(function(){return oa})),n.d(l,"curveToPointLine",(function(){return sa}));var u={};n.r(u),n.d(u,"format",(function(){return ca})),n.d(u,"hex",(function(){return la})),n.d(u,"rgb",(function(){return ua})),n.d(u,"hsl",(function(){return ha}));var h={};n.r(h),n.d(h,"ReverseXyz",(function(){return pa})),n.d(h,"ReverseRGB",(function(){return da})),n.d(h,"XYZtoRGB",(function(){return fa})),n.d(h,"LABtoXYZ",(function(){return va})),n.d(h,"PivotXyz",(function(){return ya})),n.d(h,"XYZtoLAB",(function(){return ga})),n.d(h,"LABtoRGB",(function(){return ma}));var p={};n.r(p),n.d(p,"RGBtoHSV",(function(){return ba})),n.d(p,"RGBtoCMYK",(function(){return ka})),n.d(p,"RGBtoHSL",(function(){return xa})),n.d(p,"c",(function(){return wa})),n.d(p,"gray",(function(){return Sa})),n.d(p,"RGBtoSimpleGray",(function(){return Pa})),n.d(p,"RGBtoGray",(function(){return ja})),n.d(p,"brightness",(function(){return Oa})),n.d(p,"RGBtoYCrCb",(function(){return $a})),n.d(p,"PivotRGB",(function(){return Ca})),n.d(p,"RGBtoXYZ",(function(){return Ea})),n.d(p,"RGBtoLAB",(function(){return Ta}));var d={};n.r(d),n.d(d,"CMYKtoRGB",(function(){return Va}));var f={};n.r(f),n.d(f,"HSVtoRGB",(function(){return Ma})),n.d(f,"HSVtoHSL",(function(){return Da}));var v={};n.r(v),n.d(v,"HUEtoRGB",(function(){return Ia})),n.d(v,"HSLtoHSV",(function(){return La})),n.d(v,"HSLtoRGB",(function(){return Ra}));var g={};n.r(g),n.d(g,"YCrCbtoRGB",(function(){return Aa}));var m={};n.r(m),n.d(m,"getColorIndexString",(function(){return Na})),n.d(m,"isColor",(function(){return Xa})),n.d(m,"matches",(function(){return Ya})),n.d(m,"convertMatches",(function(){return _a})),n.d(m,"convertMatchesArray",(function(){return Ka})),n.d(m,"reverseMatches",(function(){return Wa})),n.d(m,"trim",(function(){return Za})),n.d(m,"parse",(function(){return qa})),n.d(m,"parseGradient",(function(){return Ja}));var b={};n.r(b),n.d(b,"interpolateRGB",(function(){return Qa})),n.d(b,"interpolateRGBObject",(function(){return to})),n.d(b,"scale",(function(){return eo})),n.d(b,"blend",(function(){return no})),n.d(b,"mix",(function(){return ro})),n.d(b,"contrast",(function(){return io})),n.d(b,"contrastColor",(function(){return ao})),n.d(b,"gradient",(function(){return oo})),n.d(b,"scaleHSV",(function(){return so})),n.d(b,"scaleH",(function(){return co})),n.d(b,"scaleS",(function(){return lo})),n.d(b,"scaleV",(function(){return uo}));var k={};n.r(k),n.d(k,"start",(function(){return dm}));var w=n(5),S=n.n(w),P=(n(21),n(7)),j=n.n(P),O=n(10),$=n.n(O),C=n(8),E=n.n(C),T=n(12),V=n.n(T);function M(t,e){return Math.floor(Math.random()*(e-t+1))+t}function D(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=[],n=0;n<t;n++)e[e.length]=I();return e}function I(){return ua({r:M(0,255),g:M(0,255),b:M(0,255)})}function L(){return ua({r:M(0,255),g:M(0,255),b:M(0,255),a:M(0,1e3)/1e3})}var R="undefined"!=typeof Float32Array?Float32Array:Array,A=Math.random;Math.PI;function z(){var t=new R(16);return R!=Float32Array&&(t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[11]=0,t[12]=0,t[13]=0,t[14]=0),t[0]=1,t[5]=1,t[10]=1,t[15]=1,t}function F(t){var e=new R(16);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4],e[5]=t[5],e[6]=t[6],e[7]=t[7],e[8]=t[8],e[9]=t[9],e[10]=t[10],e[11]=t[11],e[12]=t[12],e[13]=t[13],e[14]=t[14],e[15]=t[15],e}function B(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4],t[5]=e[5],t[6]=e[6],t[7]=e[7],t[8]=e[8],t[9]=e[9],t[10]=e[10],t[11]=e[11],t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15],t}function G(t,e,n,r,i,a,o,s,c,l,u,h,p,d,f,v){var y=new R(16);return y[0]=t,y[1]=e,y[2]=n,y[3]=r,y[4]=i,y[5]=a,y[6]=o,y[7]=s,y[8]=c,y[9]=l,y[10]=u,y[11]=h,y[12]=p,y[13]=d,y[14]=f,y[15]=v,y}function H(t,e,n,r,i,a,o,s,c,l,u,h,p,d,f,v,y){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l,t[9]=u,t[10]=h,t[11]=p,t[12]=d,t[13]=f,t[14]=v,t[15]=y,t}function N(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=1,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function X(t,e){if(t===e){var n=e[1],r=e[2],i=e[3],a=e[6],o=e[7],s=e[11];t[1]=e[4],t[2]=e[8],t[3]=e[12],t[4]=n,t[6]=e[9],t[7]=e[13],t[8]=r,t[9]=a,t[11]=e[14],t[12]=i,t[13]=o,t[14]=s}else t[0]=e[0],t[1]=e[4],t[2]=e[8],t[3]=e[12],t[4]=e[1],t[5]=e[5],t[6]=e[9],t[7]=e[13],t[8]=e[2],t[9]=e[6],t[10]=e[10],t[11]=e[14],t[12]=e[3],t[13]=e[7],t[14]=e[11],t[15]=e[15];return t}function Y(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],s=e[5],c=e[6],l=e[7],u=e[8],h=e[9],p=e[10],d=e[11],f=e[12],v=e[13],y=e[14],g=e[15],m=n*s-r*o,b=n*c-i*o,k=n*l-a*o,x=r*c-i*s,w=r*l-a*s,S=i*l-a*c,P=u*v-h*f,j=u*y-p*f,O=u*g-d*f,$=h*y-p*v,C=h*g-d*v,E=p*g-d*y,T=m*E-b*C+k*$+x*O-w*j+S*P;return T?(T=1/T,t[0]=(s*E-c*C+l*$)*T,t[1]=(i*C-r*E-a*$)*T,t[2]=(v*S-y*w+g*x)*T,t[3]=(p*w-h*S-d*x)*T,t[4]=(c*O-o*E-l*j)*T,t[5]=(n*E-i*O+a*j)*T,t[6]=(y*k-f*S-g*b)*T,t[7]=(u*S-p*k+d*b)*T,t[8]=(o*C-s*O+l*P)*T,t[9]=(r*O-n*C-a*P)*T,t[10]=(f*w-v*k+g*m)*T,t[11]=(h*k-u*w-d*m)*T,t[12]=(s*j-o*$-c*P)*T,t[13]=(n*$-r*j+i*P)*T,t[14]=(v*b-f*x-y*m)*T,t[15]=(u*x-h*b+p*m)*T,t):null}function _(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],s=e[5],c=e[6],l=e[7],u=e[8],h=e[9],p=e[10],d=e[11],f=e[12],v=e[13],y=e[14],g=e[15];return t[0]=s*(p*g-d*y)-h*(c*g-l*y)+v*(c*d-l*p),t[1]=-(r*(p*g-d*y)-h*(i*g-a*y)+v*(i*d-a*p)),t[2]=r*(c*g-l*y)-s*(i*g-a*y)+v*(i*l-a*c),t[3]=-(r*(c*d-l*p)-s*(i*d-a*p)+h*(i*l-a*c)),t[4]=-(o*(p*g-d*y)-u*(c*g-l*y)+f*(c*d-l*p)),t[5]=n*(p*g-d*y)-u*(i*g-a*y)+f*(i*d-a*p),t[6]=-(n*(c*g-l*y)-o*(i*g-a*y)+f*(i*l-a*c)),t[7]=n*(c*d-l*p)-o*(i*d-a*p)+u*(i*l-a*c),t[8]=o*(h*g-d*v)-u*(s*g-l*v)+f*(s*d-l*h),t[9]=-(n*(h*g-d*v)-u*(r*g-a*v)+f*(r*d-a*h)),t[10]=n*(s*g-l*v)-o*(r*g-a*v)+f*(r*l-a*s),t[11]=-(n*(s*d-l*h)-o*(r*d-a*h)+u*(r*l-a*s)),t[12]=-(o*(h*y-p*v)-u*(s*y-c*v)+f*(s*p-c*h)),t[13]=n*(h*y-p*v)-u*(r*y-i*v)+f*(r*p-i*h),t[14]=-(n*(s*y-c*v)-o*(r*y-i*v)+f*(r*c-i*s)),t[15]=n*(s*p-c*h)-o*(r*p-i*h)+u*(r*c-i*s),t}function K(t){var e=t[0],n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8],u=t[9],h=t[10],p=t[11],d=t[12],f=t[13],v=t[14],y=t[15];return(e*o-n*a)*(h*y-p*v)-(e*s-r*a)*(u*y-p*f)+(e*c-i*a)*(u*v-h*f)+(n*s-r*o)*(l*y-p*d)-(n*c-i*o)*(l*v-h*d)+(r*c-i*s)*(l*f-u*d)}function W(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],s=e[4],c=e[5],l=e[6],u=e[7],h=e[8],p=e[9],d=e[10],f=e[11],v=e[12],y=e[13],g=e[14],m=e[15],b=n[0],k=n[1],x=n[2],w=n[3];return t[0]=b*r+k*s+x*h+w*v,t[1]=b*i+k*c+x*p+w*y,t[2]=b*a+k*l+x*d+w*g,t[3]=b*o+k*u+x*f+w*m,b=n[4],k=n[5],x=n[6],w=n[7],t[4]=b*r+k*s+x*h+w*v,t[5]=b*i+k*c+x*p+w*y,t[6]=b*a+k*l+x*d+w*g,t[7]=b*o+k*u+x*f+w*m,b=n[8],k=n[9],x=n[10],w=n[11],t[8]=b*r+k*s+x*h+w*v,t[9]=b*i+k*c+x*p+w*y,t[10]=b*a+k*l+x*d+w*g,t[11]=b*o+k*u+x*f+w*m,b=n[12],k=n[13],x=n[14],w=n[15],t[12]=b*r+k*s+x*h+w*v,t[13]=b*i+k*c+x*p+w*y,t[14]=b*a+k*l+x*d+w*g,t[15]=b*o+k*u+x*f+w*m,t}function U(t,e,n){var r,i,a,o,s,c,l,u,h,p,d,f,v=n[0],y=n[1],g=n[2];return e===t?(t[12]=e[0]*v+e[4]*y+e[8]*g+e[12],t[13]=e[1]*v+e[5]*y+e[9]*g+e[13],t[14]=e[2]*v+e[6]*y+e[10]*g+e[14],t[15]=e[3]*v+e[7]*y+e[11]*g+e[15]):(r=e[0],i=e[1],a=e[2],o=e[3],s=e[4],c=e[5],l=e[6],u=e[7],h=e[8],p=e[9],d=e[10],f=e[11],t[0]=r,t[1]=i,t[2]=a,t[3]=o,t[4]=s,t[5]=c,t[6]=l,t[7]=u,t[8]=h,t[9]=p,t[10]=d,t[11]=f,t[12]=r*v+s*y+h*g+e[12],t[13]=i*v+c*y+p*g+e[13],t[14]=a*v+l*y+d*g+e[14],t[15]=o*v+u*y+f*g+e[15]),t}function Z(t,e,n){var r=n[0],i=n[1],a=n[2];return t[0]=e[0]*r,t[1]=e[1]*r,t[2]=e[2]*r,t[3]=e[3]*r,t[4]=e[4]*i,t[5]=e[5]*i,t[6]=e[6]*i,t[7]=e[7]*i,t[8]=e[8]*a,t[9]=e[9]*a,t[10]=e[10]*a,t[11]=e[11]*a,t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15],t}function q(t,e,n,r){var i,a,o,s,c,l,u,h,p,d,f,v,y,g,m,b,k,x,w,S,P,j,O,$,C=r[0],E=r[1],T=r[2],V=Math.hypot(C,E,T);return V<1e-6?null:(C*=V=1/V,E*=V,T*=V,i=Math.sin(n),o=1-(a=Math.cos(n)),s=e[0],c=e[1],l=e[2],u=e[3],h=e[4],p=e[5],d=e[6],f=e[7],v=e[8],y=e[9],g=e[10],m=e[11],b=C*C*o+a,k=E*C*o+T*i,x=T*C*o-E*i,w=C*E*o-T*i,S=E*E*o+a,P=T*E*o+C*i,j=C*T*o+E*i,O=E*T*o-C*i,$=T*T*o+a,t[0]=s*b+h*k+v*x,t[1]=c*b+p*k+y*x,t[2]=l*b+d*k+g*x,t[3]=u*b+f*k+m*x,t[4]=s*w+h*S+v*P,t[5]=c*w+p*S+y*P,t[6]=l*w+d*S+g*P,t[7]=u*w+f*S+m*P,t[8]=s*j+h*O+v*$,t[9]=c*j+p*O+y*$,t[10]=l*j+d*O+g*$,t[11]=u*j+f*O+m*$,e!==t&&(t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t)}function J(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[4],o=e[5],s=e[6],c=e[7],l=e[8],u=e[9],h=e[10],p=e[11];return e!==t&&(t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t[4]=a*i+l*r,t[5]=o*i+u*r,t[6]=s*i+h*r,t[7]=c*i+p*r,t[8]=l*i-a*r,t[9]=u*i-o*r,t[10]=h*i-s*r,t[11]=p*i-c*r,t}function Q(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],s=e[2],c=e[3],l=e[8],u=e[9],h=e[10],p=e[11];return e!==t&&(t[4]=e[4],t[5]=e[5],t[6]=e[6],t[7]=e[7],t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t[0]=a*i-l*r,t[1]=o*i-u*r,t[2]=s*i-h*r,t[3]=c*i-p*r,t[8]=a*r+l*i,t[9]=o*r+u*i,t[10]=s*r+h*i,t[11]=c*r+p*i,t}function tt(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],s=e[2],c=e[3],l=e[4],u=e[5],h=e[6],p=e[7];return e!==t&&(t[8]=e[8],t[9]=e[9],t[10]=e[10],t[11]=e[11],t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t[0]=a*i+l*r,t[1]=o*i+u*r,t[2]=s*i+h*r,t[3]=c*i+p*r,t[4]=l*i-a*r,t[5]=u*i-o*r,t[6]=h*i-s*r,t[7]=p*i-c*r,t}function et(t,e){return t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=1,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=e[0],t[13]=e[1],t[14]=e[2],t[15]=1,t}function nt(t,e){return t[0]=e[0],t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=e[1],t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=e[2],t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function rt(t,e,n){var r,i,a,o=n[0],s=n[1],c=n[2],l=Math.hypot(o,s,c);return l<1e-6?null:(o*=l=1/l,s*=l,c*=l,r=Math.sin(e),a=1-(i=Math.cos(e)),t[0]=o*o*a+i,t[1]=s*o*a+c*r,t[2]=c*o*a-s*r,t[3]=0,t[4]=o*s*a-c*r,t[5]=s*s*a+i,t[6]=c*s*a+o*r,t[7]=0,t[8]=o*c*a+s*r,t[9]=s*c*a-o*r,t[10]=c*c*a+i,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t)}function it(t,e){var n=Math.sin(e),r=Math.cos(e);return t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=r,t[6]=n,t[7]=0,t[8]=0,t[9]=-n,t[10]=r,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function at(t,e){var n=Math.sin(e),r=Math.cos(e);return t[0]=r,t[1]=0,t[2]=-n,t[3]=0,t[4]=0,t[5]=1,t[6]=0,t[7]=0,t[8]=n,t[9]=0,t[10]=r,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function ot(t,e){var n=Math.sin(e),r=Math.cos(e);return t[0]=r,t[1]=n,t[2]=0,t[3]=0,t[4]=-n,t[5]=r,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function st(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],s=r+r,c=i+i,l=a+a,u=r*s,h=r*c,p=r*l,d=i*c,f=i*l,v=a*l,y=o*s,g=o*c,m=o*l;return t[0]=1-(d+v),t[1]=h+m,t[2]=p-g,t[3]=0,t[4]=h-m,t[5]=1-(u+v),t[6]=f+y,t[7]=0,t[8]=p+g,t[9]=f-y,t[10]=1-(u+d),t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function ct(t,e){var n=new R(3),r=-e[0],i=-e[1],a=-e[2],o=e[3],s=e[4],c=e[5],l=e[6],u=e[7],h=r*r+i*i+a*a+o*o;return h>0?(n[0]=2*(s*o+u*r+c*a-l*i)/h,n[1]=2*(c*o+u*i+l*r-s*a)/h,n[2]=2*(l*o+u*a+s*i-c*r)/h):(n[0]=2*(s*o+u*r+c*a-l*i),n[1]=2*(c*o+u*i+l*r-s*a),n[2]=2*(l*o+u*a+s*i-c*r)),st(t,e,n),t}function lt(t,e){return t[0]=e[12],t[1]=e[13],t[2]=e[14],t}function ut(t,e){var n=e[0],r=e[1],i=e[2],a=e[4],o=e[5],s=e[6],c=e[8],l=e[9],u=e[10];return t[0]=Math.hypot(n,r,i),t[1]=Math.hypot(a,o,s),t[2]=Math.hypot(c,l,u),t}function ht(t,e){var n=new R(3);ut(n,e);var r=1/n[0],i=1/n[1],a=1/n[2],o=e[0]*r,s=e[1]*i,c=e[2]*a,l=e[4]*r,u=e[5]*i,h=e[6]*a,p=e[8]*r,d=e[9]*i,f=e[10]*a,v=o+u+f,y=0;return v>0?(y=2*Math.sqrt(v+1),t[3]=.25*y,t[0]=(h-d)/y,t[1]=(p-c)/y,t[2]=(s-l)/y):o>u&&o>f?(y=2*Math.sqrt(1+o-u-f),t[3]=(h-d)/y,t[0]=.25*y,t[1]=(s+l)/y,t[2]=(p+c)/y):u>f?(y=2*Math.sqrt(1+u-o-f),t[3]=(p-c)/y,t[0]=(s+l)/y,t[1]=.25*y,t[2]=(h+d)/y):(y=2*Math.sqrt(1+f-o-u),t[3]=(s-l)/y,t[0]=(p+c)/y,t[1]=(h+d)/y,t[2]=.25*y),t}function pt(t,e,n,r){var i=e[0],a=e[1],o=e[2],s=e[3],c=i+i,l=a+a,u=o+o,h=i*c,p=i*l,d=i*u,f=a*l,v=a*u,y=o*u,g=s*c,m=s*l,b=s*u,k=r[0],x=r[1],w=r[2];return t[0]=(1-(f+y))*k,t[1]=(p+b)*k,t[2]=(d-m)*k,t[3]=0,t[4]=(p-b)*x,t[5]=(1-(h+y))*x,t[6]=(v+g)*x,t[7]=0,t[8]=(d+m)*w,t[9]=(v-g)*w,t[10]=(1-(h+f))*w,t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function dt(t,e,n,r,i){var a=e[0],o=e[1],s=e[2],c=e[3],l=a+a,u=o+o,h=s+s,p=a*l,d=a*u,f=a*h,v=o*u,y=o*h,g=s*h,m=c*l,b=c*u,k=c*h,x=r[0],w=r[1],S=r[2],P=i[0],j=i[1],O=i[2],$=(1-(v+g))*x,C=(d+k)*x,E=(f-b)*x,T=(d-k)*w,V=(1-(p+g))*w,M=(y+m)*w,D=(f+b)*S,I=(y-m)*S,L=(1-(p+v))*S;return t[0]=$,t[1]=C,t[2]=E,t[3]=0,t[4]=T,t[5]=V,t[6]=M,t[7]=0,t[8]=D,t[9]=I,t[10]=L,t[11]=0,t[12]=n[0]+P-($*P+T*j+D*O),t[13]=n[1]+j-(C*P+V*j+I*O),t[14]=n[2]+O-(E*P+M*j+L*O),t[15]=1,t}function ft(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n+n,s=r+r,c=i+i,l=n*o,u=r*o,h=r*s,p=i*o,d=i*s,f=i*c,v=a*o,y=a*s,g=a*c;return t[0]=1-h-f,t[1]=u+g,t[2]=p-y,t[3]=0,t[4]=u-g,t[5]=1-l-f,t[6]=d+v,t[7]=0,t[8]=p+y,t[9]=d-v,t[10]=1-l-h,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function vt(t,e,n,r,i,a,o){var s=1/(n-e),c=1/(i-r),l=1/(a-o);return t[0]=2*a*s,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=2*a*c,t[6]=0,t[7]=0,t[8]=(n+e)*s,t[9]=(i+r)*c,t[10]=(o+a)*l,t[11]=-1,t[12]=0,t[13]=0,t[14]=o*a*2*l,t[15]=0,t}function yt(t,e,n,r,i){var a,o=1/Math.tan(e/2);return t[0]=o/n,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=o,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[11]=-1,t[12]=0,t[13]=0,t[15]=0,null!=i&&i!==1/0?(a=1/(r-i),t[10]=(i+r)*a,t[14]=2*i*r*a):(t[10]=-1,t[14]=-2*r),t}function gt(t,e,n,r){var i=Math.tan(e.upDegrees*Math.PI/180),a=Math.tan(e.downDegrees*Math.PI/180),o=Math.tan(e.leftDegrees*Math.PI/180),s=Math.tan(e.rightDegrees*Math.PI/180),c=2/(o+s),l=2/(i+a);return t[0]=c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=l,t[6]=0,t[7]=0,t[8]=-(o-s)*c*.5,t[9]=(i-a)*l*.5,t[10]=r/(n-r),t[11]=-1,t[12]=0,t[13]=0,t[14]=r*n/(n-r),t[15]=0,t}function mt(t,e,n,r,i,a,o){var s=1/(e-n),c=1/(r-i),l=1/(a-o);return t[0]=-2*s,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=-2*c,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=2*l,t[11]=0,t[12]=(e+n)*s,t[13]=(i+r)*c,t[14]=(o+a)*l,t[15]=1,t}function bt(t,e,n,r){var i,a,o,s,c,l,u,h,p,d,f=e[0],v=e[1],y=e[2],g=r[0],m=r[1],b=r[2],k=n[0],x=n[1],w=n[2];return Math.abs(f-k)<1e-6&&Math.abs(v-x)<1e-6&&Math.abs(y-w)<1e-6?N(t):(u=f-k,h=v-x,p=y-w,i=m*(p*=d=1/Math.hypot(u,h,p))-b*(h*=d),a=b*(u*=d)-g*p,o=g*h-m*u,(d=Math.hypot(i,a,o))?(i*=d=1/d,a*=d,o*=d):(i=0,a=0,o=0),s=h*o-p*a,c=p*i-u*o,l=u*a-h*i,(d=Math.hypot(s,c,l))?(s*=d=1/d,c*=d,l*=d):(s=0,c=0,l=0),t[0]=i,t[1]=s,t[2]=u,t[3]=0,t[4]=a,t[5]=c,t[6]=h,t[7]=0,t[8]=o,t[9]=l,t[10]=p,t[11]=0,t[12]=-(i*f+a*v+o*y),t[13]=-(s*f+c*v+l*y),t[14]=-(u*f+h*v+p*y),t[15]=1,t)}function kt(t,e,n,r){var i=e[0],a=e[1],o=e[2],s=r[0],c=r[1],l=r[2],u=i-n[0],h=a-n[1],p=o-n[2],d=u*u+h*h+p*p;d>0&&(u*=d=1/Math.sqrt(d),h*=d,p*=d);var f=c*p-l*h,v=l*u-s*p,y=s*h-c*u;return(d=f*f+v*v+y*y)>0&&(f*=d=1/Math.sqrt(d),v*=d,y*=d),t[0]=f,t[1]=v,t[2]=y,t[3]=0,t[4]=h*y-p*v,t[5]=p*f-u*y,t[6]=u*v-h*f,t[7]=0,t[8]=u,t[9]=h,t[10]=p,t[11]=0,t[12]=i,t[13]=a,t[14]=o,t[15]=1,t}function xt(t){return"mat4("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+", "+t[4]+", "+t[5]+", "+t[6]+", "+t[7]+", "+t[8]+", "+t[9]+", "+t[10]+", "+t[11]+", "+t[12]+", "+t[13]+", "+t[14]+", "+t[15]+")"}function wt(t){return Math.hypot(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}function St(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t[2]=e[2]+n[2],t[3]=e[3]+n[3],t[4]=e[4]+n[4],t[5]=e[5]+n[5],t[6]=e[6]+n[6],t[7]=e[7]+n[7],t[8]=e[8]+n[8],t[9]=e[9]+n[9],t[10]=e[10]+n[10],t[11]=e[11]+n[11],t[12]=e[12]+n[12],t[13]=e[13]+n[13],t[14]=e[14]+n[14],t[15]=e[15]+n[15],t}function Pt(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t[2]=e[2]-n[2],t[3]=e[3]-n[3],t[4]=e[4]-n[4],t[5]=e[5]-n[5],t[6]=e[6]-n[6],t[7]=e[7]-n[7],t[8]=e[8]-n[8],t[9]=e[9]-n[9],t[10]=e[10]-n[10],t[11]=e[11]-n[11],t[12]=e[12]-n[12],t[13]=e[13]-n[13],t[14]=e[14]-n[14],t[15]=e[15]-n[15],t}function jt(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t[2]=e[2]*n,t[3]=e[3]*n,t[4]=e[4]*n,t[5]=e[5]*n,t[6]=e[6]*n,t[7]=e[7]*n,t[8]=e[8]*n,t[9]=e[9]*n,t[10]=e[10]*n,t[11]=e[11]*n,t[12]=e[12]*n,t[13]=e[13]*n,t[14]=e[14]*n,t[15]=e[15]*n,t}function Ot(t,e,n,r){return t[0]=e[0]+n[0]*r,t[1]=e[1]+n[1]*r,t[2]=e[2]+n[2]*r,t[3]=e[3]+n[3]*r,t[4]=e[4]+n[4]*r,t[5]=e[5]+n[5]*r,t[6]=e[6]+n[6]*r,t[7]=e[7]+n[7]*r,t[8]=e[8]+n[8]*r,t[9]=e[9]+n[9]*r,t[10]=e[10]+n[10]*r,t[11]=e[11]+n[11]*r,t[12]=e[12]+n[12]*r,t[13]=e[13]+n[13]*r,t[14]=e[14]+n[14]*r,t[15]=e[15]+n[15]*r,t}function $t(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]&&t[3]===e[3]&&t[4]===e[4]&&t[5]===e[5]&&t[6]===e[6]&&t[7]===e[7]&&t[8]===e[8]&&t[9]===e[9]&&t[10]===e[10]&&t[11]===e[11]&&t[12]===e[12]&&t[13]===e[13]&&t[14]===e[14]&&t[15]===e[15]}function Ct(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=t[4],s=t[5],c=t[6],l=t[7],u=t[8],h=t[9],p=t[10],d=t[11],f=t[12],v=t[13],y=t[14],g=t[15],m=e[0],b=e[1],k=e[2],x=e[3],w=e[4],S=e[5],P=e[6],j=e[7],O=e[8],$=e[9],C=e[10],E=e[11],T=e[12],V=e[13],M=e[14],D=e[15];return Math.abs(n-m)<=1e-6*Math.max(1,Math.abs(n),Math.abs(m))&&Math.abs(r-b)<=1e-6*Math.max(1,Math.abs(r),Math.abs(b))&&Math.abs(i-k)<=1e-6*Math.max(1,Math.abs(i),Math.abs(k))&&Math.abs(a-x)<=1e-6*Math.max(1,Math.abs(a),Math.abs(x))&&Math.abs(o-w)<=1e-6*Math.max(1,Math.abs(o),Math.abs(w))&&Math.abs(s-S)<=1e-6*Math.max(1,Math.abs(s),Math.abs(S))&&Math.abs(c-P)<=1e-6*Math.max(1,Math.abs(c),Math.abs(P))&&Math.abs(l-j)<=1e-6*Math.max(1,Math.abs(l),Math.abs(j))&&Math.abs(u-O)<=1e-6*Math.max(1,Math.abs(u),Math.abs(O))&&Math.abs(h-$)<=1e-6*Math.max(1,Math.abs(h),Math.abs($))&&Math.abs(p-C)<=1e-6*Math.max(1,Math.abs(p),Math.abs(C))&&Math.abs(d-E)<=1e-6*Math.max(1,Math.abs(d),Math.abs(E))&&Math.abs(f-T)<=1e-6*Math.max(1,Math.abs(f),Math.abs(T))&&Math.abs(v-V)<=1e-6*Math.max(1,Math.abs(v),Math.abs(V))&&Math.abs(y-M)<=1e-6*Math.max(1,Math.abs(y),Math.abs(M))&&Math.abs(g-D)<=1e-6*Math.max(1,Math.abs(g),Math.abs(D))}Math.hypot||(Math.hypot=function(){for(var t=0,e=arguments.length;e--;)t+=arguments[e]*arguments[e];return Math.sqrt(t)});var Et=W,Tt=Pt;function Vt(){var t=new R(3);return R!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t}function Mt(t){var e=new R(3);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e}function Dt(t){var e=t[0],n=t[1],r=t[2];return Math.hypot(e,n,r)}function It(t,e,n){var r=new R(3);return r[0]=t,r[1]=e,r[2]=n,r}function Lt(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t}function Rt(t,e,n,r){return t[0]=e,t[1]=n,t[2]=r,t}function At(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t[2]=e[2]+n[2],t}function zt(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t[2]=e[2]-n[2],t}function Ft(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t[2]=e[2]*n[2],t}function Bt(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t[2]=e[2]/n[2],t}function Gt(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t[2]=Math.ceil(e[2]),t}function Ht(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t[2]=Math.floor(e[2]),t}function Nt(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t[2]=Math.min(e[2],n[2]),t}function Xt(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t[2]=Math.max(e[2],n[2]),t}function Yt(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t[2]=Math.round(e[2]),t}function _t(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t[2]=e[2]*n,t}function Kt(t,e,n,r){return t[0]=e[0]+n[0]*r,t[1]=e[1]+n[1]*r,t[2]=e[2]+n[2]*r,t}function Wt(t,e){var n=e[0]-t[0],r=e[1]-t[1],i=e[2]-t[2];return Math.hypot(n,r,i)}function Ut(t,e){var n=e[0]-t[0],r=e[1]-t[1],i=e[2]-t[2];return n*n+r*r+i*i}function Zt(t){var e=t[0],n=t[1],r=t[2];return e*e+n*n+r*r}function qt(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t}function Jt(t,e){return t[0]=1/e[0],t[1]=1/e[1],t[2]=1/e[2],t}function Qt(t,e){var n=e[0],r=e[1],i=e[2],a=n*n+r*r+i*i;return a>0&&(a=1/Math.sqrt(a)),t[0]=e[0]*a,t[1]=e[1]*a,t[2]=e[2]*a,t}function te(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]}function ee(t,e,n){var r=e[0],i=e[1],a=e[2],o=n[0],s=n[1],c=n[2];return t[0]=i*c-a*s,t[1]=a*o-r*c,t[2]=r*s-i*o,t}function ne(t,e,n,r){var i=e[0],a=e[1],o=e[2];return t[0]=i+r*(n[0]-i),t[1]=a+r*(n[1]-a),t[2]=o+r*(n[2]-o),t}function re(t,e,n,r,i,a){var o=a*a,s=o*(2*a-3)+1,c=o*(a-2)+a,l=o*(a-1),u=o*(3-2*a);return t[0]=e[0]*s+n[0]*c+r[0]*l+i[0]*u,t[1]=e[1]*s+n[1]*c+r[1]*l+i[1]*u,t[2]=e[2]*s+n[2]*c+r[2]*l+i[2]*u,t}function ie(t,e,n,r,i,a){var o=1-a,s=o*o,c=a*a,l=s*o,u=3*a*s,h=3*c*o,p=c*a;return t[0]=e[0]*l+n[0]*u+r[0]*h+i[0]*p,t[1]=e[1]*l+n[1]*u+r[1]*h+i[1]*p,t[2]=e[2]*l+n[2]*u+r[2]*h+i[2]*p,t}function ae(t,e){e=e||1;var n=2*A()*Math.PI,r=2*A()-1,i=Math.sqrt(1-r*r)*e;return t[0]=Math.cos(n)*i,t[1]=Math.sin(n)*i,t[2]=r*e,t}function oe(t,e,n){var r=e[0],i=e[1],a=e[2],o=n[3]*r+n[7]*i+n[11]*a+n[15];return o=o||1,t[0]=(n[0]*r+n[4]*i+n[8]*a+n[12])/o,t[1]=(n[1]*r+n[5]*i+n[9]*a+n[13])/o,t[2]=(n[2]*r+n[6]*i+n[10]*a+n[14])/o,t}function se(t,e,n){var r=e[0],i=e[1],a=e[2];return t[0]=r*n[0]+i*n[3]+a*n[6],t[1]=r*n[1]+i*n[4]+a*n[7],t[2]=r*n[2]+i*n[5]+a*n[8],t}function ce(t,e,n){var r=n[0],i=n[1],a=n[2],o=n[3],s=e[0],c=e[1],l=e[2],u=i*l-a*c,h=a*s-r*l,p=r*c-i*s,d=i*p-a*h,f=a*u-r*p,v=r*h-i*u,y=2*o;return u*=y,h*=y,p*=y,d*=2,f*=2,v*=2,t[0]=s+u+d,t[1]=c+h+f,t[2]=l+p+v,t}function le(t,e,n,r){var i=[],a=[];return i[0]=e[0]-n[0],i[1]=e[1]-n[1],i[2]=e[2]-n[2],a[0]=i[0],a[1]=i[1]*Math.cos(r)-i[2]*Math.sin(r),a[2]=i[1]*Math.sin(r)+i[2]*Math.cos(r),t[0]=a[0]+n[0],t[1]=a[1]+n[1],t[2]=a[2]+n[2],t}function ue(t,e,n,r){var i=[],a=[];return i[0]=e[0]-n[0],i[1]=e[1]-n[1],i[2]=e[2]-n[2],a[0]=i[2]*Math.sin(r)+i[0]*Math.cos(r),a[1]=i[1],a[2]=i[2]*Math.cos(r)-i[0]*Math.sin(r),t[0]=a[0]+n[0],t[1]=a[1]+n[1],t[2]=a[2]+n[2],t}function he(t,e,n,r){var i=[],a=[];return i[0]=e[0]-n[0],i[1]=e[1]-n[1],i[2]=e[2]-n[2],a[0]=i[0]*Math.cos(r)-i[1]*Math.sin(r),a[1]=i[0]*Math.sin(r)+i[1]*Math.cos(r),a[2]=i[2],t[0]=a[0]+n[0],t[1]=a[1]+n[1],t[2]=a[2]+n[2],t}function pe(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],s=e[2],c=Math.sqrt(n*n+r*r+i*i)*Math.sqrt(a*a+o*o+s*s),l=c&&te(t,e)/c;return Math.acos(Math.min(Math.max(l,-1),1))}function de(t){return t[0]=0,t[1]=0,t[2]=0,t}function fe(t){return"vec3("+t[0]+", "+t[1]+", "+t[2]+")"}function ve(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]}function ye(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],s=e[2];return Math.abs(n-a)<=1e-6*Math.max(1,Math.abs(n),Math.abs(a))&&Math.abs(r-o)<=1e-6*Math.max(1,Math.abs(r),Math.abs(o))&&Math.abs(i-s)<=1e-6*Math.max(1,Math.abs(i),Math.abs(s))}var ge,me=zt,be=Ft,ke=Bt,xe=Wt,we=Ut,Se=Dt,Pe=Zt,je=(ge=Vt(),function(t,e,n,r,i,a){var o,s;for(e||(e=3),n||(n=0),s=r?Math.min(r*e+n,t.length):t.length,o=n;o<s;o+=e)ge[0]=t[o],ge[1]=t[o+1],ge[2]=t[o+2],i(ge,ge,a),t[o]=ge[0],t[o+1]=ge[1],t[o+2]=ge[2];return t});function Oe(t){var e=t[0],n=t[1],r=t[2],i=t[3];return Math.hypot(e,n,r,i)}function $e(t){var e=t[0],n=t[1],r=t[2],i=t[3];return e*e+n*n+r*r+i*i}!function(){var t,e=(t=new R(4),R!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0,t[3]=0),t)}();function Ce(){var t=new R(4);return R!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t[3]=1,t}function Ee(t){return t[0]=0,t[1]=0,t[2]=0,t[3]=1,t}function Te(t,e,n){n*=.5;var r=Math.sin(n);return t[0]=r*e[0],t[1]=r*e[1],t[2]=r*e[2],t[3]=Math.cos(n),t}function Ve(t,e){var n=2*Math.acos(e[3]),r=Math.sin(n/2);return r>1e-6?(t[0]=e[0]/r,t[1]=e[1]/r,t[2]=e[2]/r):(t[0]=1,t[1]=0,t[2]=0),n}function Me(t,e){var n=ln(t,e);return Math.acos(2*n*n-1)}function De(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],s=n[0],c=n[1],l=n[2],u=n[3];return t[0]=r*u+o*s+i*l-a*c,t[1]=i*u+o*c+a*s-r*l,t[2]=a*u+o*l+r*c-i*s,t[3]=o*u-r*s-i*c-a*l,t}function Ie(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],s=Math.sin(n),c=Math.cos(n);return t[0]=r*c+o*s,t[1]=i*c+a*s,t[2]=a*c-i*s,t[3]=o*c-r*s,t}function Le(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],s=Math.sin(n),c=Math.cos(n);return t[0]=r*c-a*s,t[1]=i*c+o*s,t[2]=a*c+r*s,t[3]=o*c-i*s,t}function Re(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],s=Math.sin(n),c=Math.cos(n);return t[0]=r*c+i*s,t[1]=i*c-r*s,t[2]=a*c+o*s,t[3]=o*c-a*s,t}function Ae(t,e){var n=e[0],r=e[1],i=e[2];return t[0]=n,t[1]=r,t[2]=i,t[3]=Math.sqrt(Math.abs(1-n*n-r*r-i*i)),t}function ze(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),s=Math.exp(a),c=o>0?s*Math.sin(o)/o:0;return t[0]=n*c,t[1]=r*c,t[2]=i*c,t[3]=s*Math.cos(o),t}function Fe(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),s=o>0?Math.atan2(o,a)/o:0;return t[0]=n*s,t[1]=r*s,t[2]=i*s,t[3]=.5*Math.log(n*n+r*r+i*i+a*a),t}function Be(t,e,n){return Fe(t,e),cn(t,t,n),ze(t,t),t}function Ge(t,e,n,r){var i,a,o,s,c,l=e[0],u=e[1],h=e[2],p=e[3],d=n[0],f=n[1],v=n[2],y=n[3];return(a=l*d+u*f+h*v+p*y)<0&&(a=-a,d=-d,f=-f,v=-v,y=-y),1-a>1e-6?(i=Math.acos(a),o=Math.sin(i),s=Math.sin((1-r)*i)/o,c=Math.sin(r*i)/o):(s=1-r,c=r),t[0]=s*l+c*d,t[1]=s*u+c*f,t[2]=s*h+c*v,t[3]=s*p+c*y,t}function He(t){var e=A(),n=A(),r=A(),i=Math.sqrt(1-e),a=Math.sqrt(e);return t[0]=i*Math.sin(2*Math.PI*n),t[1]=i*Math.cos(2*Math.PI*n),t[2]=a*Math.sin(2*Math.PI*r),t[3]=a*Math.cos(2*Math.PI*r),t}function Ne(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n*n+r*r+i*i+a*a,s=o?1/o:0;return t[0]=-n*s,t[1]=-r*s,t[2]=-i*s,t[3]=a*s,t}function Xe(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t[3]=e[3],t}function Ye(t,e){var n,r=e[0]+e[4]+e[8];if(r>0)n=Math.sqrt(r+1),t[3]=.5*n,n=.5/n,t[0]=(e[5]-e[7])*n,t[1]=(e[6]-e[2])*n,t[2]=(e[1]-e[3])*n;else{var i=0;e[4]>e[0]&&(i=1),e[8]>e[3*i+i]&&(i=2);var a=(i+1)%3,o=(i+2)%3;n=Math.sqrt(e[3*i+i]-e[3*a+a]-e[3*o+o]+1),t[i]=.5*n,n=.5/n,t[3]=(e[3*a+o]-e[3*o+a])*n,t[a]=(e[3*a+i]+e[3*i+a])*n,t[o]=(e[3*o+i]+e[3*i+o])*n}return t}function _e(t,e,n,r){var i=.5*Math.PI/180;e*=i,n*=i,r*=i;var a=Math.sin(e),o=Math.cos(e),s=Math.sin(n),c=Math.cos(n),l=Math.sin(r),u=Math.cos(r);return t[0]=a*c*u-o*s*l,t[1]=o*s*u+a*c*l,t[2]=o*c*l-a*s*u,t[3]=o*c*u+a*s*l,t}function Ke(t){return"quat("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")"}var We,Ue,Ze,qe,Je,Qe,tn,en=function(t){var e=new R(4);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e},nn=function(t,e,n,r){var i=new R(4);return i[0]=t,i[1]=e,i[2]=n,i[3]=r,i},rn=function(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t},an=function(t,e,n,r,i){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t},on=function(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t[2]=e[2]+n[2],t[3]=e[3]+n[3],t},sn=De,cn=function(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t[2]=e[2]*n,t[3]=e[3]*n,t},ln=function(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]+t[3]*e[3]},un=function(t,e,n,r){var i=e[0],a=e[1],o=e[2],s=e[3];return t[0]=i+r*(n[0]-i),t[1]=a+r*(n[1]-a),t[2]=o+r*(n[2]-o),t[3]=s+r*(n[3]-s),t},hn=Oe,pn=hn,dn=$e,fn=dn,vn=function(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n*n+r*r+i*i+a*a;return o>0&&(o=1/Math.sqrt(o)),t[0]=n*o,t[1]=r*o,t[2]=i*o,t[3]=a*o,t},yn=function(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]&&t[3]===e[3]},gn=function(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=e[0],s=e[1],c=e[2],l=e[3];return Math.abs(n-o)<=1e-6*Math.max(1,Math.abs(n),Math.abs(o))&&Math.abs(r-s)<=1e-6*Math.max(1,Math.abs(r),Math.abs(s))&&Math.abs(i-c)<=1e-6*Math.max(1,Math.abs(i),Math.abs(c))&&Math.abs(a-l)<=1e-6*Math.max(1,Math.abs(a),Math.abs(l))},mn=(We=Vt(),Ue=It(1,0,0),Ze=It(0,1,0),function(t,e,n){var r=te(e,n);return r<-.999999?(ee(We,Ue,e),Se(We)<1e-6&&ee(We,Ze,e),Qt(We,We),Te(t,We,Math.PI),t):r>.999999?(t[0]=0,t[1]=0,t[2]=0,t[3]=1,t):(ee(We,e,n),t[0]=We[0],t[1]=We[1],t[2]=We[2],t[3]=1+r,vn(t,t))}),bn=(qe=Ce(),Je=Ce(),function(t,e,n,r,i,a){return Ge(qe,e,i,a),Ge(Je,n,r,a),Ge(t,qe,Je,2*a*(1-a)),t}),kn=(Qe=new R(9),R!=Float32Array&&(Qe[1]=0,Qe[2]=0,Qe[3]=0,Qe[5]=0,Qe[6]=0,Qe[7]=0),Qe[0]=1,Qe[4]=1,Qe[8]=1,tn=Qe,function(t,e,n,r){return tn[0]=n[0],tn[3]=n[1],tn[6]=n[2],tn[1]=r[0],tn[4]=r[1],tn[7]=r[2],tn[2]=-e[0],tn[5]=-e[1],tn[8]=-e[2],vn(t,Ye(t,tn))});function xn(){var t=new R(2);return R!=Float32Array&&(t[0]=0,t[1]=0),t}function wn(t){var e=new R(2);return e[0]=t[0],e[1]=t[1],e}function Sn(t,e){var n=new R(2);return n[0]=t,n[1]=e,n}function Pn(t,e){return t[0]=e[0],t[1]=e[1],t}function jn(t,e,n){return t[0]=e,t[1]=n,t}function On(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t}function $n(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t}function Cn(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t}function En(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t}function Tn(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t}function Vn(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t}function Mn(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t}function Dn(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t}function In(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t}function Ln(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t}function Rn(t,e,n,r){return t[0]=e[0]+n[0]*r,t[1]=e[1]+n[1]*r,t}function An(t,e){var n=e[0]-t[0],r=e[1]-t[1];return Math.hypot(n,r)}function zn(t,e){var n=e[0]-t[0],r=e[1]-t[1];return n*n+r*r}function Fn(t){var e=t[0],n=t[1];return Math.hypot(e,n)}function Bn(t){var e=t[0],n=t[1];return e*e+n*n}function Gn(t,e){return t[0]=-e[0],t[1]=-e[1],t}function Hn(t,e){return t[0]=1/e[0],t[1]=1/e[1],t}function Nn(t,e){var n=e[0],r=e[1],i=n*n+r*r;return i>0&&(i=1/Math.sqrt(i)),t[0]=e[0]*i,t[1]=e[1]*i,t}function Xn(t,e){return t[0]*e[0]+t[1]*e[1]}function Yn(t,e,n){var r=e[0]*n[1]-e[1]*n[0];return t[0]=t[1]=0,t[2]=r,t}function _n(t,e,n,r){var i=e[0],a=e[1];return t[0]=i+r*(n[0]-i),t[1]=a+r*(n[1]-a),t}function Kn(t,e){e=e||1;var n=2*A()*Math.PI;return t[0]=Math.cos(n)*e,t[1]=Math.sin(n)*e,t}function Wn(t,e,n){var r=e[0],i=e[1];return t[0]=n[0]*r+n[2]*i,t[1]=n[1]*r+n[3]*i,t}function Un(t,e,n){var r=e[0],i=e[1];return t[0]=n[0]*r+n[2]*i+n[4],t[1]=n[1]*r+n[3]*i+n[5],t}function Zn(t,e,n){var r=e[0],i=e[1];return t[0]=n[0]*r+n[3]*i+n[6],t[1]=n[1]*r+n[4]*i+n[7],t}function qn(t,e,n){var r=e[0],i=e[1];return t[0]=n[0]*r+n[4]*i+n[12],t[1]=n[1]*r+n[5]*i+n[13],t}function Jn(t,e,n,r){var i=e[0]-n[0],a=e[1]-n[1],o=Math.sin(r),s=Math.cos(r);return t[0]=i*s-a*o+n[0],t[1]=i*o+a*s+n[1],t}function Qn(t,e){var n=t[0],r=t[1],i=e[0],a=e[1],o=Math.sqrt(n*n+r*r)*Math.sqrt(i*i+a*a),s=o&&(n*i+r*a)/o;return Math.acos(Math.min(Math.max(s,-1),1))}function tr(t){return t[0]=0,t[1]=0,t}function er(t){return"vec2("+t[0]+", "+t[1]+")"}function nr(t,e){return t[0]===e[0]&&t[1]===e[1]}function rr(t,e){var n=t[0],r=t[1],i=e[0],a=e[1];return Math.abs(n-i)<=1e-6*Math.max(1,Math.abs(n),Math.abs(i))&&Math.abs(r-a)<=1e-6*Math.max(1,Math.abs(r),Math.abs(a))}var ir=Fn,ar=$n,or=Cn,sr=En,cr=An,lr=zn,ur=Bn,hr=function(){var t=xn();return function(e,n,r,i,a,o){var s,c;for(n||(n=2),r||(r=0),c=i?Math.min(i*n+r,e.length):e.length,s=r;s<c;s+=n)t[0]=e[s],t[1]=e[s+1],a(t,t,o),e[s]=t[0],e[s+1]=t[1];return e}}(),pr={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 pr.divs(t,pr.len(t))},ang:function(t,e){return Math.acos(pr.dot(t,e)/(pr.len(t)*pr.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,i=t.z,a=e.x/2,o=e.y/2,s=e.z/2,c=Math.cos(a),l=Math.cos(o),u=Math.cos(s),h=Math.sin(a),p=Math.sin(o),d=Math.sin(s),f=c*l*u+-h*p*d,v=h*l*u- -c*p*d,y=c*p*u+h*l*-d,g=c*l*d- -h*p*u;return{x:n*(1-2*(y*y+g*g))+r*(2*(v*y-g*f))+i*(2*(v*g+y*f)),y:n*(2*(v*y+g*f))+r*(1-2*(v*v+g*g))+i*(2*(y*g-v*f)),z:n*(2*(v*g-y*f))+r*(2*(g*y+v*f))+i*(1-2*(v*v+y*y))}}};function dr(t,e){return e=Di(e)?1:e,Math.round(t*e)/e}function fr(t){return t*(Math.PI/180)}function vr(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function yr(t){var e=t*(180/Math.PI);return e<0&&(e=360+e),e}function gr(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.cos(fr(t))}function mr(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.sin(fr(t))}function br(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:gr(t,e,n),y:mr(t,e,r)}}function kr(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 s.distance([t,e],[n,r])}function xr(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return a.lerp([],t,e,1+n/a.dist(t,e))}function wr(t,e){return t.map((function(t){return a.transformMat4([],t,e)}))}function Sr(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[0],e)})),e}function Pr(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[1],e)})),e}function jr(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[0],e)})),e}function Or(t){var e=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[0],e),n=Math.max(t[0],n)})),Math.round((e+n)/2)}function $r(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[1],e)})),e}function Cr(t){var e=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[1],e),n=Math.max(t[1],n)})),Math.round((e+n)/2)}function Er(t,e){return yr(Math.atan2(e,t))}function Tr(t,e,n){return Ir({x:t[0],y:t[1]},{x:e[0],y:e[1]},{dx:n[0],dy:n[1]})}function Vr(t,e){var n=i.create();return i.translate(n,n,e),i.rotateZ(n,n,fr(t)),i.translate(n,n,a.negate([],e)),n}function Mr(){for(var t=i.create(),e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return n.forEach((function(e){i.multiply(t,t,e)})),t}function Dr(){return i.invert([],Mr.apply(void 0,arguments))}function Ir(t,e,n){var r=Er(t.x-e.x,t.y-e.y);return Er(t.x+n.dx-e.x,t.y+n.dy-e.y)-r}function Lr(t,e){return(Er(t,e)+180)%360}var Rr=/[xy]/g;function Ar(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(Rr,(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 zr(){var t=(new Date).getTime();return"idxxxxxxx".replace(Rr,(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 Fr=function(t){return 3*t*t*(1-t)},Br=function(t){return 3*t*(1-t)*(1-t)},Gr=function(t){return(1-t)*(1-t)*(1-t)};function Hr(t,e,n,r){var i=e,a=r;return function(t){return 1-(i*Fr(t)+a*Br(t)+Gr(t))}}function Nr(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},i=Math.sin(t-Math.PI/2)*n/2,a=Math.cos(t-Math.PI/2)*n/2;return{length:n,center:r,start:{x:r.x-a,y:r.y-i},end:{x:r.x+a,y:r.y+i}}}function Xr(t,e,n){return Di(n)?pr.cross2d(t,e):pr.cross2d(pr.sub(e,t),pr.sub(n,t))}function Yr(t,e,n,r){var i=Xr(t,e,n),a=t.x-r.x,o=t.y-r.y,s=e.x-r.x,c=e.y-r.y,l=n.x-r.x,u=n.y-r.y,h=(a*a+o*o)*(s*u-l*c)+(s*s+c*c)*(l*o-a*u)+(l*l+u*u)*(a*c-s*o);return i>0?h>=0:h<=0}function _r(t,e,n){for(var r=pr.create(Math.min(e,n),Math.max(e,n)),i=-1,a=0,o=t.length;a<o;a++)if(pr.equal(t[a],r)){i=a;break}i>-1?t.splice(i,1):t.push(r)}function Kr(t,e,n){var r=t[e];t[e]=t[n],t[n]=r}function Wr(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=t.length;t[e]=pr.create(-2e9,-2e9),t[e+1]=pr.create(2e9,-2e9),t[e+2]=pr.create(0,2e9);for(var n=[pr.create(e,e+1,e+2)],r=0;r<e;r++){for(var i=[],a=new Array(n.length),o=0;o<n.length;o++){if(!a[o])if(h=n[o]){var s=t[h.x],c=t[h.y],l=t[h.z],u=t[r];Yr(s,c,l,u)?(_r(i,h.x,h.y),_r(i,h.y,h.z),_r(i,h.z,h.x),Kr(a,o,n.length-1),Kr(n,o,n.length-1),n.pop(),o--):a[o]=!0}}i.forEach((function(e){0===Xr(t[e.x],t[e.y],t[r])||n.push(pr.create(e.x,e.y,r))}))}for(r=0;r<n.length;r++){var h;((h=n[r]).x>=e||h.y>=e||h.z>=e)&&(Kr(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 Ur(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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:function(){return Math.random()},s=[],c=-n,l=t+n,u=-r,h=e+r,p=c;p<l;p+=i)for(var d=u;d<h;d+=i){var f=Math.floor(p+i/2*(o()*a*2-a)),v=Math.floor(d+i/2*(o()*a*2-a));s[s.length]={x:f,y:v}}return s}function Zr(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}var qr=/[\b\t \,\n]/g;function Jr(t){return t.trim().split(qr).filter((function(t){return t})).map((function(t){return+t}))}var Qr,ti={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},ei={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)"},ni=[[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"]],ri=function(t){return E()(ai(ei[t]||t))},ii=function(t){t=t.map((function(t){return Math.floor(100*t)/100}));for(var e=0,n=ni.length;e<n;e++){var r=ni[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(",")," )")},ai=function(t){if("string"==typeof t){if(ti[t])return ni.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},oi=function(t,e,n,r){var i=[t,e,n,r];return function(t){return mi(i,t)}},si=function(t,e,n){var r=[t,e,n];return function(t){return bi(r,t)}},ci=function(t,e){var n=[t,e];return function(t){return ki(n,t)}},li=function(t,e,n,r,i){var a=e(n),o=kr(r,i,a.x,a.y);o<t.minDist&&(t.minDist=o,t.minT=n)},ui=function(t,e,n,r,i,a,o,s){for(var c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,l=oi({x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:s}),u=0,h=l(0),p=0;p<=c;p++){var d=p/c,f=l(d);u+=kr(h.x,h.y,f.x,f.y),h=f}return u},hi=function(t,e,n,r,i,a){for(var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,s=si({x:t,y:e},{x:n,y:r},{x:i,y:a}),c=0,l=s(0),u=0;u<=o;u++){var h=u/o,p=s(h);c+=kr(l.x,l.y,p.x,p.y),l=p}return c},pi=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n={minDist:1/0,minT:0};return function(r,i){for(var a=0;a<=e;a++)li(n,t,a/e,r,i);var o=1/(2*e),s=n.minT;for(a=0;a<e;a++)li(n,t,s-o,r,i),li(n,t,s+o,r,i),o/=2;return n.minT}},di=function(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return pi(oi(t,e,n,r),i)},fi=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return pi(si(t,e,n),r)},vi=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return pi(ci(t,e),n)},yi=function(t){if("linear"===t)return ci(n={x:0,y:0},r={x:1,y:1});var e=ai(t),n={x:0,y:0},r={x:e[0],y:e[1]},i={x:e[2],y:e[3]};return oi(n,r,i,{x:1,y:1})},gi=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},mi=function(t,e){var n=gi(t[0],t[1],e),r=gi(t[1],t[2],e),i=gi(t[2],t[3],e),a=gi(n,r,e),o=gi(r,i,e);return gi(a,o,e)},bi=function(t,e){var n=gi(t[0],t[1],e),r=gi(t[1],t[2],e);return gi(n,r,e)},ki=function(t,e){return gi(t[0],t[1],e)},xi=function(t,e){var n=gi(t[0],t[1],e),r=gi(t[1],t[2],e),i=gi(t[2],t[3],e),a=gi(n,r,e),o=gi(r,i,e),s=gi(a,o,e);return{first:[t[0],n,a,s],second:[s,o,i,t[3]]}},wi=function(t,e){var n=gi(t[0],t[1],e),r=gi(t[1],t[2],e),i=gi(n,r,e);return{first:[t[0],n,i],second:[i,r,t[2]]}},Si=function(t,e){var n=gi(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}},Pi=function(t){var e=function(t){var e=a.negate([],t[0]),n=a.multiply([],[3,3,3],t[1]),r=a.multiply([],[-3,-3,-3],t[2]),i=t[3],o=a.add([],a.add([],e,n),a.add([],r,i));return a.multiply([],[3,3,3],o)}(t),n=function(t){var e=t[0],n=a.multiply([],[-2,-2,-2],t[1]),r=t[2],i=a.add([],a.add([],e,n),r);return a.multiply([],[6,6,6],i)}(t),r=function(t){var e=a.add([],t[1],a.negate([],t[0]));return a.multiply([],[3,3,3],e)}(t),i=[],o=n[0]*n[0]-4*e[0]*r[0];if(o<0);else if(0===o){var s=-n[0]/(2*e[0]);0<=s&&s<=1&&i.push(s)}else if(o>0){var c=(-n[0]+Math.sqrt(o))/(2*e[0]),l=(-n[0]-Math.sqrt(o))/(2*e[0]);0<=c&&c<=1&&i.push(c),0<=l&&l<=1&&i.push(l)}var u=n[1]*n[1]-4*e[1]*r[1];if(u<0);else if(0===u){var h=-n[1]/(2*e[1]);0<=h&&h<=1&&i.push(h)}else if(u>0){var p=(-n[1]+Math.sqrt(u))/(2*e[1]),d=(-n[1]-Math.sqrt(u))/(2*e[1]);0<=p&&p<=1&&i.push(p),0<=d&&d<=1&&i.push(d)}return i};function ji(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.__proto__,r=[];do{var i=n instanceof Object;if(!1===i)break;var a=Object.getOwnPropertyNames(n).filter((function(n){return t&&Bi(t[n])&&!e[n]}));r.push.apply(r,a),n=n.__proto__}while(n);return r}function Oi(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,i,a,o,s){n&&clearTimeout(n),n=setTimeout((function(){t(r,i,a,o,s)}),e||300)}}function $i(t,e){var n=void 0;return function(r,i,a,o,s){n||(n=setTimeout((function(){t(r,i,a,o,s),n=null}),e||300))}}function Ci(t,e){Object.keys(t).forEach((function(n,r){e(n,t[n],r)}))}function Ei(t,e){return Object.keys(t).map((function(n,r){return e(n,t[n],r)}))}function Ti(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return Ei(t,e).join(n)}function Vi(t,e,n){var r=Mi(t[e],e);return Bi(n)?n(r):r}function Mi(t,e){return void 0===t?e:t}function Di(t){return null==t}function Ii(t){return!1===Di(t)}function Li(t){return Array.isArray(t)}function Ri(t){return"boolean"==typeof t}function Ai(t){return"string"==typeof t}function zi(t){return!1===Ai(t)}function Fi(t){return"object"==V()(t)&&!Li(t)&&!Gi(t)&&!Ai(t)&&null!==t}function Bi(t){return"function"==typeof t}function Gi(t){return"number"==typeof t}function Hi(t){return 0===t}function Ni(t){return!Hi(t)}function Xi(t){if(!Di(t))return JSON.parse(JSON.stringify(t))}function Yi(t){var e={};return Object.keys(t).filter((function(e){return!!t[e]})).forEach((function(n){e[n]=t[n]})),e}function _i(t){return Object.keys(t).forEach((function(e){Array.isArray(t[e])&&(t[e]=t[e].join(", "))})),t}function Ki(t){return E()(Array(t))}function Wi(){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 Ui=/\<(\w*)([^\>]*)\/\>/gim,Zi=(Qr={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},S()(Qr,"path",!0),S()(Qr,"polygon",!0),S()(Qr,"polyline",!0),S()(Qr,"use",!0),Qr),qi=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 i=t.map((function(t,e){var r=n[e]||"";return Bi(r)&&(r=r()),Li(r)||(r=[r]),t+(r=r.join(""))})).join("");return i=i.replace(Ui,(function(t,e){return Zi[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))}))};function Ji(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t||{};return Object.keys(n).filter((function(t){return Ii(n[t])})).map((function(t){return"".concat(t,": ").concat(n[t])})).join(";"+e)}function Qi(){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=t.split(n).map((function(t){return t.trim()})),i=$()(e),a=i[0],o=i.slice(1);""!=a&&(r[a]=o.join(n))})),r)}function ta(t){return Object.keys(t).map((function(e){return"class"===e&&Fi(t[e])?"".concat(e,'="').concat(ea(t[e]),'"'):Ri(t[e])||Di(t[e])||"undefined"===t[e]?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')})).join(" ")}function ea(t){return Object.keys(t).filter((function(e){return t[e]})).map((function(t){return t})).join(" ")}function na(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function ra(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function ia(t,e){var n=new Set([].concat(E()(t),E()(e)));return n.size===t.length&&n.size===e.length}var aa=function(t,e){var n=t.filter((function(t){return t.indexOf("".concat(e,"("))>-1})),r=n.map((function(t){var n=t.split("".concat(e,"("))[1].split(")")[0].trim().split(" "),r=j()(n,2);return{target:r[0],param:r[1]}}));return[n,r]},oa=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:30,r=ri(t);return"\n        M0 ".concat(e," \n        C \n        ").concat(r[0]*e," ").concat(0==r[1]?n:(1-r[1])*n,",\n        ").concat(r[2]*e," ").concat(1==r[3]?0:(1-r[3])*n,",\n        ").concat(e," 0\n    ")},sa=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:30,r=ri(t);return"\n        M 0 ".concat(e," \n        L ").concat(r[0]*e," ").concat(0==r[1]?n:(1-r[1])*n,"\n        M ").concat(e," 0\n        L ").concat(r[2]*e," ").concat(1==r[3]?0:(1-r[3])*n,"\n    ")};function ca(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?la(t):"rgb"==e?ua(t,n):"hsl"==e?ha(t):t}function la(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);if(t.b<16&&(r="0"+r),1==t.a||Di(t.a))return"#".concat(e).concat(n).concat(r);var i=Math.ceil(255*t.a),a=i.toString(16);return i<16&&(a="0"+a),"#".concat(e).concat(n).concat(r).concat(a)}function ua(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(Li(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),!Di(t))return 1==t.a||Di(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 ha(t){return Li(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||Di(t.a)?"hsl(".concat(t.h,",").concat(t.s,"%,").concat(t.l,"%)"):"hsla(".concat(t.h,",").concat(t.s,"%,").concat(t.l,"%,").concat(t.a,")")}function pa(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function da(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function fa(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.x,e=r.y,n=r.z}var i=t/100,a=e/100,o=n/100,s=3.2406*i+-1.5372*a+-.4986*o,c=-.9689*i+1.8758*a+.0415*o,l=.0557*i+-.204*a+1.057*o;s=da(s),c=da(c),l=da(l);var u=dr(255*s),h=dr(255*c),p=dr(255*l);return{r:u,g:h,b:p}}function va(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}var i=(t+16)/116,a=e/500+i,o=i-n/200;i=pa(i);var s=95.047*(a=pa(a)),c=100*i,l=108.883*(o=pa(o));return{x:s,y:c,z:l}}function ya(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function ga(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.x,e=r.y,n=r.z}var i=t/95.047,a=e/100,o=n/108.883;i=ya(i);var s=116*(a=ya(a))-16,c=500*(i-a),l=200*(a-(o=ya(o)));return{l:s,a:c,b:l}}function ma(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return fa(va(t,e,n))}function ba(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=t/255,a=e/255,o=n/255,s=Math.max(i,a,o),c=Math.min(i,a,o),l=s-c,u=0;0==l?u=0:s==i?u=(a-o)/l%6*60:s==a?u=60*((o-i)/l+2):s==o&&(u=60*((i-a)/l+4)),u<0&&(u=360+u);return{h:u,s:0==s?0:l/s,v:s}}function ka(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=t/255,a=e/255,o=n/255,s=1-Math.max(i,a,o),c=(1-i-s)/(1-s),l=(1-a-s)/(1-s),u=(1-o-s)/(1-s);return{c:c,m:l,y:u,k:s}}function xa(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 i,a,o=Math.max(t,e,n),s=Math.min(t,e,n),c=(o+s)/2;if(o==s)i=a=0;else{var l=o-s;switch(a=c>.5?l/(2-o-s):l/(o+s),o){case t:i=(e-n)/l+(e<n?6:0);break;case e:i=(n-t)/l+2;break;case n:i=(t-e)/l+4}i/=6}return{h:dr(360*i),s:dr(100*a),l:dr(100*c)}}function wa(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Sa((t+e+n)/3>90?0:255)}function Sa(t){return{r:t,g:t,b:t}}function Pa(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Sa(Math.ceil((t+e+n)/3))}function ja(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Sa($a(t,e,n).y)}function Oa(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function $a(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=Oa(t,e,n),a=.564*(n-i),o=.713*(t-i);return{y:i,cr:o,cb:a}}function Ca(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function Ea(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=t/255,a=e/255,o=n/255,s=.4124*(i=Ca(i))+.3576*(a=Ca(a))+.1805*(o=Ca(o)),c=.2126*i+.7152*a+.0722*o,l=.0193*i+.1192*a+.9505*o;return{x:s,y:c,z:l}}function Ta(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ga(Ea(t,e,n))}function Va(t,e,n,r){if(1==arguments.length){var i=arguments[0];t=i.c,e=i.m,n=i.y,r=i.k}var a=255*(1-t)*(1-r),o=255*(1-e)*(1-r),s=255*(1-n)*(1-r);return{r:a,g:o,b:s}}function Ma(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var i=t,a=e,o=n;i>=360&&(i=0);var s=a*o,c=s*(1-Math.abs(i/60%2-1)),l=o-s,u=[];return 0<=i&&i<60?u=[s,c,0]:60<=i&&i<120?u=[c,s,0]:120<=i&&i<180?u=[0,s,c]:180<=i&&i<240?u=[0,c,s]:240<=i&&i<300?u=[c,0,s]:300<=i&&i<360&&(u=[s,0,c]),{r:dr(255*(u[0]+l)),g:dr(255*(u[1]+l)),b:dr(255*(u[2]+l))}}function Da(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var i=Ma(t,e,n);return xa(i.r,i.g,i.b)}function Ia(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 La(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var i=Ra(t,e,n);return ba(i.r,i.g,i.b)}function Ra(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var i,a,o;if(t/=360,n/=100,0==(e/=100))i=a=o=n;else{var s=n<.5?n*(1+e):n+e-n*e,c=2*n-s;i=Ia(c,s,t+1/3),a=Ia(c,s,t),o=Ia(c,s,t-1/3)}return{r:dr(255*i),g:dr(255*a),b:dr(255*o)}}function Aa(t,e,n,r){if(1==arguments.length){var i=arguments[0];t=i.y,e=i.cr,n=i.cb;r=(r=i.bit)||0}var a=t+1.402*(e-r),o=t-.344*(n-r)-.714*(e-r),s=t+1.772*(n-r);return{r:Math.ceil(a),g:Math.ceil(o),b:Math.ceil(s)}}var za={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 Fa={isColorName:function(t){return!!za[t]},getColorByName:function(t){return za[t]}};function Ba(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ga(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ba(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ba(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ha=/(#(?:[\da-f]{3}){1,2}|#(?:[\da-f]{8})|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 Na(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Xa(t){return!!Ya(t).length}function Ya(t){var e=t.match(Ha),n=[];if(!e)return n;for(var r=0,i=e.length;r<i;r++)if(e[r].indexOf("#")>-1||e[r].indexOf("rgb")>-1||e[r].indexOf("hsl")>-1)n.push({color:e[r]});else{var a=Fa.getColorByName(e[r]);a&&n.push({color:e[r],nameColor:a})}var o={next:0};return n.forEach((function(e){var n=t.indexOf(e.color,o.next);e.startIndex=n,e.endIndex=n+e.color.length,o.next=e.endIndex})),n}function _a(t){var e=Ya(t);return e.forEach((function(e){t=t.replace(e.color,Na(e))})),{str:t,matches:e}}function Ka(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=_a(t);return n.str.split(e).map((function(t,e){return t=Za(t),n.matches[e]&&(t=t.replace(Na(n.matches[e]),n.matches[e].color)),t}))}function Wa(t,e){return e.forEach((function(e){t=t.replace(Na(e),e.color)})),t}var Ua=/^\s+|\s+$/g;function Za(t){return t.replace(Ua,"")}function qa(t){if(Ai(t)){if(Fa.isColorName(t)&&(t=Fa.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(Za(r[e]),10);return o=Ga({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:1},{},xa(o))}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(Za(r[e])):parseInt(Za(r[e]),10);return o=Ga({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]},{},xa(o))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(Za(r[e]));return o=Ga({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:1},{},Ra(o))}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(Za(r[e])):parseInt(Za(r[e]),10);return o=Ga({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]},{},Ra(o))}if(0==t.indexOf("#")){var r=[],i=1;if(3==(t=t.replace("#","")).length)for(e=0,n=t.length;e<n;e++){var a=t.substr(e,1);r.push(parseInt(a+a,16))}else if(8===t.length){for(e=0,n=t.length;e<n;e+=2)r.push(parseInt(t.substr(e,2),16));i=r.pop()/255}else for(e=0,n=t.length;e<n;e+=2)r.push(parseInt(t.substr(e,2),16));return o=Ga({},o={type:"hex",r:r[0],g:r[1],b:r[2],a:i},{},xa(o))}}else if(Gi(t)){var o;if(0<=t&&t<=16777215)return o=Ga({},o={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1},{},xa(o));if(0<=t&&t<=4294967295)return o=Ga({},o={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255},{},xa(o))}return t}function Ja(t){Ai(t)&&(t=Ka(t));var e=(t=t.map((function(t){if(Ai(t)){var e=_a(t),n=Za(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]=Wa(n[0],e.matches),n}if(Array.isArray(t))return t[1]?Ai(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",E()(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 Qa(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",i=to(t,e,n);return ca(i,r)}function to(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=Di(t.a)?1:t.a,i=Di(e.a)?1:e.a;return{r:dr(t.r+(e.r-t.r)*n),g:dr(t.g+(e.g-t.g)*n),b:dr(t.b+(e.b-t.b)*n),a:dr(r+(i-r)*n,100)}}function eo(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];Ai(t)&&(t=Ka(t));for(var n=(t=t||[]).length,r=[],i=0;i<n-1;i++)for(var a=0;a<e;a++)r.push(no(t[i],t[i+1],a/e));return r}function no(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",i=qa(t),a=qa(e);return Qa(i,a,n,r)}function ro(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 no(t,e,n,r)}function io(t){return t=qa(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function ao(t){return io(t)>=128?"black":"white"}function oo(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=e-((t=Ja(t)).length-1),i=r,a=1,o=t.length;a<o;a++){var s=t[a-1][0],c=t[a][0],l=1==a?t[a][1]:t[a][1]-t[a-1][1],u=a==t.length-1?i:Math.floor(l*r);n=n.concat(eo([s,c],u),[c]),i-=u}return n}function so(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",i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:100,s=qa(t),c=ba(s),l=(a-i)*o/n,u=[],h=1;h<=n;h++)c[e]=Math.abs((o-l*h)/o),u.push(ca(Ma(c),r));return u}function co(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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:360;return so(t,"h",e,n,r,i,1)}function lo(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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return so(t,"s",e,n,r,i,100)}function uo(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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return so(t,"v",e,n,r,i,100)}function ho(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}eo.parula=function(t){return eo(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},eo.jet=function(t){return eo(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},eo.hsv=function(t){return eo(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},eo.hot=function(t){return eo(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},eo.pink=function(t){return eo(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},eo.bone=function(t){return eo(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},eo.copper=function(t){return eo(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var po=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ho(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ho(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},r,{},u,{},c,{},b,{},m,{},g,{},p,{},d,{},f,{},v,{},h,{},l),fo=[{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=fo.length;t<e;t++){var n=fo[t],r=po.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var vo={colors:fo,checkHueColor:function(t){for(var e,n,r=0;r<fo.length;r++)if(fo[r].start>=t){e=fo[r-1],n=fo[r];break}return e&&n?po.mix(e,n,(t-e.start)/(n.start-e.start)):fo[0].rgb}},yo=n(1),go=n.n(yo),mo=n(2),bo=n.n(mo),ko=n(3),xo=n.n(ko),wo=n(0),So=n.n(wo),Po=n(4),jo=n.n(Po),Oo=function(){function t(e){go()(this,t),this.cachedCallback={},this.callbacks={},this.commandes=[],this.editor=e}return bo()(t,[{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:"debug",value:function(){var t;this.editor&&this.editor.config.get("debug")&&(t=console).log.apply(t,arguments)}},{key:"on",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=e;r>0?a=Oi(e,r):i>0&&(a=$i(e,i)),this.getCallbacks(t).push({event:t,callback:a,context:n,originalCallback:e}),this.debug("add message event",t,n.sourceName)}},{key:"off",value:function(t,e){this.debug("off message event",t),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})))})),this.debug("off all message",t.sourceName)}},{key:"getCachedCallbacks",value:function(t){return this.getCallbacks(t)}},{key:"sendMessage",value:function(t,e){for(var n=this,r=arguments.length,i=new Array(r>2?r-2:0),a=2;a<r;a++)i[a-2]=arguments[a];Promise.resolve().then((function(){var r=n.getCachedCallbacks(e);if(r)for(var a=0,o=r.length;a<o;a++){var s=r[a];s.originalCallback.source!==t&&s.callback.apply(s.context,i)}}))}},{key:"nextSendMessage",value:function(t,e){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];Promise.resolve().then((function(){e.apply(void 0,r)}))}},{key:"triggerMessage",value:function(t,e){for(var n=this,r=arguments.length,i=new Array(r>2?r-2:0),a=2;a<r;a++)i[a-2]=arguments[a];Promise.resolve().then((function(){var r=n.getCachedCallbacks(e);if(r)for(var a=0,o=r.length;a<o;a++){var s=r[a];s.originalCallback.source===t&&s.callback.apply(s.context,i)}else console.warn(e," is not valid event")}))}},{key:"emit",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.sendMessage.apply(this,[this.source].concat(e))}},{key:"nextTick",value:function(t){this.nextSendMessage(this.source,t)}},{key:"trigger",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.triggerMessage.apply(this,[this.source].concat(e))}}]),t}(),$o=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):e&&function(t,e){t.removeAttribute(e)}(t,e)}(t,e,r)};function Co(t){for(var e={},n=t.length,r=0;r<n;r++){var i=t[r];e[i.name]=i.value}return e}function Eo(t,e,n,r){if(e)if(n){if(c=e,(s=n).nodeType===Node.TEXT_NODE&&s.textContent!==c.textContent||s.nodeName!==c.nodeName)t.replaceChild(n.cloneNode(!0),e);else if(n.nodeType!==Node.TEXT_NODE&&"[object HTMLUnknownElement]"!==n.toString()){!function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=[];r.push.apply(r,Object.keys(e)),r.push.apply(r,Object.keys(n));var i=new Set(r);i.forEach((function(r){$o(t,r,e[r],n[r])}))}(e,Co(n.attributes),Co(e.attributes));var i=To(e),a=To(n),o=Math.max(i.length,a.length);for(r=0;r<o;r++)Eo(e,i[r],a[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var s,c}var To=function(t){var e=t.firstChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextSibling}while(e);return n};function Vo(t,e){t=t.el||t,e=e.el||e;for(var n=To(t),r=To(e),i=Math.max(n.length,r.length),a=0;a<i;a++)Eo(t,n[a],r[a],a)}var Mo={center:50,top:0,left:0,right:100,bottom:100},Do=function t(){go()(this,t)};Do.CENTER="center",Do.TOP="top",Do.RIGHT="right",Do.LEFT="left",Do.BOTTOM="bottom";var Io=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,Lo=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(go()(this,t),this.value=e,Gi(this.value)&&isNaN(this.value))throw new Error("NaN is not able to set");this.unit=n}return bo()(t,[{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 Gi(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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return this.value/t}},{key:"stringToPercent",value:function(){return Ii(Mo[this.value])?t.percent(Mo[this.value]):t.percent(0)}},{key:"stringToEm",value:function(t){return this.stringToPercent().toEm(t)}},{key:"stringToPx",value:function(t){return this.stringToPercent().toPx(t)}},{key:"toPercent",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?this.clone():this.isPx()?t.percent(100*this.value/e):this.isEm()?t.percent(this.value*n*100/e):this.isString()?this.stringToPercent(e):this.isDeg()?t.percent(this.value/360*100):void 0}},{key:"toEm",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?t.em(this.value/100*e/n):this.isPx()?t.em(this.value/n):this.isEm()?this.clone():this.isString()?this.stringToEm(e):void 0}},{key:"toPx",value:function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.isPercent()?t.px(this.value/100*e):this.isPx()?this.clone():this.isEm()?t.px(this.value/100*e/16):this.isString()?this.stringToPx(e):void 0}},{key:"toDeg",value:function(){return this.isDeg()?this.clone():this.isTurn()?t.deg(360*this.value):this.isRad()?t.deg(this.value*(180/Math.PI)):void 0}},{key:"toTurn",value:function(){return this.isTurn()?this.clone():this.isDeg()?t.turn(this.value/360):void 0}},{key:"toSecond",value:function(){return this.isSecond()?this:this.isMs()?t.second(this.value/1e3):void 0}},{key:"toMs",value:function(){return this.isSecond()?t.ms(1e3*this.value):this.isMs()?this:void 0}},{key:"to",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:16;return"px"===t?this.toPx(e,n):"%"===t||"percent"===t?this.toPercent(e,n):"em"===t?this.toEm(e,n):"deg"===t?this.toDeg():"turn"===t?this.toTurn():void 0}},{key:"toUnit",value:function(e){return new t(this.value,e)}},{key:"calculate",value:function(t,e){var n=this[t];return n?n.call(this,e):this}},{key:"includes",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.includes(this.value)}},{key:"round",value:function(e){return new t(dr(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)}}],[{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(),i=0,a=e.length;i<a;i++)r.value>e[i].value&&(r=e[i]);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(),i=0,a=e.length;i<a;i++)r.value<e[i].value&&(r=e[i]);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:"z",value:function(){return t.px(0)}},{key:"calc",value:function(e){return new t(e,"calc")}},{key:"parse",value:function(e){if(Ai(e=e||t.number(0))){var n=(e=e.trim()).replace(Io,"$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 Ii(e.percent)?r=e.percent:Ii(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit){r=0;return Ii(e.px)?r=e.px:Ii(e.value)&&(r=e.value),t.px(r)}if("em"==e.unit){r=0;return Ii(e.em)?r=e.em:Ii(e.value)&&(r=e.value),t.em(r)}if("deg"==e.unit){r=0;return Ii(e.deg)?r=e.deg:Ii(e.value)&&(r=e.value),t.deg(r)}if("turn"==e.unit){r=0;return Ii(e.deg)?r=e.turn:Ii(e.value)&&(r=e.value),t.turn(r)}if("s"==e.unit){r=0;return Ii(e.second)?r=e.second:Ii(e.value)&&(r=e.value),t.second(r)}if("ms"==e.unit){r=0;return Ii(e.ms)?r=e.ms:Ii(e.value)&&(r=e.value),t.ms(r)}if("number"==e.unit){r=0;return Ii(e.value)&&(r=e.value),t.number(r)}if("--"==e.unit){r=0;return Ii(e.value)&&(r=e.value),t.var(r)}if(""===e.unit||"string"===e.unit){r="";return Ii(e.str)?r=e.str:Ii(e.value)&&(r=e.value),t.string(r)}}return t.string(e)}}]),t}();Lo.auto=Lo.string("auto");var Ro=function(){function t(e,n,r){if(go()(this,t),zi(e))this.el=e;else{var i=document.createElement(e);for(var a in n&&(i.className=n),r=r||{})i.setAttribute(a,r[a]);this.el=i}}return bo()(t,[{key:"setAttr",value:function(t){var e=this;return Object.keys(t).forEach((function(n){e.attr(n,t[n])})),this}},{key:"setAttrNS",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"http://www.w3.org/2000/svg";return Object.keys(t).forEach((function(r){e.attr(r,t[r],n)})),this}},{key:"setProp",value:function(t){var e=this;return Object.keys(t).forEach((function(n){e.el[n]!=t[n]&&(e.el[n]=t[n])})),this}},{key:"data",value:function(t,e){return 1===arguments.length?this.attr("data-"+t):2===arguments.length?this.attr("data-"+t,e):this}},{key:"attr",value:function(t,e){return 1==arguments.length?this.el.getAttribute(t):(this.el.getAttribute(t)!=e&&this.el.setAttribute(t,e),this)}},{key:"attrNS",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"http://www.w3.org/2000/svg";return 1==arguments.length?this.el.getAttributeNS(n,t):(this.el.getAttributeNS(n,t)!=e&&this.el.setAttributeNS(n,t,e),this)}},{key:"attrKeyValue",value:function(t){return S()({},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:"path",value:function(){if(!this.el)return[];var t=this.parent();return t?[].concat(E()(t.path()),[this]):[this]}},{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 Di(t)?this.el.innerHTML:(Ai(t)?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){Vo(this,t)}},{key:"updateDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Vo(this,t.create(n).html(e))}},{key:"updateSVGDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Vo(this,t.create(n).html("<svg>".concat(e,"</svg>")).firstChild.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 E()(this.el.querySelectorAll(t))}},{key:"$$",value:function(e){return this.findAll(e).map((function(e){return t.create(e)}))}},{key:"empty",value:function(){for(;this.el.firstChild;)this.el.removeChild(this.el.firstChild);return this}},{key:"append",value:function(t){return Ai(t)?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return Ai(t)?this.el.prepend(document.createTextNode(t)):this.el.prepend(t.el||t),this}},{key:"prependHTML",value:function(e){var n=t.create("div").html(e);return this.prepend(n.createChildrenFragment()),n}},{key:"appendHTML",value:function(e){var n=t.create("div").html(e);return this.append(n.createChildrenFragment()),n}},{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(Di(e))return this.el.textContent;var n=e;return e instanceof t&&(n=e.text()),this.el.textContent!==n&&(this.el.textContent=n),this}},{key:"css",value:function(t,e){if(Ii(t)&&Ii(e))this.el.style[t]=e;else if(Ii(t)){if(Ai(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),i=0;i<n;i++)r[i]=arguments[i];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 i=this.el.style[r];e[i]=this.el.style[i]}for(var a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return o.forEach((function(n){e[n]=t.css(n)})),e}},{key:"cssText",value:function(t){return Di(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,Lo.px(e))}},{key:"rect",value:function(){return this.el.getBoundingClientRect()}},{key:"bbox",value:function(){return this.el.getBBox()}},{key:"isSVG",value:function(){return"SVG"===this.el.tagName.toUpperCase()}},{key:"offsetRect",value:function(){if(this.isSVG()){var t=this.parent().rect(),e=this.rect();return{x:e.x-t.x,y:e.y-t.y,top:e.x-t.x,left:e.y-t.y,width:e.width,height:e.height}}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(Di(e))return this.el.value;if(Ii(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.el.style.display="none"!=t?t:"block",this}},{key:"hide",value:function(){return this.el.style.display="none",this}},{key:"isHide",value:function(){return"none"===this.el.style.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]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=t.create(e,n,r);return a.css(i),this.append(a),a}},{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(){if("true"===this.attr("contenteditable")){var t=document.createRange();t.selectNodeContents(this.el);var e=window.getSelection();e.removeAllRanges(),e.addRange(t)}else this.el.select();return this}},{key:"blur",value:function(){return this.el.blur(),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(),i=window.devicePixelRatio||1;this.px("width",+e),this.px("height",+n),this.el.width=e*i,this.el.height=n*i,r.scale(i,i)}},{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(),i=window.devicePixelRatio||1;r.drawImage(t,e,n,t.width,t.height,0,0,this.el.width/i,this.el.height/i)}},{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 i=this.context();i.beginPath(),i.moveTo(t,e),i.lineTo(n,r),i.stroke(),i.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?E()(this.el.files):[]}},{key:"totalLength",get:function(){return this.el.getTotalLength()}},{key:"firstChild",get:function(){return t.create(this.el.firstElementChild)}}],[{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)}}]),t}(),Ao=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Go;return" ".concat(e," ").concat(t)},zo=/^dom (.*)/gi,Fo=/^load (.*)/gi,Bo=/^bind (.*)/gi,Go="|",Ho={},No=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(" ")}},Xo=No,Yo=No("click"),_o=No("dblclick"),Ko=(No("mousedown"),No("mouseup"),No("mousemove"),No("mouseover"),No("mouseout"),No("mouseenter"),No("mouseleave"),No("touchstart"),No("touchmove"),No("touchend"),No("keydown")),Wo=No("keyup"),Uo=(No("keypress"),No("drag"),No("dragstart")),Zo=No("drop"),qo=No("dragover"),Jo=(No("dragenter"),No("dragleave"),No("dragexit"),No("dragout"),No("dragend")),Qo=(No("contextmenu"),No("change")),ts=No("input"),es=No("focus"),ns=(No("focusin"),No("focusout")),rs=No("blur"),is=(No("paste"),No("resize")),as=No("scroll"),os=No("submit"),ss=Xo("pointerdown"),cs=Xo("pointerover"),ls=(Xo("pointerenter"),Xo("pointerout")),us=Xo("pointermove"),hs=Xo("pointerup"),ps=Xo("change","input"),ds=Xo("wheel","mousewheel","DOMMouseScroll"),fs=(No("animationstart"),No("animationend"),No("animationiteration"),No("transitionstart"),No("transitionend")),vs=(No("transitionrun"),No("transitioncancel"),Xo("doubletab")),ys=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Go;return Ao(t,e)},gs=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Go;return Ao("after(".concat(t,")"),e)},ms=ys,bs=ys,ks=(ys("ArrowUp"),ys("ArrowDown"),ys("ArrowLeft"),ys("ArrowRight"),ys("Enter")),xs=(ys("Space"),ys("Escape")),ws=ys("isAltKey"),Ss=(ys("isShiftKey"),ys("isMetaKey"),ys("isCtrlKey"),ys("self"),ys("fit"),ys("passive"),ys("domdiff")),Ps=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return ys("debounce(".concat(t,")"))},js=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300;return ys("delay(".concat(t,")"))},Os=(Ps(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return ys("throttle(".concat(t,")"))}),$s=(ys("capture()"),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return gs("bodyMouseMove ".concat(t))}),Cs=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return gs("bodyMouseUp ".concat(t))},Es=gs("preventDefault"),Ts=gs("stopPropagation"),Vs=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"load "+t},Ms=function(t){if(""===t)return"";var e=Ar();return Ho[e]=t,e},Ds=function(t){return function(){return this.prevState[t]!=this.state[t]}},Is=function(){return!0},Ls=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?Go+Ms(e):"")};function Rs(t,e){return Math.sign(t)*Math.min(e,Math.abs(t))}var As,zs={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}}},Fs=n(6),Bs=n.n(Fs),Gs=n(9),Hs=n.n(Gs),Ns=n(13),Xs=n.n(Ns),Ys=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};go()(this,t),this.context=e,this.options=n}return bo()(t,[{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:"run",value:function(){}},{key:"destroy",value:function(){}}]),t}(),_s={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0},Ks={doubletab:"touchend"},Ws={doubletab:!0},Us=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initialize",value:function(){var t=this;this.destroy(),this._domEvents||(this._domEvents=this.context.filterProps(zo)),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;zs.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 i=n.runEventCallback(r,t,e);if(Ii(i))return i}}},{key:"makeDelegateCallback",value:function(t,e){var n=this;return function(r){var i=n.hasDelegate(r,t);if(i){r.$dt=Ro.create(i);var a=n.runEventCallback(r,t,e);if(Ii(a))return a}}}},{key:"runEventCallback",value:function(t,e,n){var r=this.context;if(t.xy=zs.posXY(t),e.beforeMethods.length&&e.beforeMethods.every((function(e){return r[e.target].call(r,t,e.param)})),this.checkEventType(t,e)){var i=n(t,t.$dt,t.xy);return!1!==i&&e.afterMethods.length&&e.afterMethods.forEach((function(e){return r[e.target].call(r,t,e.param)})),i}}},{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 i=!0;return e.checkMethodList.length&&(i=e.checkMethodList.every((function(e){var r=n[e];return Bi(r)&&r?r.call(n,t):!Ii(r)||!!r}))),r&&i}},{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 Ro?e.getElement():e}},{key:"getRealEventName",value:function(t){return Ks[t]||t}},{key:"getCustomEventName",value:function(t){return Ws[t]?t:""}},{key:"getDefaultEventObject",value:function(t,e){var n=this.context,r=e,i=r.filter((function(t){return!!n[t]})),a=aa(r,"after"),o=j()(a,2),s=o[0],c=o[1],l=aa(r,"before"),u=j()(l,2),h=u[0],p=u[1],d=aa(r,"debounce"),f=j()(d,2),v=f[0],y=f[1],g=aa(r,"delay"),m=j()(g,2),b=m[0],k=m[1],x=aa(r,"throttle"),w=j()(x,2),S=w[0],P=w[1],O=aa(r,"capture"),$=j()(O,1)[0],C=[].concat(E()(i),E()(s),E()(h),E()(b),E()(v),E()(S),E()($)),T=r.filter((function(t){return-1===C.indexOf(t)})).map((function(t){return t.toLowerCase()}));return{eventName:this.getRealEventName(t),customEventName:this.getCustomEventName(t),codes:T,captures:$,afterMethods:c,beforeMethods:p,delayMethods:k,debounceMethods:y,throttleMethods:P,checkMethodList:i}}},{key:"addEvent",value:function(t,e){t.callback=this.makeCallback(t,e),this.addBinding(t);var n=!!t.captures.length;_s[t.eventName]&&(n={passive:!0,capture:n}),zs.addEvent(t.dom,t.eventName,t.callback,n)}},{key:"makeCustomEventCallback",value:function(t,e){var n=this;if("doubletab"===t.customEventName){var r=300;return t.delayMethods.length&&(r=+t.delayMethods[0].target),function(){n.doubleTab?(performance.now()-n.doubleTab.time<r&&e.apply(void 0,arguments),n.doubleTab=null):n.doubleTab={time:performance.now()}}}return e}},{key:"bindingEvent",value:function(t,e,n){var r=$()(t),i=r[0],a=r[1],o=r.slice(2),s=this.getDefaultEventObject(i,e);if(s.dom=this.getDefaultDomElement(a),s.delegate=o.join(" "),s.debounceMethods.length)n=Oi(n,+s.debounceMethods[0].target);else if(s.throttleMethods.length){n=$i(n,+s.throttleMethods[0].target)}n=this.makeCustomEventCallback(s,n),this.addEvent(s,n)}},{key:"getEventNames",value:function(t){var e=[];return t.split(":").forEach((function(t){var n=t.split(":");e.push.apply(e,n)})),e}},{key:"parseEvent",value:function(t){for(var e=this.context,n=t.split(Go).map((function(t){return t.trim()})),r=n.shift().split("dom ")[1].split(" "),i=this.getEventNames(r[0]),a=e[t].bind(e),o=0,s=i.length;o<s;o++)r[0]=i[o],this.bindingEvent(r,n,a)}}]),e}(Ys),Zs=function(t,e,n){if("cssText"!==e)if("style"!==e)if("class"!==e)"callback"===e&&Bi(n)?n():Di(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);else if(Li(n))t.addClass.apply(t,E()(n));else if(Fi(n))for(var r=Object.keys(n),i=0,a=r.length;i<a;i++){var o=r[i],s=n[o];t.toggleClass(o,s)}else t.addClass(n);else zi(n)&&t.css(n);else t.cssText(n)},qs=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{key:"bindData",value:function(){var t,e,n,r=this,i=arguments;return Hs.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:for(t=i.length,e=new Array(t),n=0;n<t;n++)e[n]=i[n];return this._bindMethods||(this._bindMethods=this.context.filterProps(Bo)),a.next=4,Hs.a.awrap(this._bindMethods.filter((function(t){if(!e.length)return!0;var n=t.split(Go),r=j()(n,2),i=r[0],a=(r[1],i.split(" ")),o=j()(a,2),s=(o[0],o[1]);return e.indexOf(s)>-1})).forEach((function(t){var n,i,a,o,s,c,l,u,h,p,d,f,v,y,g;return Hs.a.async((function(m){for(;;)switch(m.prev=m.next){case 0:if(n=r.context[t],i=t.split(Go),a=j()(i,2),t=a[0],o=a[1],s=r.getRef(o),c=Is,""!=s&&Ai(s)?c=Ds(s):Bi(s)&&(c=s),l=t.split("bind ")[1],u=r.context.refs[l],h=Bi(c)&&c.call(r.context),!u||!h){m.next=16;break}return m.next=11,Hs.a.awrap(n.call.apply(n,[r.context].concat(e)));case 11:if(p=m.sent){m.next=14;break}return m.abrupt("return");case 14:for(d=Object.keys(p),f=0,v=d.length;f<v;f++)y=d[f],g=p[y],Zs(u,y,g);case 16:case"end":return m.stop()}}))})));case 4:case"end":return a.stop()}}),null,this)}},{key:"destroy",value:function(){this._bindMethods=void 0}}]),e}(Ys),Js={};function Qs(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.assign(Js,t)}function tc(){var t=Xs()(["",""]);return tc=function(){return t},t}function ec(){var t=Xs()(["\n        ","\n      "]);return ec=function(){return t},t}function nc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nc(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var ic=Ro.create("div"),ac="[".concat("ref","]"),oc=(As={constructor:!0,initState:!0,refresh:!0,updateData:!0},S()(As,"constructor",!0),S()(As,"initializeProperty",!0),S()(As,"created",!0),S()(As,"getRealEventName",!0),S()(As,"initializeStoreEvent",!0),S()(As,"destoryStoreEvent",!0),S()(As,"destroy",!0),S()(As,"emit",!0),S()(As,"trigger",!0),S()(As,"on",!0),S()(As,"off",!0),S()(As,"setState",!0),S()(As,"_reload",!0),S()(As,"render",!0),S()(As,"initialize",!0),S()(As,"afterRender",!0),S()(As,"components",!0),S()(As,"getRef",!0),S()(As,"parseTemplate",!0),S()(As,"childrenIds",!0),S()(As,"exists",!0),S()(As,"parseProperty",!0),S()(As,"parseSourceName",!0),S()(As,"parseComponent",!0),S()(As,"clean",!0),S()(As,"refresh",!0),S()(As,"load",!0),S()(As,"bindData",!0),S()(As,"template",!0),S()(As,"eachChildren",!0),S()(As,"destroy",!0),S()(As,"collectProps",!0),S()(As,"filterProps",!0),S()(As,"self",!0),S()(As,"isAltKey",!0),S()(As,"isCtrlKey",!0),S()(As,"isShiftKey",!0),S()(As,"isMetaKey",!0),S()(As,"preventDefault",!0),S()(As,"stopPropagation",!0),S()(As,"bodyMouseMove",!0),S()(As,"bodyMouseUp",!0),As),sc=function(){function t(e,n){go()(this,t),this.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=Ar(),this.handlers=this.initializeHandler(),this.initializeProperty(e,n),this.initComponents()}return bo()(t,[{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=Ar(),this.sourceName=this.constructor.name}},{key:"initComponents",value:function(){this.childComponents=rc({},this.components())}},{key:"initializeHandler",value:function(){return[new qs(this),new Us(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:"toggleState",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.setState(S()({},t,!this.state[t]),e)}},{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(qi(ec(),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;Li(t)&&(t=t.join("")),t=t.trim();var r=ic.html(t).children();return r.forEach((function(t){var e=t.attr("ref");e&&(n.refs[e]=t);var r=t.$$(ac),i={};r.forEach((function(t){var r=t.attr("ref");i[r]?console.warn("".concat(e," is duplicated. - ").concat(n.sourceName),n):i[r]=!0,n.refs[r]=t}))})),e?ic.createChildrenFragment():r[0]}},{key:"childrenIds",value:function(){return Ei(this.children,(function(t,e){return e.id}))}},{key:"exists",value:function(){return!this.parent||!Bi(this.parent.childrenIds)||this.parent.childrenIds().indexOf(this.id)>-1}},{key:"parseProperty",value:function(t){var e,n={},r=!0,i=!1,a=void 0;try{for(var o,s=t.el.attributes[Symbol.iterator]();!(r=(o=s.next()).done);r=!0){var c=o.value;n[c.nodeName]=c.nodeValue}}catch(t){i=!0,a=t}finally{try{r||null==s.return||s.return()}finally{if(i)throw a}}return n.props&&(n=rc({},n,{},(e=n.props,Ho[e]||""))),t.$$("property").forEach((function(t){var e=t.attrs("name","value","type"),r=j()(e,3),i=r[0],a=r[1],o=r[2],s=a||t.text();"json"===o&&(s=JSON.parse(s)),n[i]=s})),n}},{key:"parseSourceName",value:function(t){return t.parent?[t.sourceName].concat(E()(this.parseSourceName(t.parent))):[t.sourceName]}},{key:"getEventMachineComponent",value:function(t){return Js[t]||this.childComponents[t]}},{key:"parseComponent",value:function(){var t=this;this.$el.$$("[refclass]").forEach((function(e){var n=t.getEventMachineComponent(e.attr("refclass"));if(n){var r=t.parseProperty(e),i=e.attr("ref"),a=null;t.children[i]?(a=t.children[i])._reload(r):(a=new n(t,r),t.children[i||a.id]=a,a.render()),e.replace(a.$el)}else e.remove()})),Ci(this.children,(function(e,n){n&&n.clean()&&delete t.children[e]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return Ci(this.children,(function(t,e){e.clean()})),this.destroy(),this.$el=null,!0}},{key:"refresh",value:function(){this.load()}},{key:"_afterLoad",value:function(){this.runHandlers("initialize"),this.bindData(),this.parseComponent()}},{key:"load",value:function(){var t,e,n,r=this,i=arguments;return Hs.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:for(t=i.length,e=new Array(t),n=0;n<t;n++)e[n]=i[n];return this._loadMethods||(this._loadMethods=this.filterProps(Fo)),a.next=4,Hs.a.awrap(this._loadMethods.filter((function(t){var n=t.split("load ")[1].split(Go).map((function(t){return t.trim()}))[0];return!e.length||e.indexOf(n)>-1})).forEach((function(t){var n,i,a,o,s,c,l,u,h;return Hs.a.async((function(p){for(;;)switch(p.prev=p.next){case 0:if(n=t.split("load ")[1],i=n.split(Go).map((function(t){return t.trim()})),a=$()(i),o=a[0],s=(s=a.slice(1)).map((function(t){return t.trim()})),c=Boolean(s.filter((function(t){return Ss.includes(t)})).length),!r.refs[o]){p.next=11;break}return p.next=7,Hs.a.awrap((l=r[t]).call.apply(l,[r].concat(e)));case 7:Li(u=p.sent)&&(u=u.join("")),h=r.parseTemplate(qi(tc(),u),!0),c?r.refs[o].htmlDiff(h):r.refs[o].html(h);case 11:case"end":return p.stop()}}))})));case 4:this._afterLoad();case 5:case"end":return a.stop()}}),null,this)}},{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){Bi(t)&&Ci(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(){return ji(this,oc)}},{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)}}]),t}(),cc=new Map,lc=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"has",value:function(t){return cc.has(t)}},{key:"get",value:function(t){return cc.get(t)}},{key:"set",value:function(t,e){cc.size>1e3&&cc.clear(),cc.set(t,e)}}]),t}(),uc=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50% 0%";if(lc.has(t))return lc.get(t);var e=t.trim().split(" ").filter((function(t){return t.trim()})),n=null;return n=1===e.length?[e[0],e[0]].map((function(t){return Lo.parse(t)})):e.map((function(t){return Lo.parse(t)})),lc.set(t,n),n}},{key:"scale",value:function(e,n,r){var i=t.parseStyle(e);return[i[0].toPx(n).value,i[1].toPx(r).value,i[2].value]}},{key:"toPx",value:function(e,n,r){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=t.parseStyle(e),o=j()(a,3),s=o[0],c=o[1],l=o[2];return s=s.toPx(n),c=c.toPx(r),l=l.toPx(i),"".concat(s," ").concat(c," ").concat(l)}}]),t}();function hc(t,e,n,r,i,a,o,s){var c=((o-i)*(e-a)-(s-a)*(t-i))/((s-a)*(n-t)-(o-i)*(r-e)),l=((n-t)*(e-a)-(r-e)*(t-i))/((s-a)*(n-t)-(o-i)*(r-e));return 0<=c&&c<=1&&0<=l&&l<=1}function pc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,r=!1,i=t.length;return t.forEach((function(a,o){var s=j()(a,2),c=s[0],l=s[1],u=j()(t[(o+1)%i],2),h=u[0],p=u[1];(l>=n&&p<n||l<n&&p>=n)&&e<(h-c)*(n-l)/(p-l)+c&&(r=!r)})),r}function dc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0,i=arguments.length>4?arguments[4]:void 0,a=t.length;return t.some((function(o,s){var c=j()(o,2),l=c[0],u=c[1],h=j()(t[(s+1)%a],2),p=h[0],d=h[1];return hc(e,n,r,i,l,u,p,d)}))}function fc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=t.length;return t.some((function(r,i){var a=j()(r,2),o=a[0],s=a[1],c=j()(t[(i+1)%n],2),l=c[0],u=c[1],h=dc(e,o,s,l,u);return!!h||!!(h=pc(t,e[0][0],e[0][1]))}))}function vc(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"50% 50% 0px",a=uc.scale(i,n,r);return[[t,e,0],[t+n,e,0],[t+n,e+r,0],[t,e+r,0],[t+a[0],e+a[1],0]]}function yc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=a.lerp([],t[0],t[1],.5),r=a.lerp([],t[2],t[3],.5),i=xr(r,n,e);return i}function gc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=Number.MAX_SAFE_INTEGER,n=Number.MAX_SAFE_INTEGER,r=Number.MIN_SAFE_INTEGER,i=Number.MIN_SAFE_INTEGER,a=[],o=[];return t.forEach((function(t){t.verties().forEach((function(t){a.push(t[0]),o.push(t[1])}))})),e=Math.min.apply(Math,a),r=Math.max.apply(Math,a),n=Math.min.apply(Math,o),i=Math.max.apply(Math,o),e===Number.MAX_SAFE_INTEGER&&(e=0),n===Number.MAX_SAFE_INTEGER&&(n=0),r===Number.MIN_SAFE_INTEGER&&(r=0),i===Number.MIN_SAFE_INTEGER&&(i=0),vc(e,n,r-e,i-n)}function mc(t){var e=Lo.px(t[0][0]).floor(),n=Lo.px(t[0][1]).floor();return{x:e,left:e,y:n,top:n,width:Lo.px(a.dist(t[0],t[1])).floor(),height:Lo.px(a.dist(t[0],t[3])).floor()}}function bc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bc(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var xc=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return go()(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return Bi(n)?function(){for(var e=arguments.length,r=new Array(e),i=0;i<e;i++)r[i]=arguments[i];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."));var i=t.json[n]!=r;return t.json[n]=r,i&&e.changed(),!0}}),n instanceof t&&(n=n.toJSON()),this.json=this.convert(Object.assign(this.getDefaultObject(),n)),this.ref}return bo()(t,[{key:"getDefaultTitle",value:function(){return"Item"}},{key:"getIcon",value:function(){return""}},{key:"isAttribute",value:function(){return!1}},{key:"isChanged",value:function(t){return this.json.timestamp!=Number(t)}},{key:"changed",value:function(){this.json.timestamp=this.json._timestamp+performance.now()}},{key:"setParent",value:function(t){this.json.parent=t}},{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(t){return!!this.json&&t===this.json.itemType}},{key:"isNot",value:function(t){return!1===this.is(t)}},{key:"isSVG",value:function(){return!1}},{key:"generateListNumber",value:function(){this.layers.forEach((function(t,e){t.no=e,t.generateListNumber()}))}},{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(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.attrs("itemType","elementType","type","visible","lock","selected");return t&&(e.layers=this.json.layers.map((function(e){return e.clone(t)}))),e}},{key:"clone",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.constructor,n=new e(this.toCloneObject(t));return n.setParent(this.json.parent),n}},{key:"reset",value:function(t){this.json=this.convert(Object.assign(this.json,t)),this.changed()}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=zr();return kc({id:e,_timestamp:Date.now(),_time:performance.now(),visible:!0,lock:!1,selected:!1,layers:[]},t)}},{key:"attrs",value:function(){for(var t=this,e={},n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return r.forEach((function(n){e[n]=Xi(t.json[n])})),e}},{key:"hasChildren",value:function(){return this.layers.length>0}},{key:"appendChildItem",value:function(t){return t.parent===this.ref?t:(this.resetMatrix(t),t.parent&&t.remove(),t.setParent(this.ref),this.json.layers.push(t),this.project.addIndexItem(t),t)}},{key:"prependChildItem",value:function(t){return this.resetMatrix(t),t.parent&&t.remove(),t.setParent(this.ref),this.json.layers.unshift(t),this.project.addIndexItem(t),t}},{key:"resetMatrix",value:function(t){}},{key:"insertChildItem",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return this.resetMatrix(t),t.parent&&t.remove(),t.setParent(this.ref),this.json.layers.splice(e,0,t),this.project.addIndexItem(t),t}},{key:"appendAfter",value:function(t){var e=this.parent.findIndex(this);return this.parent.insertChildItem(t,e),this.project.addIndexItem(t),t}},{key:"appendBefore",value:function(t){var e=this.parent.findIndex(this);return this.parent.insertChildItem(t,e-1),this.project.addIndexItem(t),t}},{key:"setPositionInPlace",value:function(t,e){this.layers.splice(t,0,e)}},{key:"toggle",value:function(t,e){Di(e)?this.json[t]=!this.json[t]:this.json[t]=!!e}},{key:"isTreeItemHide",value:function(){var t=this.parent,e=[];do{if(t.is("project"))break;e.push(Boolean(t.collapsed)),t=t.parent}while(t);return Boolean(e.filter(Boolean).length)}},{key:"expectJSON",value:function(t){return"parent"!==t&&!Di(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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return this.json.parent.copyItem(this.ref,t)}},{key:"findIndex",value:function(t){return this.json.layers.indexOf(t.ref)}},{key:"copyItem",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=t.clone();n.move([e,e,0]);var r=this.findIndex(t);return r>-1&&(this.json.layers.splice(r+1,0,n),this.project.addIndexItem(n)),n}},{key:"remove",value:function(){this.json.parent.removeItem(this.ref),this.project.removeIndexItem(this.ref)}},{key:"removeItem",value:function(t){var e=this.findIndex(t);e>-1&&this.json.layers.splice(e,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:"searchById",value:function(t){if(this.id===t)return e.addIndexItem(this.ref),this.ref;for(var e=this.project,n=0,r=this.layers.length;n<r;n++){var i=this.layers[n];if(i.id===t)return e.addIndexItem(i),i;var a=i.searchById(t);if(a)return a}return null}},{key:"title",get:function(){return this.json.name||this.getDefaultTitle()}},{key:"allLayers",get:function(){return function t(e){var n=[];return e.layers.length&&e.layers.forEach((function(e){n.push.apply(n,t(e))})),n.push(e),n}(this.ref)}},{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:"depth",get:function(){return this.parent?this.parent.depth+1:1}},{key:"top",get:function(){if(!this.parent)return this.ref;var t=this.parent;do{if(!t.parent)return t;t=t.parent}while(t)}},{key:"project",get:function(){return this.path.find((function(t){return t.is("project")}))}},{key:"artboard",get:function(){return this.path.find((function(t){return t.is("artboard")}))}},{key:"path",get:function(){if(!this.parent)return[this.ref];var t=this.parent.path;return t.push(this.ref),t}},{key:"positionInParent",get:function(){if(!this.parent)return-1;for(var t=this.parent.layers,e=-1,n=0,r=t.length;n<r;n++)if(t[n]===this.ref){e=n;break}return e}}]),t}();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 Sc(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){S()(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}var Pc=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Sc({selected:!1,layers:[]},t)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return Ji(this.toCSS())}}]),e}(xc),jc=new Map,Oc=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"has",value:function(t){return jc.has(t)}},{key:"get",value:function(t){return jc.get(t)}},{key:"set",value:function(t,e){jc.size>1e3&&jc.clear(),jc.set(t,e)}}]),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}var Cc=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)|matrix(3d)?|perspective)\(([^\)]*)\))/gi,Ec=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return{itemType:"transform",value:[]}}},{key:"toCloneObject",value:function(){return function(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){S()(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}({},this.attrs("itemType","type","value"))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value.join(", ")||"",")")}},{key:"hasNumberValue",value:function(){var t=this.json.type;return t.includes("matrix")||t.includes("scale")}}],[{key:"join",value:function(t){var n=t.filter((function(t){return"perspective"===t.type})),r=t.filter((function(t){return"matrix3d"===t.type})),i=t.filter((function(t){return"perspective"!==t.type&&"matrix3d"!==t.type}));return[].concat(E()(n),E()(i),E()(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 Ai(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,!1).filter((function(t){return n(t)})))}},{key:"replace",value:function(t,n){var r=e.parseStyle(t,!1),i=r.find((function(t){return t.type===n.type}));return i?i.value=n.value:r.push(n),e.join(r)}},{key:"replaceAll",value:function(t,n){for(var r=e.parseStyle(t,!1),i=e.parseStyle(n),a=0,o=i.length;a<o;a++){var s=i[a],c=r.find((function(t){return t.type===s.type}));c?c.value=s.value:r.push(s)}return e.join(r)}},{key:"addTransform",value:function(t,n){for(var r=e.parseStyle(t,!1),i=e.parseStyle(n),a=0,o=i.length;a<o;a++){var s=i[a],c=r.find((function(t){return t.type===s.type}));c?s.value.forEach((function(t,e){c.value[e].value+=t.value})):r.push(s)}return e.join(r)}},{key:"get",value:function(t,n){var r=e.parseStyle(t);if(r=Bi(n)?r.find(n):r.find((function(t){return t.type===n})))return r.value}},{key:"createRotateKey",value:function(t,e,n){return"".concat(t,":::").concat(n,"(").concat(e,")")}},{key:"rotate",value:function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rotate",i=e.createRotateKey(t,n,r);return Oc.has(i)?Oc.get(i):(Oc.set(i,e.replace(t,{type:r,value:[n]})),Oc.get(i))}},{key:"rotateZ",value:function(t,n){return e.rotate(t,n,"rotateZ")}},{key:"rotateX",value:function(t,n){return e.rotate(t,n,"rotateX")}},{key:"rotateY",value:function(t,n){return e.rotate(t,n,"rotateY")}},{key:"parseStyle",value:function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!t)return r;if(n&&Oc.has(t))return Oc.get(t);var i=t.match(Cc)||[];return i.forEach((function(t,n){var i=t.split("("),a=j()(i,2),o=a[0],s=a[1],c=(s=s.split(")")[0]).split(",");c=s.includes("matrix")||s.includes("scale")?c.map((function(t){return Lo.number(t.trim())})):c.map((function(t){return Lo.parse(t.trim())})),r[n]=e.parse({type:o,value:c})})),n&&Oc.set(t,r),r}},{key:"createTransformMatrix",value:function(t,e,n){for(var r=i.create(),a=0,o=t.length;a<o;a++){var s=t[a];switch(s.type){case"translate":case"translateX":case"translateY":case"translateZ":var c=s.value;"translate"===s.type?c=[c[0].toPx(e).value,c[1].toPx(n).value,0]:"translateX"===s.type?c=[c[0].toPx(e).value,0,0]:"translateY"===s.type?c=[0,c[0].toPx(n).value,0]:"translateZ"===s.type&&(c=[0,0,c[0].toPx().value]),i.translate(r,r,c);break;case"rotate":case"rotateZ":i.rotateZ(r,r,fr(s.value[0].value));break;case"rotateX":i.rotateX(r,r,fr(s.value[0].value));break;case"rotateY":i.rotateY(r,r,fr(s.value[0].value));break;case"rotate3d":c=s.value;i.rotate(r,r,fr(s.value[3].value),[c[0].value,c[1].value,c[2].value]);break;case"scale":i.scale(r,r,[s.value[0].value,s.value[1].value,1]);break;case"scaleX":i.scale(r,r,[s.value[0].value,1,1]);break;case"scaleY":i.scale(r,r,[1,s.value[0].value,1]);break;case"scaleZ":i.scale(r,r,[1,1,s.value[0].value]);break;case"matrix":c=[(c=s.value)[0].value,c[1].value,0,0,c[2].value,c[3].value,0,0,0,0,1,0,c[4].value,c[5].value,0,1],i.multiply(r,r,c);break;case"matrix3d":c=s.value.map((function(t){return t.value}));i.multiply(r,r,c)}}return r}},{key:"fromScale",value:function(t){if(1===t[0]&&1===t[1])return"";var e=[];return 1!=t[0]&&e.push("scaleX(".concat(t[0],")")),1!=t[1]&&e.push("scaleY(".concat(t[1],")")),1!=t[2]&&e.push("scaleZ(".concat(t[2],")")),e.join(" ")}}]),e}(Pc),Tc=function(){function t(){go()(this,t)}return bo()(t,null,[{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,i){if(!(i<=r+1)){for(var a=0,o=r,s=e*e,c=n[r],l=n[i],u=r+1;u<i;u++){var h=t.segmentDistance2(n[u].x,n[u].y,c,l);h<=a||(o=u,a=h)}a>s&&(n[o].mark=!0,t.DouglasPeuker(e,n,r,o),t.DouglasPeuker(e,n,o,i))}}},{key:"simply",value:function(e,n){return e.length<=2?e:((e=Xi(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 i=r.x-n.x,a=r.y-n.y,o=i*i+a*a,s=t-n.x,c=e-n.y,l=i*s+a*c;if(0===o)return s*s+c*c;if(l<=0)return s*s+c*c;if(l>=o)return(s=t-r.x)*s+(c=e-r.y)*c;var u=s*a-c*i;return u*u/o}},{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,i=0,a=e.length;i<a;i++){var o=e[i];if(t.isEqual(o.startPoint,n)){r=i;break}}return r}},{key:"getPointIndex",value:function(e,n){for(var r=-1,i=0,a=e.length;i<a;i++){var o=e[i];if(t.isEqual(o,n)){r=i;break}}return r}},{key:"getLastPoint",value:function(t,e){if(!t.length)return null;for(var n=-1,r=e+1,i=t.length;r<i;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 a=t[n];return a&&(a.index=n),a}},{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 i=t[n];return i&&(i.index=n),i}},{key:"getConnectedPoint",value:function(t,e){}},{key:"getPrevPoint",value:function(e,n){var r=n-1;if(r<0)return t.getLastPoint(e,n);var i=e[r];return i&&(i.index=r),i}},{key:"getNextPoint",value:function(e,n){var r=e[n],i=e[n+1];return i&&(i.index=n+1),r.connected&&(i=t.getFirstPoint(e,n)),i}},{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,t)})),e.forEach((function(t,e){t.index=e})),e}}]),t}(),Vc=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Mc=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,Dc=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";go()(this,t),this.reset(e)}return bo()(t,[{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(Mc)||[];return e.filter((function(t){return""!=t}))}},{key:"parse",value:function(){var t=this,e=this.pathString.match(Vc)||[];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],i=r.values[r.values.length-2],a=r.values[r.values.length-1],o=0,s=e.values.length;o<s;o+=2)e.values[o]+=i,e.values[o+1]+=a;return{command:e.command.toUpperCase(),values:E()(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],i=this.segments[e+1],a=r.command,o=r.values;if("M"===a){var s=j()(o,2),c=s[0],l=s[1];t.push({command:a,originalCommand:a,startPoint:{x:c,y:l},endPoint:{x:c,y:l},reversePoint:{x:c,y:l},curve:!1})}else if("L"===a){if((w=Tc.getPrevPoint(t,t.length)).curve){var u=j()(o,2);c=u[0],l=u[1];t.push({command:a,originalCommand:a,startPoint:{x:c,y:l},endPoint:{x:c,y:l},reversePoint:Xi(w.endPoint),curve:!0})}else{var h=j()(o,2);c=h[0],l=h[1];t.push({command:a,originalCommand:a,startPoint:{x:c,y:l},endPoint:{x:c,y:l},reversePoint:{x:c,y:l},curve:!1})}}else if("Q"===a){var p=j()(o,4),d=p[0],f=p[1];c=p[2],l=p[3];if((w=Tc.getPrevPoint(t,t.length)).curve){var v={x:c,y:l},y={x:c,y:l},g={x:c,y:l};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1}),w.endPoint={x:d,y:f}}else if(i&&"L"===i.command){w.curve=!0,w.endPoint={x:d,y:f};v={x:c,y:l},g={x:c,y:l},y={x:c,y:l};t.push({command:"L",originalCommand:a,curve:!1,startPoint:v,endPoint:y,reversePoint:g})}else{v={x:c,y:l},g={x:d,y:f},y={x:c,y:l};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g})}}else if("T"===a){var m=j()(o,2);c=m[0],l=m[1];if(($=segments[e-1])&&"Q"===$.command){var b=j()($.values,4),k=(d=b[0],f=b[1],b[2]),x=b[3];(w=Tc.getPrevPoint(t,t.length)).endPoint=Tc.getReversePoint({x:k,y:x},{x:d,y:f});v={x:c,y:l},y={x:c,y:l},g={x:c,y:l};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("C"===a){var w=Tc.getPrevPoint(t,t.length),S=j()(o,6),P=(d=S[0],f=S[1],S[2]),O=S[3];v={x:c=S[4],y:l=S[5]},g={x:P,y:O},y={x:c,y:l};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g}),w&&(w.curve=!0,w.endPoint={x:d,y:f})}else if("S"===a){var $,C=j()(o,2);c=C[0],l=C[1];if(($=segments[e-1])&&"C"===$.command){var E=j()($.values,4);P=E[0],O=E[1],k=E[2],x=E[3];(w=Tc.getPrevPoint(t,t.length)).endPoint=Tc.getReversePoint(w.startPoint,w.reversePoint);v={x:c,y:l},y={x:c,y:l},g={x:P,y:O};t.push({command:"Q",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("Z"===a){w=Tc.getPrevPoint(t,t.length);var T=Tc.getFirstPoint(t,t.length);Tc.isEqual(w.startPoint,T.startPoint)&&(w.connected=!0,w.endPoint=Xi(T.endPoint),T.reversePoint=Xi(w.reversePoint)),w.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 Ii(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,r){return t.call(e,n,r)}));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 i=0,a=n.length;i<a;i+=2){r=t(n,i);e.values[i]=r[0],e.values[i+1]=r[1]}}return e}),e)}},{key:"clone",value:function(){return new t(this.joinPath())}},{key:"translate",value:function(t,e){return this.transformMat4(i.fromTranslation([],[t,e,0])),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this.transformMat4(i.fromTranslation([],[t,e,0]),!0))}},{key:"scale",value:function(t,e){return this.transformMat4(i.fromScaling([],[t,e,1])),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this.transformMat4(i.fromScaling([],[t,e,1]),!0))}},{key:"rotate",value:function(t,e,n){return this.transformMat4(i.fromRotation([],fr(t),[e||0,n||0,0])),this}},{key:"rotateTo",value:function(t){return this.joinPath(this.transformMat4(i.fromRotation([],fr(t),[centerX||0,centerY||0,0]),!0))}},{key:"reflectionOrigin",value:function(){return this.transformMat4(i.fromScaling([],[-1,-1,0])),this}},{key:"reflectionOriginTo",value:function(){return this.joinPath(this.transformMat4(i.fromScaling([],[-1,-1,0]),!0))}},{key:"flipX",value:function(){return this.transformMat4(i.fromScaling([],[1,-1,0])),this}},{key:"flipXTo",value:function(){return this.joinPath(this.transformMat4(i.fromScaling([],[1,-1,0]),!0))}},{key:"flipY",value:function(){return this.transformMat4(i.fromScaling([],[-1,1,0])),this}},{key:"flipYTo",value:function(){return this.joinPath(this.transformMat4(i.fromScaling([],[-1,1,0]),!0))}},{key:"skewX",value:function(t){return this.transformMat4(i.fromValues(1,Math.tan(fr(t)),0,0,0,1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewXTo",value:function(t){return this.joinPath(this.transformMat4(i.fromValues(1,Math.tan(fr(t)),0,0,0,1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"skewY",value:function(t){return this.transformMat4(i.fromValues(1,0,0,0,Math.tan(fr(t)),1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this.transformMat4(i.fromValues(1,0,0,0,Math.tan(fr(t)),1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"normalize",value:function(){}},{key:"getBBox",value:function(){var t=Number.MAX_SAFE_INTEGER,e=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER,r=Number.MIN_SAFE_INTEGER;return this.each((function(i,a){var o,s,c,l=i.values,u=i.command,h=this.segments[a-1];switch(u){case"M":case"L":t=Math.min(t,l[0]),n=Math.max(n,l[0]),e=Math.min(e,l[1]),r=Math.max(r,l[1]);break;case"V":t=Math.min(t,l[0]),n=Math.max(n,l[0]);break;case"H":e=Math.min(e,l[1]),r=Math.max(r,l[1]);break;case"C":(o=[[h.values[h.values.length-2],h.values[h.values.length-1],0],[l[0],l[1],0],[l[2],l[3],0],[l[4],l[5],0]],s=Pi(o),c=o.map((function(t){return{x:t[0],y:t[1]}})),s.map((function(t){var e=mi(c,t);return[e.x,e.y,0]}))).forEach((function(i){t=Math.min(t,i[0]),n=Math.max(n,i[0]),e=Math.min(e,i[1]),r=Math.max(r,i[1])}));break;case"Q":for(var p=[[h.values[h.values.length-2],h.values[h.values.length-1],0],[l[0],l[1],0],[l[2],l[3],0]].map((function(t){return{x:t[0],y:t[1]}})),d=0;d<=1;d+=1e-4){var f=bi(p,d),v=f.x,y=f.y;t=Math.min(t,v),n=Math.max(n,v),e=Math.min(e,y),r=Math.max(r,y)}}return i})),[[t,e,0],[n,e,0],[n,r,0],[t,r,0]]}},{key:"toString",value:function(){return this.joinPath()}},{key:"transformMat4",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=a.transformMat4([],[n[0],n[1],0],t);e.values=[r[0],r[1]];break;case"V":r=a.transformMat4([],[+n[0],0,0],t);e.values=[r[0]];break;case"H":r=a.transformMat4([],[0,+n[0],0],t);e.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var i=0,o=n.length;i<o;i+=2){r=a.transformMat4([],[n[i],n[i+1],0],t);e.values[i]=r[0],e.values[i+1]=r[1]}}return e}),e)}},{key:"invert",value:function(t){this.transformMat4(i.invert([],t))}},{key:"round",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return this.each((function(e){return e.values=e.values.map((function(e){return dr(e,t)})),e})),this}},{key:"reverseSegments",value:function(t){for(var e=[],n=t.length-1,r=n;r>0;r--){var i=t[r],a=i.values,o=i.command,s=t[r-1],c=s.values[s.values.length-2],l=s.values[s.values.length-1];switch(o){case"L":r===n&&e.push({command:"M",values:[a[0],a[1]]}),e.push({command:"L",values:[c,l]});break;case"C":r===n&&e.push({command:"M",values:[a[4],a[5]]}),e.push({command:"C",values:[a[2],a[3],a[0],a[1],c,l]});break;case"Q":r===n&&e.push({command:"M",values:[a[2],a[3]]}),e.push({command:"Q",values:[a[0],a[1],c,l]});break;case"Z":e.push(i),n=r-1}}return"Z"===e[0].command&&e.push(e.shift()),e}},{key:"splitSegments",value:function(){var t=[],e=[];return this.segments.forEach((function(n){"M"===n.command?(e=[n],t.push(e)):e.push(n)})),t}},{key:"reverse",value:function(){var t=this,e=this.splitSegments(),n=[];e.forEach((function(e){n.push.apply(n,t.reverseSegments(e))})),this.segments=n}},{key:"d",get:function(){return this.toString()}},{key:"verties",get:function(){var t=[],e=[];return this.each((function(n){var r=n.values;switch(n.command){case"M":case"L":t.push([].concat(E()(n.values),[0]));break;case"V":t.push([r[0],e.pop(),0]);break;case"H":e.pop(),t.push([e.pop(),r[0],0]);break;case"C":case"S":case"T":case"Q":for(var i=0,a=r.length;i<a;i+=2)t.push([r[i],r[i+1],0])}e=r})),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 Lc(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){S()(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}var Rc=Lo.z(),Ac=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return Lc({},Bs()(So()(e.prototype),"toCloneObject",this).call(this,t),{},this.attrs("x","y","width","height"))}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).x=Lo.parse(t.x),t.y=Lo.parse(t.y),t.width=Lo.parse(t.width),t.height=Lo.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),this.changed()}},{key:"setScreenY",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenY.value),this.json.y.set(t-e),this.changed()}},{key:"move",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0];this.reset({x:Lo.px(this.offsetX.value+t[0]).round(),y:Lo.px(this.offsetY.value+t[1]).round()})}},{key:"moveByCenter",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0],e=this.matrix;this.reset({x:Lo.px(t[0]-e.width/2),y:Lo.px(t[1]-e.height/2)})}},{key:"checkInArea",value:function(t){return fc(t,this.verties())}},{key:"hasPoint",value:function(t,e){return pc(this.verties(),t,e)}},{key:"isIncludeByArea",value:function(t){return 4===this.rectVerties().map((function(e){return pc.apply(void 0,[t].concat(E()(e)))})).filter(Boolean).length}},{key:"getPerspectiveMatrix",value:function(){if(this.json.perspective||Ec.get(this.json.transform,"perspective")){var t=uc.parseStyle(this.json["perspective-origin"]),e=j()(t,2),n=e[0],r=void 0===n?Lo.percent(50):n,a=e[1],o=void 0===a?Lo.percent(50):a,s=this.screenWidth.value,c=this.screenHeight.value;r=r.toPx(s).value,o=o.toPx(c).value;var l=i.create();i.translate(l,l,[r,o,0]);var u=Ec.get(this.json.transform,"perspective");if(u.length)i.multiply(l,l,i.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/u[0].value,1));else{if(!this.json.perspective||"none"==this.json.perspective)return;i.multiply(l,l,i.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/Lo.parse(this.json.perspective).value,1))}return i.translate(l,l,[-r,-o,0]),l}}},{key:"getItemTransformMatrix",value:function(){var t=Ec.parseStyle(Ec.rotate(this.json.transform,this.json.rotate)),e=this.screenWidth.value,n=this.screenHeight.value;return Ec.createTransformMatrix(t,e,n)}},{key:"getItemTransformMatrixInverse",value:function(){return i.invert([],this.getItemTransformMatrix())}},{key:"getTransformMatrix",value:function(){var t=uc.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value),e=i.create();return i.translate(e,e,t),i.multiply(e,e,this.getItemTransformMatrix()),i.translate(e,e,a.negate([],t)),e}},{key:"getTransformMatrixInverse",value:function(){return i.invert([],this.getTransformMatrix())}},{key:"getDirectionTransformMatrix",value:function(t,e,n){var r=this.offsetX.value,o=this.offsetY.value,s=a.add([],uc.scale(this.json["transform-origin"]||"50% 50% 0px",e,n),a.negate([],t)),c=i.create();return i.translate(c,c,[r,o,0]),i.translate(c,c,t),i.translate(c,c,s),i.multiply(c,c,this.getItemTransformMatrix()),i.translate(c,c,a.negate([],s)),c}},{key:"getDirectionTopLeftMatrix",value:function(t,e){return this.getDirectionTransformMatrix([0,0,0],t,e)}},{key:"getDirectionLeftMatrix",value:function(t,e){return this.getDirectionTransformMatrix([0,e/2,0],t,e)}},{key:"getDirectionTopMatrix",value:function(t,e){return this.getDirectionTransformMatrix([t/2,0,0],t,e)}},{key:"getDirectionBottomLeftMatrix",value:function(t,e){return this.getDirectionTransformMatrix([0,e,0],t,e)}},{key:"getDirectionTopRightMatrix",value:function(t,e){return this.getDirectionTransformMatrix([t,0,0],t,e)}},{key:"getDirectionRightMatrix",value:function(t,e){return this.getDirectionTransformMatrix([t,e/2,0],t,e)}},{key:"getDirectionBottomRightMatrix",value:function(t,e){return this.getDirectionTransformMatrix([t,e,0],t,e)}},{key:"getDirectionBottomMatrix",value:function(t,e){return this.getDirectionTransformMatrix([t/2,e,0],t,e)}},{key:"getAccumulatedMatrix",value:function(){for(var t=i.create(),e=this.path.filter((function(t){return!1===t.is("project")})),n=0,r=e.length;n<r;n++){var a=e[n];if(a.parent&&Bi(a.parent.getPerspectiveMatrix)){var o=a.parent.getPerspectiveMatrix();o&&i.multiply(t,t,o)}var s=a.offsetX.value,c=a.offsetY.value;i.translate(t,t,[s,c,0]),i.multiply(t,t,a.getTransformMatrix())}return t}},{key:"getAccumulatedMatrixInverse",value:function(){return i.invert([],this.getAccumulatedMatrix())}},{key:"verties",value:function(t,e){return wr(vc(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"]),this.getAccumulatedMatrix())}},{key:"selectionVerties",value:function(){return wr(vc(-6,-6,this.screenWidth.value+12,this.screenHeight.value+12,this.json["transform-origin"]),this.getAccumulatedMatrix())}},{key:"rectVerties",value:function(){return this.verties().filter((function(t,e){return e<4}))}},{key:"guideVerties",value:function(){return this.verties()}},{key:"pathVerties",value:function(){return this.accumulatedPath().verties}},{key:"accumulatedPath",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t||this.json.d,n=new Dc(e),r=this.getAccumulatedMatrix();return n.transformMat4(r),n}},{key:"invertPath",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=new Dc(t);return e.transformMat4(this.getAccumulatedMatrixInverse()),e}},{key:"invertPathString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.invertPath(t).d}},{key:"checkInAreaForAll",value:function(t){var e=E()(this.checkInAreaForLayers(t));return this.is("artboard")?e:this.is("project")?e:(this.checkInArea(t)&&e.push(this.ref),e)}},{key:"checkInAreaForLayers",value:function(t){var e=[];return this.layers.forEach((function(n){e.push.apply(e,n.checkInAreaForLayers(t)),n.checkInArea(t)&&e.push(n)})),e}},{key:"getTransformOriginMatrix",value:function(){return i.fromTranslation([],uc.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value))}},{key:"getTransformOriginMatrixInverse",value:function(){return i.invert([],this.getTransformOriginMatrix())}},{key:"resetMatrix",value:function(t){var e=Mr(this.getAccumulatedMatrixInverse(),t.getAccumulatedMatrix()),n=Ec.fromScale(i.getScaling([],e).map((function(t){return dr(t,1e3)}))),r=i.getRotation([],e),a=[],s=o.getAxisAngle(a,r),c=[{angle:a[0]?yr(s*a[0]):0,type:"rotateX"},{angle:a[1]?yr(s*a[1]):0,type:"rotateY"},{angle:a[2]?yr(s*a[2]):0,type:"rotateZ"}].filter((function(t){return 0!==t.angle})).map((function(t){return"".concat(t.type,"(").concat(Lo.deg(t.angle%360).round(1e3),")")})).join(" "),l=Ec.replaceAll(t.transform,"".concat(n," ").concat(c)),u=Ec.parseStyle(l),h=t.screenWidth.value,p=t.screenHeight.value,d=Ec.createTransformMatrix(u,h,p),f=i.getTranslation([],Mr(e,Dr(t.getTransformOriginMatrix(),d,t.getTransformOriginMatrixInverse()))),v=j()(f,3),y=v[0],g=v[1];v[2];t.reset({x:Lo.px(y),y:Lo.px(g),transform:l})}},{key:"getIndex",value:function(){for(var t=this.json.parent.layers,e=-1,n=0,r=t.length;n<r;n++)if(t[n]===this.ref){e=n;break}return e}},{key:"setOrder",value:function(t){var e=this.json.parent,n=this.getIndex();n>-1&&(e.layers[n]=e.layers[t],e.layers[t]=this.ref)}},{key:"next",value:function(){if(this.isLast())return this.ref;var t=this.getIndex();return this.json.parent.layers[t+1]}},{key:"prev",value:function(){if(this.isFirst())return this.ref;var t=this.getIndex();return this.json.parent.layers[t-1]}},{key:"orderNext",value:function(){if(this.isLast()){if(this.json.parent.is("artboard"))return;this.json.parent.next().add(this,"prepend")}else{var t=this.getIndex();t>-1&&this.setOrder(t+1)}}},{key:"isFirst",value:function(){return 0===this.getIndex()}},{key:"isLast",value:function(){return this.getIndex()===this.json.parent.layers.length-1}},{key:"orderPrev",value:function(){if(this.isFirst()){if(this.json.parent.is("artboard"))return;this.json.parent.prev().add(this)}else{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:"orderTop",value:function(){}},{key:"orderBottom",value:function(){}},{key:"isAbsolute",get:function(){return"absolute"===this.json.position}},{key:"isRelative",get:function(){return"relative"===this.json.position}},{key:"isChild",get:function(){if(this.json.parent&&(!1===this.json.parent.is("project")&&this.isAbsolute))return!0;return!1}},{key:"screenX",get:function(){return this.isChild?Lo.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||Lo.z()}},{key:"screenY",get:function(){return this.isChild?Lo.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||Lo.z()}},{key:"offsetX",get:function(){return this.parent?this.json.x.toPx(this.screenWidth.value):this.json.x||Rc}},{key:"offsetY",get:function(){return this.parent?this.json.y.toPx(this.screenHeight.value):this.json.y||Rc}},{key:"screenWidth",get:function(){return this.is("project")||!this.parent?Rc:this.parent.is("project")?this.json.width.toPx():this.is("artboard")?this.json.width.toPx():this.json.width.toPx(this.parent.screenWidth.value)}},{key:"screenHeight",get:function(){return this.is("project")||!this.parent?Rc:this.parent.is("project")?this.json.height.toPx():this.is("artboard")?this.json.height.toPx():this.json.height.toPx(this.parent.screenHeight.value)}},{key:"matrix",get:function(){var t=this.id,e=this.offsetX.value,n=this.offsetY.value,r=this.screenWidth.value,a=this.screenHeight.value,o=this.json.transform,s=this.json["transform-origin"]||"50% 50% 0%",c=this.parent&&Bi(this.parent.getAccumulatedMatrix)?this.parent.getAccumulatedMatrix():i.create(),l=i.invert([],c),u=this.getTransformMatrix(),h=this.getTransformMatrixInverse(),p=this.getItemTransformMatrix(),d=this.getItemTransformMatrixInverse(),f=this.getAccumulatedMatrix(),v=this.getAccumulatedMatrixInverse(),y={"to top left":this.getDirectionTopLeftMatrix(r,a),"to top":this.getDirectionTopMatrix(r,a),"to top right":this.getDirectionTopRightMatrix(r,a),"to right":this.getDirectionRightMatrix(r,a),"to bottom left":this.getDirectionBottomLeftMatrix(r,a),"to bottom":this.getDirectionBottomMatrix(r,a),"to bottom right":this.getDirectionBottomRightMatrix(r,a),"to left":this.getDirectionLeftMatrix(r,a)},g=this.verties(r,a),m=g.map((function(t){return t[0]})),b=g.map((function(t){return t[1]}));return{id:t,x:e,y:n,width:r,height:a,transform:o,originalTransformOrigin:s,verties:g,rectVerties:g.filter((function(t,e){return 4!=e})),xList:m,yList:b,directionMatrix:y,parentMatrix:c,parentMatrixInverse:l,localMatrix:u,localMatrixInverse:h,itemMatrix:p,itemMatrixInverse:d,accumulatedMatrix:f,accumulatedMatrixInverse:v}}}]),e}(xc),zc=new(function(){function t(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];go()(this,t),this.components={}}return bo()(t,[{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)}}]),t}());function Fc(t,e){if(Ai(e)){var n=e.split(":"),r=j()(n,4),i=r[0],a=r[1],o=r[2],s=r[3];return 3600*(i=parseInt(i,10))+60*(a=parseInt(a,10))+(o=parseInt(o,10))+(s=parseInt(s,10))*(1/t)}return Gi(e)?e/t:0}function Bc(t,e){var n=Math.floor(e/3600),r=Math.floor(e/60%60),i=Math.floor(e%60),a=Math.round((e-Math.floor(e))*t);return a===t&&(a=0,60===(i+=1)&&60===(r+=1)&&(n+=1)),[n,r,i,a].map((function(t){return(t+"").padStart(2,"0")})).join(":")}function Gc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return Bc(t,Fc(t,e)-Fc(t,n))}function Hc(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 o=t-e.start;e.elapsed+=o*e.speed,e.start=t,e.elapsed>e.duration&&(e.elapsed=e.duration);var s=n(e.elapsed/e.duration)*e.duration;r&&e.startCallback(s,e),e.log[e.logIndex++]={elapsed:s,dt:e.lastTime-s},e.lastTime=s,e.tick(s,e),e.elapsed===e.duration?a():i()},i=function(){e.id=requestAnimationFrame(r)},a=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,i())},o=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,Gi(t.elapsed)&&(e.elapsed=t.elapsed),Gi(t.speed)&&(e.speed=t.speed),Gi(t.duration)&&(e.duration=t.duration),Gi(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),Ai(t.direction)&&(e.direction=t.direction),Bi(t.tick)&&(e.tick=t.tick),Bi(t.start)&&(e.startCallback=t.start),Bi(t.end)&&(e.endCallback=t.end),Bi(t.first)&&(e.firstCallback=t.first),Bi(t.last)&&(e.lastCallback=t.last),Bi(t.stop)&&(e.stopCallback=t.stop),e.firstCallback(e.elapsed,e),i()},stop:function(){e.stopCallback(e.elapsed,e),cancelAnimationFrame(e.id)},tick:r,first:function(t){o(0)},last:function(t){o(e.duration)},seek:o,timer:e}}function Nc(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;return function(t,e){var a=0;return a=0===e?n:1===e?r:n+(r-n)*t,i?a+i:a}}function Xc(t,e,n){return function(t,e){return n}}function Yc(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"width",i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"parent",a=null;return"parent"===i?a=t[i][r]:"self"===i&&(a=t[r]),a?n.toPx(a.value):n}function _c(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"width",a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"parent",o=null;return"parent"===a?o=t[a][i]:"self"===a&&(o=t[i]),o?n.to(r,o.value):n}function Kc(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"width",a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"parent",o=Lo.parse(n),s=Lo.parse(r);return o.unit===s.unit?Nc(t,e,o.value,s.value,o.unit):o.equals(s)?Xc(0,0,o):function(n,r){var c=Yc(t,e,o,i,a),l=Yc(t,e,s,i,a);return 0===r?c:1===r?l:_c(t,e,Lo.px(c.value+(l.value-c.value)*n),o.unit,i,a)}}var Wc=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"parseStyle",value:function(t){var e={isAll:!0,"border-radius":Lo.z(),"border-top-left-radius":Lo.z(),"border-top-right-radius":Lo.z(),"border-bottom-right-radius":Lo.z(),"border-bottom-left-radius":Lo.z()},n=t.split(" ").filter((function(t){return Lo.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}}]),t}(),Uc=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 Zc(t,e,n,r){for(var i=Uc(Wc.parseStyle(n)),a=Uc(Wc.parseStyle(r)),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++)s[c]=Kc(t,e,i[c],a[c]);return function(t,e){return s.map((function(n){return n(t,e)})).join(" ")}}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}var Jc=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:Lo.z(),offsetY:Lo.z(),blurRadius:Lo.z(),spreadRadius:Lo.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){this.json;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){S()(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}({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("inset","offsetX","offsetY","blurRadius","spreadRadius","color"))}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).offsetX=Lo.parse(t.offsetX),t.offsetY=Lo.parse(t.offsetY),t.blurRadius=Lo.parse(t.blurRadius),t.spreadRadius=Lo.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)}}],[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=_a(t);return n=r.str.split(",").filter((function(t){return t.trim()})).map((function(t){var n=t.split(" "),i=n.filter((function(t){return"inset"===t})),a=n.filter((function(t){return t.includes("@")})).map((function(t){return Wa(t,r.matches)})),o=n.filter((function(t){return"inset"!==t&&!t.includes("@")}));return e.parse({inset:!!i.length,color:a[0]||"rgba(0, 0, 0, 1)",offsetX:Lo.parse(o[0]||"0px"),offsetY:Lo.parse(o[1]||"0px"),blurRadius:Lo.parse(o[2]||"0px"),spreadRadius:Lo.parse(o[3]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return e.parse(t)})).join(", ")}}]),e}(Pc);function Qc(t,e,n,r){return function(t,e){return 1===e?r:n}}function tl(t,e,n,r){var i=po.parse(n||"rgba(0, 0, 0, 1)"),a=po.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:Qa(i,a,t,"rgb")}}function el(t,e,n,r){for(var i=Jc.parseStyle(n),a=Jc.parseStyle(r),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c]||Jc.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],h=a[c]||Jc.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];s.push({inset:Qc(0,0,u.inset,h.inset),offsetX:Kc(t,e,u.offsetX,h.offsetX),offsetY:Kc(t,e,u.offsetY,h.offsetY),blurRadius:Kc(t,e,u.blurRadius,h.blurRadius),spreadRadius:Kc(t,e,u.spreadRadius,h.spreadRadius),color:tl(0,0,u.color,h.color)})}return function(t,e){return Jc.join(s.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 nl(t,e,n,r){return Qc(0,0,n,r)}var rl=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 il(){return rl(1,"start")}function al(){return rl(1,"end")}var ol=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},sl={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 rl(t,e)},"step-start":il,"step-end":al,stepStart:il,stepEnd:al,"ease-out-elastic":ol,easeOutElastic:ol};function cl(t,e,n,r){var i=Lo.parse(n),a=Lo.parse(r);return function(t,e){var n=i.value,r=a.value;return 0===e?Lo.deg(n):1===e?Lo.deg(r):Lo.deg(n+(r-n)*t).to(i.unit)}}function ll(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var ul=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:Lo.z(),offsetY:Lo.z(),blurRadius:Lo.z(),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?ll(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ll(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("offsetX","offsetY","blurRadius","color"))}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).offsetX=Lo.parse(t.offsetX),t.offsetY=Lo.parse(t.offsetY),t.blurRadius=Lo.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)}}],[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=_a(t);return n.str.split(",").filter((function(t){return t.trim()})).map((function(t){var r=t.split(" "),i=r.filter((function(t){return t.includes("@")})).map((function(t){return n.matches[+t.replace("@","")].color})),a=r.filter((function(t){return!t.includes("@")}));return e.parse({color:i[0]||"rgba(0, 0, 0, 1)",offsetX:Lo.parse(a[0]||"0px"),offsetY:Lo.parse(a[1]||"0px"),blurRadius:Lo.parse(a[2]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return e.parse(t)})).join(", ")}}]),e}(Pc);function hl(t,e,n,r){for(var i=ul.parseStyle(n),a=ul.parseStyle(r),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c]||ul.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],h=a[c]||ul.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];s.push({offsetX:Kc(t,e,u.offsetX,h.offsetX,"width","self"),offsetY:Kc(t,e,u.offsetY,h.offsetY,"height","self"),blurRadius:Kc(t,e,u.blurRadius,h.blurRadius,"radius"),color:tl(0,0,u.color,h.color)})}return function(t,e){return ul.join(s.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 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 dl(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){S()(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}var fl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,dl({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"}}]),e}(Pc);function vl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?vl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var gl=1e10;var ml=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return{id:"c"+gl++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return yl({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("cut","percent","unit","px","em","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 Lo.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){Bs()(So()(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}}],[{key:"parse",value:function(t){var n=[],r=_a(t),i=r.str.split(" ").filter((function(t){return t.trim()})),a=+i[0].replace("@",""),o=r.matches[a].color;if(1===i.length)n.push(new e({color:o,unit:"%",percent:0,hasNotUnit:!0}));else if(2===i.length){var s=Lo.parse(i[1]),c={unit:s.unit};s.isPercent()?c.percent=s.value:s.isPx()?c.px=s.value:s.isEm()&&(c.em=s.value),n.push(new e(yl({color:o},c)))}else if(3===i.length){var l=Lo.parse(i[2]),u={unit:l.unit};l.isPercent()?u.percent=l.value:l.isPx()?u.px=l.value:l.isEm()&&(u.em=l.value),n.push(new e(yl({color:o,cut:!0},u)))}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=M(2,t),i=e/r,a=Ki(r).map((function(t,e){return"".concat(po.random()," ").concat(e*i).concat(n)})).join(",");return a}},{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]:Lo.px(1),n=M(2,t),r=Ki(n).map((function(t,n){return"".concat(po.random()," ").concat(Lo.parse(e).mul(n+1))})).join(",");return r}}]),e}(xc);function bl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var xl={"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},wl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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 Bs()(So()(e.prototype),"getDefaultObject",this).call(this,kl({type:"gradient",colorsteps:[]},t))}},{key:"toCloneObject",value:function(){return kl({},Bs()(So()(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 ml(t)})),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return Di(xl[t])?t:xl[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 ml({index:0,color:r[0].color,percent:t}));var i=r.length-1;if(r[i].percent<t){var a=r[i].color,o=r[i].index+1;this.addColorStep(new ml({index:o,color:a,percent:t}))}else for(var s=0,c=r.length-1;s<c;s++){var l=r[s],u=r[s+1];if(l.percent<=t&&t<=u.percent){a=po.mix(l.color,u.color,(t-l.percent)/(u.percent-l.percent),"rgb");return void this.addColorStep(new ml({index:l.index+1,color:a,percent:t}))}}}else this.addColorStepList([new ml({color:e,percent:t,index:0}),new ml({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}}],[{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 ml({color:e[0].color||"transparent",percent:100})),e.map((function(t){return"".concat(t)})).join(",")}}]),e}(fl);function Sl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var Pl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new ml({color:"red",percent:0,index:0}),new ml({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?Sl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Sl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bs()(So()(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}}],[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new e({colorsteps:[new ml({color:t,percent:0,index:0}),new ml({color:t,percent:100,index:1})]})}}]),e}(wl);function jl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ol(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var $l=["jpg","jpeg","png","gif","svg"];var Cl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Ol({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return Ol({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("url","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 $l.includes(t)}}]),e}(fl);function El(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Tl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?El(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):El(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Vl,Ml={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"},Dl={"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"},Il=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(t){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Tl({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return Tl({},Bs()(So()(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 Gi(e=this.json.angle||0)&&(e=Ml["".concat(e)]||e),Gi(e)&&(e="".concat(e=e>360?e%360:e,"deg")),"".concat(this.json.type,"(").concat(e,", ").concat(t,")")}}],[{key:"toLinearGradient",value:function(t){return 0===t.length?"none":new e({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var n=_a(t),r=0,i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){t.includes("@")?(t=Wa(t,n.matches),i.push.apply(i,ml.parse(t))):r=Di(Dl[t])?Lo.parse(t):Lo.deg(+Dl[t])})),new e({angle:r.value,colorsteps:i})}}]),e}(wl),Ll=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}],[{key:"parse",value:function(t){var n=Il.parse(t);return new e({angle:n.angle,colorsteps:n.colorsteps})}}]),e}(Il);function Rl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Al(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Rl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Rl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var zl,Fl=(Vl={},S()(Vl,"center",!0),S()(Vl,"top",!0),S()(Vl,"left",!0),S()(Vl,"right",!0),S()(Vl,"bottom",!0),Vl),Bl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Al({type:"radial-gradient",radialType:"ellipse",radialPosition:[Do.CENTER,Do.CENTER]},t))}},{key:"toCloneObject",value:function(){return Al({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("radialType","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,i=n.radialPosition||["center","center"];return t=(i=Fl[i]?i:i.join(" "))?"".concat(r," at ").concat(i):r,"".concat(n.type||"radial-gradient","(").concat(t,", ").concat(e,")")}}],[{key:"parse",value:function(t){var n=_a(t),r="ellipse",i=[Do.CENTER,Do.CENTER],a=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(t.includes("@"))t=Wa(t,n.matches),a.push.apply(a,ml.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),s=j()(o,2);r=s[0],i=s[1]}else r=t;if(Ai(i)){var c=i.split(" ");if(1===c.length){var l=Lo.parse(c[0]);i=l.isString()?[l.value,l.value]:[l.clone(),l.clone()]}else 2===c.length&&(i=c.map((function(t){var e=Lo.parse(t);return e.isString()?e.value:e.clone()})))}}})),new e({radialType:r,radialPosition:i,colorsteps:a})}}]),e}(wl),Gl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}],[{key:"parse",value:function(t){var n=Bl.parse(t);return new e({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}]),e}(Bl);function Hl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Nl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Hl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Hl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Xl=(zl={},S()(zl,"center",!0),S()(zl,"top",!0),S()(zl,"left",!0),S()(zl,"right",!0),S()(zl,"bottom",!0),zl),Yl={"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},_l=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Nl({type:"conic-gradient",angle:0,radialPosition:[Do.CENTER,Do.CENTER]},t))}},{key:"toCloneObject",value:function(){return Nl({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{angle:this.json.angle,radialPosition:Xi(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,i=n.radialPosition||Do.CENTER;i=Xl[i]?i:i.join(" "),Ii(r)&&(r=+(Yl[r]||r),e.push("from ".concat(r,"deg"))),i&&e.push("at ".concat(i));var a=e.length?e.join(" ")+",":"";return"".concat(n.type,"(").concat(a," ").concat(t,")")}}],[{key:"parse",value:function(t){var n=_a(t),r="0deg",i=[Do.CENTER,Do.CENTER],a=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(t.includes("@"))t=Wa(t=t.split(" ").map((function(t){return t.trim()})).map((function(t){return t.includes("deg")?Lo.parse(t).toPercent():t})).join(" "),n.matches),a.push.apply(a,ml.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),s=j()(o,2);r=s[0],i=s[1]}else r=t;if(Ai(i)){var c=i.split(" ");if(1===c.length){var l=Lo.parse(c[0]);i=l.isString()?[l.value,l.value]:[l.clone(),l.clone()]}else 2===c.length&&(i=c.map((function(t){var e=Lo.parse(t);return e.isString()?e.value:e})))}Ai(r)&&r.includes("from")&&(r=r.split("from")[1],r=Di(Yl[r])?Lo.parse(r):Lo.deg(+Yl[r]))}})),new e({angle:r.value,radialPosition:i,colorsteps:a})}}]),e}(wl),Kl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[Do.CENTER,Do.CENTER]})}}],[{key:"parse",value:function(t){var n=_l.parse(t);return new e({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}]),e}(_l),Wl=new Map,Ul=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"has",value:function(t){return Wl.has(t)}},{key:"get",value:function(t){return Wl.get(t)}},{key:"set",value:function(t,e){Wl.size>1e3&&Wl.clear(),Wl.set(t,e)}}]),t}();function Zl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ql(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Zl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Zl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Jl,Ql=["repeat","no-repeat","repeat-x","repeat-y","round","space"],tu=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,eu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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 Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:Lo.percent(100),height:Lo.percent(100),x:Lo.percent(0),y:Lo.percent(0)})}},{key:"toCloneObject",value:function(){var t=this.json;return ql({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("checked","blendMode","size","repeat","width","height","x","y"),{image:t.image.clone()})}},{key:"convert",value:function(t){return t.x=Lo.parse(t.x),t.y=Lo.parse(t.y),t.width&&(t.width=Lo.parse(t.width)),t.height&&(t.height=Lo.parse(t.height)),Ai(t.image)&&(t.image=e.parseImage(t.image)),t}},{key:"checkField",value:function(t,n){return"repeat"===t?Ql.includes(n):Bs()(So()(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 ql({},this.toBackgroundImageCSS(),{},this.toBackgroundPositionCSS(),{},this.toBackgroundSizeCSS(),{},this.toBackgroundRepeatCSS(),{},this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return Ei(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}}],[{key:"createImage",value:function(t){return new Cl({url:t})}},{key:"createGradient",value:function(t,e){var n=t.colorsteps||e.colorsteps,r=t.angle||e.angle,i=t.radialType||e.radialType,a=t.radialPosition||e.radialPosition,o=e.toJSON();switch(delete o.itemType,delete o.type,t.type){case"static-gradient":return new Pl(ql({},o,{colorsteps:n}));case"linear-gradient":return new Il(ql({},o,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new Ll(ql({},o,{colorsteps:n,angle:r}));case"radial-gradient":return new Bl(ql({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new Gl(ql({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new _l(ql({},o,{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new Kl(ql({},o,{colorsteps:n,angle:r,radialPosition:a}))}return new wl}},{key:"parse",value:function(t){return new e(t)}},{key:"parseImage",value:function(t){var e=_a(t),n=null,r=e.str.match(tu);return r?(r.forEach((function(t,r){(t=Wa(t,e.matches)).includes("repeating-linear-gradient")?n=Ll.parse(t):t.includes("linear-gradient")?n=Il.parse(t):t.includes("repeating-radial-gradient")?n=Gl.parse(t):t.includes("radial-gradient")?n=Bl.parse(t):t.includes("repeating-conic-gradient")?n=Kl.parse(t):t.includes("conic-gradient")?n=_l.parse(t):t.includes("url")&&(n=Cl.parse(t))})),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new Pl(t);case"linear-gradient":return new Il(t);case"repeating-linear-gradient":return new Ll(t);case"radial-gradient":return new Bl(t);case"repeating-radial-gradient":return new Gl(t);case"conic-gradient":return new _l(t);case"repeating-conic-gradient":return new Kl(t);case"image-resource":case"url":return new Cl(t)}}},{key:"parseStyle",value:function(t){var n=[],r=JSON.stringify(t);if(Ul.has(r))return Ul.get(r);if(t["background-image"]){var i=_a(t["background-image"]);i.str.match(tu).forEach((function(t,r){var a=null;(t=Wa(t,i.matches)).includes("repeating-linear-gradient")?a=Ll.parse(t):t.includes("linear-gradient")?a=Il.parse(t):t.includes("repeating-radial-gradient")?a=Gl.parse(t):t.includes("radial-gradient")?a=Bl.parse(t):t.includes("repeating-conic-gradient")?a=Kl.parse(t):t.includes("conic-gradient")?a=_l.parse(t):t.includes("url")&&(a=Cl.parse(t)),n[r]=new e({type:a.type,image:a})}))}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=t.split(" "),i=j()(r,2),a=i[0],o=i[1];n[e].width=Lo.parse(a),n[e].height=Lo.parse(o)}})),t["background-position"]&&t["background-position"].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(n[e]){var r=t.split(" "),i=j()(r,2),a=i[0],o=i[1];n[e].x=Lo.parse(a),n[e].y=Lo.parse(o)}})),Ul.set(r,n),n}},{key:"toPropertyCSS",value:function(t){var e={};return t.forEach((function(t){Ci(t.toCSS(),(function(t,n){e[t]||(e[t]=[]),e[t].push(n)}))})),_i(e)}},{key:"join",value:function(t){return Ji(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)})))}}]),e}(Pc);function nu(t,e,n,r){var i={cut:Qc(0,0,n.cut,r.cut),percent:Nc(t,e,n.percent,r.percent),px:Nc(t,e,n.px,r.px),em:Nc(t,e,n.em,r.em),unit:nl(0,0,n.unit,r.unit),color:tl(0,0,n.color,r.color)};return function(t,e){return new ml({cut:i.cut(t,e),percent:i.percent(t,e),px:i.px(t,e),em:i.em(t,e),unit:i.unit(t,e),color:i.color(t,e)})}}function ru(t,e){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],i=Math.max(n.length,r.length),a=[],o=0;o<i;o++){var s=n[o],c=r[o];a[o]=s&&c?nu(t,e,s,c):Qc(0,0,s,c)}return function(t,e){return a.map((function(n){return n(t,e)}))}}function iu(t,e,n,r){var i={angle:Nc(t,e,n.angle,r.angle),colorsteps:ru(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=i.colorsteps(t,e);return new Il({angle:i.angle(t,e),colorsteps:n})}}Jl={},S()(Jl,"center",!0),S()(Jl,"top",!0),S()(Jl,"left",!0),S()(Jl,"right",!0),S()(Jl,"bottom",!0);function au(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 ou(t,e,n,r){n.radialPosition[0]=au(n.radialPosition[0],"width"),n.radialPosition[1]=au(n.radialPosition[1],"height"),r.radialPosition[0]=au(r.radialPosition[0],"width"),r.radialPosition[1]=au(r.radialPosition[1],"height");var i={radialType:nl(0,0,n.radialType,r.radialType),radialPositionX:Kc(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:Kc(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:ru(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new Bl({radialType:i.radialType(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function su(t,e,n,r){var i={angle:Nc(t,e,n.angle,r.angle),radialPositionX:Kc(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:Kc(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:ru(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new _l({angle:i.angle(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function cu(t,e,n,r){var i={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)i.image=Qc(0,0,n,r);else if(n.type!=r.type)i.image=Qc(0,0,n,r);else switch(n.type){case"linear-gradient":i.image=iu(t,e,n,r);break;case"repeating-linear-gradient":i.image=function(t,e,n,r){var i=iu(t,e,n,r);return function(t,e){var n=i(t,e);return new Ll({angle:n.angle,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"radial-gradient":i.image=ou(t,e,n,r);break;case"repeating-radial-gradient":i.image=function(t,e,n,r){var i=ou(t,e,n,r);return function(t,e){var n=i(t,e);return new Gl({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":i.image=su(t,e,n,r);break;case"repeating-conic-gradient":i.image=function(t,e,n,r){var i=su(t,e,n,r);return function(t,e){var n=i(t,e);return new Kl({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return i.image(t,e)}}function lu(t,e,n,r){for(var i=eu.parseStyle(Qi(n)),a=eu.parseStyle(Qi(r)),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c]||null,h=a[c]||null;u&&!h?s.push({image:Xc(0,0,u.image),size:Xc(0,0,u.size),width:Xc(0,0,u.width),height:Xc(0,0,u.height),x:Xc(0,0,u.x),y:Xc(0,0,u.y),blendMode:Xc(0,0,u.blendMode),repeat:Xc(0,0,u.repeat)}):!u&&h?s.push({image:Xc(0,0,h.image),size:Xc(0,0,h.size),width:Xc(0,0,h.width),height:Xc(0,0,h.height),x:Xc(0,0,h.x),y:Xc(0,0,h.y),blendMode:Xc(0,0,h.blendMode),repeat:Xc(0,0,h.repeat)}):u&&h&&s.push({image:cu(t,e,u.image,h.image),size:nl(0,0,u.size,h.size),width:Kc(t,e,u.width,h.width,"width","self"),height:Kc(t,e,u.height,h.height,"height","self"),x:Kc(t,e,u.x,h.x,"width","self"),y:Kc(t,e,u.y,h.y,"height","self"),blendMode:nl(0,0,u.blendMode,h.blendMode),repeat:nl(0,0,u.repeat,h.repeat)})}return function(t,e){return eu.join(s.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 uu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uu(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var pu=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia)\(([^\)]*)\))/gi,du=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,hu({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=ju[t.type];return e?new e(t):new vu({value:t.type})}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=_a(t);return(r.str.match(pu)||[]).forEach((function(t,i){var a=t.split("("),o=j()(a,2),s=o[0],c=o[1];if(c=c.split(")")[0],"drop-shadow"===s){var l=c.split(" "),u=l.filter((function(t){return t.includes("@")})).map((function(t){return r.matches[+t.replace("@","")].color})),h=l.filter((function(t){return!t.includes("@")}));n[i]=e.parse({type:s,offsetX:Lo.parse(h[0]),offsetY:Lo.parse(h[1]),blurRadius:Lo.parse(h[2]),color:u[0]||"rgba(0, 0, 0, 1)"})}else n[i]=e.parse({type:s,value:Lo.parse(c)})})),n}},{key:"join",value:function(t){return t.map((function(t){return e.parse(t)})).join(" ")}}]),e}(Pc),fu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"blur",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return hu({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}}]),e}(du);fu.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:Lo.z()};var vu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"svg",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return hu({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),e}(du);vu.spec={inputType:"select",defaultValue:""};var yu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return hu({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}}]),e}(du);yu.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(0)};var gu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:e.spec.defaultValue})}}]),e}(du);gu.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:Lo.deg(0)};var mu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"invert",value:e.spec.defaultValue})}}]),e}(du);mu.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(0)};var bu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:e.spec.defaultValue})}}]),e}(du);bu.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(100)};var ku=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:e.spec.defaultValue})}}]),e}(du);ku.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(100)};var xu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:e.spec.defaultValue})}}]),e}(du);xu.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(100)};var wu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:e.spec.defaultValue})}}]),e}(du);wu.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(100)};var Su=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:e.spec.defaultValue})}}]),e}(du);Su.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(0)};var Pu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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}(du);Pu.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:Lo.z(),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:Lo.z(),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:Lo.z(),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var ju={blur:fu,grayscale:yu,"hue-rotate":gu,invert:mu,brightness:bu,contrast:ku,opacity:xu,saturate:wu,sepia:Su,"drop-shadow":Pu,svg:vu},Ou={BlurFilter:fu,GrayscaleFilter:yu,HueRotateFilter:gu,InvertFilter:mu,BrightnessFilter:bu,ContrastFilter:ku,OpacityFilter:xu,SaturateFilter:wu,SepiaFilter:Su,DropshadowFilter:Pu,URLSvgFilter:vu};function $u(t,e,n,r){var i={type:nl(0,0,n.type,r.type),value:Qc(0,0,n.value,r.value)};switch(n.type){case"blur":i.value=Kc(t,e,n.value,r.value);break;case"grayscale":case"invert":case"brightness":case"contrast":case"opacity":case"saturate":case"sepia":case"hue-rotate":i.value=Nc(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":i.offsetX=Kc(t,e,n.offsetX,r.offsetX,"width","self"),i.offsetY=Kc(t,e,n.offsetY,r.offsetY,"height","self"),i.blurRadius=Kc(t,e,n.blurRadius,r.blurRadius,"width","self"),i.spreadRadius=Kc(t,e,n.spreadRadius,r.spreadRadius,"width","self"),i.color=tl(0,0,n.color,r.color)}return function(t,e){return"drop-shadow"===i.type(t,e)?{type:i.type(t,e),offsetX:i.offsetX(t,e),offsetY:i.offsetY(t,e),blurRadius:i.blurRadius(t,e),spreadRadius:i.spreadRadius(t,e),color:i.color(t,e)}:{type:i.type(t,e),value:i.value(t,e)}}}function Cu(t,e,n,r){for(var i=du.parseStyle(n),a=du.parseStyle(r),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c],h=a[c];u&&!h?s.push(Xc(0,0,u)):!u&&h?s.push(Xc(0,0,h)):u.type!=h.type||"svg"===u.type||"svg"===h.type?s.push(Qc(0,0,u,h)):s.push($u(t,e,u,h))}return function(t,e){return du.join(s.map((function(n){return n(t,e)})))}}var Eu=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"parse",value:function(t){var e=t.split(" ").filter((function(t){return t.trim()})).map((function(t){return Lo.parse(t)})),n=Lo.percent(0),r=Lo.percent(0),i=Lo.percent(0),a=Lo.percent(0);return 1===e.length?(n=e[0].clone(),r=e[0].clone(),i=e[0].clone(),a=e[0].clone()):2===e.length?(n=e[0].clone(),r=e[1].clone(),i=e[0].clone(),a=e[1].clone()):3===e.length?(n=e[0].clone(),r=e[1].clone(),i=e[2].clone(),a=e[1].clone()):4===e.length&&(n=e[0].clone(),r=e[1].clone(),i=e[2].clone(),a=e[3].clone()),[e.length,n,r,i,a]}}]),t}();function Tu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Vu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Tu(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Tu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Mu=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,Du=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Vu({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return Vu({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("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()}}}],[{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(Mu)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=t.split("("),i=j()(r,2),a=i[0],o=i[1];o=o||"",o="none"===a?"":o.split(")")[0],e.type=a,e.value=o}})),e):{}}},{key:"parseStyleForCircle",value:function(t){var e=new Lo("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=j()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=j()(a,2),s=o[0],c=o[1];return Di(c)&&(c=s),{radius:e,x:s=Lo.parse(s),y:c=Lo.parse(c)}}},{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()})),i=j()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=j()(a,2),s=o[0],c=o[1];Di(c)&&(c=s),s=Lo.parse(s),c=Lo.parse(c);var l=e.split(" "),u=j()(l,2),h=u[0],p=u[1];return Di(p)&&(p=h),{radiusX:h=Lo.parse(h),radiusY:p=Lo.parse(p),x:s,y:c}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=j()(e,2),r=n[0],i=n[1],a=Eu.parse(r),o=j()(a,5),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4];if(i)var p=Eu.parse(i),d=j()(p,5),f=d[0],v=d[1],y=d[2],g=d[3],m=d[4];return{isAll:1===s,top:c,right:l,bottom:u,left:h,round:i,isAllRadius:1===f,topRadius:v,rightRadius:y,bottomRadius:g,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=t.trim().split(" "),n=j()(e,2),r=n[0],i=n[1];return{x:Lo.parse(r),y:Lo.parse(i)}}))}}]),e}(Pc);function Iu(t,e,n,r){var i=Du.parseStyle(n),a=Du.parseStyle(r),o={type:Qc(0,0,i.type,i.type),value:Qc(0,0,n,r)};if(i.type==a.type&&"none"!=i)switch(i.type){case"circle":i.value=Du.parseStyleForCircle(i.value),a.value=Du.parseStyleForCircle(a.value),o.value=function(t,e,n,r){var i={};return"closest-side"===n.radius||"farthest-side"===n.radius||"closest-side"===r.radius||"farthest-side"===r.radius?i.radius=Qc(0,0,n.radius,r.radius):n.radius.unit===r.radius.unit?i.radius=makeInterpolateNumber(t,e,n.radius.value,r.radius.value,n.radius.unit):i.radius=Kc(t,e,n.radius,r.radius,"width","self"),i.x=Kc(t,e,n.x,r.x,"width","self"),i.y=Kc(t,e,n.y,r.y,"height","self"),function(t,e){var n=i.radius(t,e),r=i.x(t,e),a=i.y(t,e),o="".concat(r," ").concat(a),s=n+"";return s.includes("closest-side")?s="closest-side":s.includes("farthest-side")&&(s="farthest-side"),n?"".concat(s," at ").concat(o):"".concat(o)}}(t,e,i.value,a.value);break;case"ellipse":i.value=Du.parseStyleForEllipse(i.value),a.value=Du.parseStyleForEllipse(a.value),o.value=function(t,e,n,r){var i={radiusX:Kc(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:Kc(t,e,n.radiusY,r.radiusY,"height","self"),x:Kc(t,e,n.x,r.x,"width","self"),y:Kc(t,e,n.y,r.y,"height","self")};return function(t,e){var n=i.radiusX(t,e),r=i.radiusY(t,e),a=i.x(t,e),o=i.y(t,e);return"".concat(n," ").concat(r," at ").concat(a," ").concat(o)}}(t,e,i.value,a.value);break;case"inset":i.value=Du.parseStyleForInset(i.value),a.value=Du.parseStyleForInset(a.value),o.value=function(t,e,n,r){var i={top:Nc(t,e,n.top.value,r.top.value,n.top.unit),left:Nc(t,e,n.left.value,r.left.value,n.left.unit),right:Nc(t,e,n.right.value,r.right.value,n.right.unit),bottom:Nc(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:Qc(0,0,n.round,r.round),topRadius:Nc(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:Nc(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:Nc(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:Nc(t,e,n.bottomRadius.value,r.bottomRadius.value,n.bottomRadius.unit)};return function(t,e){var n=i.top(t,e),r=i.right(t,e),a=i.bottom(t,e),o=i.left(t,e),s=i.round(t,e),c=i.topRadius(t,e),l=i.leftRadius(t,e),u=i.bottomRadius(t,e),h=i.rightRadius(t,e),p=[n,r,a,o].join(" "),d=[c,h,u,l].join(" ");return"".concat(p," ").concat(s&&d.trim()?"round ".concat(d):"")}}(t,e,i.value,a.value);break;case"polygon":i.value=Du.parseStyleForPolygon(i.value),a.value=Du.parseStyleForPolygon(a.value),o.value=function(t,e,n,r){for(var i=Math.max(n.length,r.length),a=[],o=0;o<i;o++){var s=n[o],c=r[o];s&&!c?a.push({x:Xc(0,0,s.x),y:Xc(0,0,s.y)}):!s&&c?a.push({x:Xc(0,0,c.x),y:Xc(0,0,c.y)}):a.push({x:Kc(t,e,s.x,c.x,"width","self"),y:Kc(t,e,s.y,c.y,"height","self")})}return function(t,e){return a.map((function(n){return"".concat(n.x(t,e)," ").concat(n.y(t,e))})).join(",")}}(t,e,i.value,a.value);break;case"path":i.value=Du.parseStyleForPath(i.value),a.value=Du.parseStyleForPath(a.value),o.value=makeInterpolateClipPathPath(t,e,i.value,a.value)}return function(t,e){var n=o.type(t,e),r=o.value(t,e);return"none"===n?n:"".concat(n,"(").concat(r,")")}}function Lu(t,e,n,r){for(var i={type:Qc(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),s=0;s<o;s++){var c=n.value[s],l=r.value[s];c&&l?a.push(Kc(t,e,c,l,n.type)):a.push(Kc(t,e,n.value[s]||n.value[s-1]||n.value[s-2],r.value[s]||r.value[s-1]||r.value[s-2],n.type))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function Ru(t,e,n,r){for(var i={type:Qc(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),s=0;s<o;s++){var c=n.value[s],l=r.value[s];if(c&&l)a.push(Nc(t,e,c.value,l.value));else{var u=n.value[s].value||n.value[s-1].value||n.value[s-2].value,h=r.value[s].value||r.value[s-1].value||n.value[s-2].value;a.push(Nc(t,e,u,h))}}return i.value=a,function(t,e){var n=i.value.map((function(n){return n(t,e)})),r=i.type(t,e);return(r.includes("matrix")||r.includes("scale"))&&(n=n.map((function(t){return Lo.number(t)}))),{type:r,value:n}}}function Au(t,e,n,r){for(var i={type:Qc(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),s=0;s<o;s++){var c=n.value[s],l=r.value[s];c&&l?a.push(cl(0,0,c,l)):a.push(cl(0,0,n.value[s]||n.value[s-1]||n.value[s-2],r.value[s]||r.value[s-1]||n.value[s-2]))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function zu(t,e,n,r){for(var i=Ec.parseStyle(n.trim()),a=Ec.parseStyle(r.trim()),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];if(l&&!u)s.push(Xc(0,0,l));else if(!l&&u)s.push(Xc(0,0,u));else if(l.type!=u.type)s.push(Qc(0,0,l,u));else switch(l.type){case"translate":case"translateX":case"translateY":case"translateZ":case"translate3d":case"perspective":s.push(Lu(t,e,l,u));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":s.push(Au(0,0,l,u));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":s.push(Ru(t,e,l,u))}}return function(t,e){return Ec.join(s.map((function(n){return n(t,e)})))}}function Fu(t,e,n,r){for(var i=n.split(" ").map((function(t){return Lo.parse(t)})),a=r.split(" ").map((function(t){return Lo.parse(t)})),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];s.push(Kc(t,e,l,u,"transform-origin"))}return function(t,e){return s.map((function(n){return n(t,e)})).join(" ")}}function Bu(t,e,n,r){for(var i=n.split(" ").map((function(t){return Lo.parse(t)})),a=r.split(" ").map((function(t){return Lo.parse(t)})),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];s.push(Kc(t,e,l,u,"perspective-origin"))}return function(t,e){return s.map((function(n){return n(t,e)})).join(" ")}}function Gu(t,e,n,r){for(var i=n.split(" ").map((function(t){return+t})),a=r.split(" ").map((function(t){return+t})),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];s.push(Nc(t,e,l,u))}return function(t,e){return s.map((function(n){return n(t,e)})).join(" ")}}function Hu(t,e,n,r){for(var i=Math.max(n.length,r.length),a=[],o=n[n.length-1],s=r[r.length-1],c=0;c<i;c++){var l=n[c],u=r[c];l&&!u?a.push(Nc(t,e,l,s)):!l&&u?a.push(Nc(t,e,o,u)):a.push(Nc(t,e,l,u))}return function(t,e){return a.map((function(n){return n(t,e)}))}}function Nu(t,e,n,r){for(var i=new Dc,a=new Dc(n),o=new Dc(r),s=Math.max(a.segments.length,o.segments.length),c=[],l=0;l<s;l++){var u=a.segments[l],h=o.segments[l];u.command===h.command?u.values.length===h.values.length?c.push({command:Xc(0,0,u.command),values:Hu(t,e,u.values,h.values)}):c.push({command:Xc(0,0,u.command),values:Xc(0,0,u.values)}):c.push({command:Qc(0,0,u.command,h.command),values:Qc(0,0,u.values,h.values)})}return function(t,e){var n=c.map((function(n){return{command:n.command(t,e),values:n.values(t,e)}}));return i.joinPath(n)}}var Xu=function(){function t(){go()(this,t),this.pathArray=[]}return bo()(t,[{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:"X",value:function(){var t=3,e=arguments.length<=0?void 0:arguments[0],n={x:e.x-t,y:e.y-t},r={x:e.x+t,y:e.y-t},i={x:e.x-t,y:e.y+t},a={x:e.x+t,y:e.y+t};return this.M(n).L(a).M(r).L(i)}},{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()}}],[{key:"makeRect",value:function(e,n,r,i){return(new t).M({x:e,y:n}).L({x:e+r,y:n}).L({x:e+r,y:n+i}).L({x:e,y:n+i}).L({x:e,y:n}).Z().d}},{key:"makeLine",value:function(e,n,r,i){return(new t).M({x:e,y:n}).L({x:r,y:i}).d}},{key:"makeCircle",value:function(e,n,r,i){var a=(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,o=new Dc(a);return o.translate(1,1).scale(r/2,i/2).translate(e,n),o.toString()}},{key:"makePathByPoints",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=new t,r=0,i=e.length;r<i;r++){var a=e[r];0===r?n.M(a):n.L(a)}return n.d}}]),t}(),Yu=/[\b\t \,]/g,_u=function(t){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return go()(this,e),xo()(this,So()(e).call(this,t))}return jo()(e,t),bo()(e,[{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;Li(t)&&(t=t.join(" "));for(var e=t.trim().split(Yu).filter((function(t){return t})),n=[],r=0,i=e.length;r<i;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 Xu,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=t([e.x,e.y],0),r=j()(n,2),i=r[0],a=r[1];return e.x=i,e.y=a,e}),e)}},{key:"clone",value:function(){return new e(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}]),e}(Dc);function Ku(t,e,n,r){for(var i=new _u,a=new _u(n),o=new _u(r),s=Math.max(a.segments.length,o.segments.length),c=[],l=a.segments[a.segments.length-1].x,u=a.segments[a.segments.length-1].y,h=o.segments[o.segments.length-1].x,p=o.segments[o.segments.length-1].y,d=0;d<s;d++){var f=a.segments[d],v=o.segments[d];f&&!v?c.push({x:Nc(t,e,f.x,h),y:Nc(t,e,f.y,p)}):!f&&v?c.push({x:Nc(t,e,l,v.x),y:Nc(t,e,u,v.y)}):c.push({x:Nc(t,e,f.x,v.x),y:Nc(t,e,f.y,v.y)})}return function(t,e){return i.joinPoints(c.map((function(n){return{x:n.x(t,e),y:n.y(t,e)}})))}}function Wu(t,e,n,r){var i={x:Nc("","",t,n),y:Nc("","",e,r)};return function(t,e){return{x:i.x(t,e),y:i.y(t,e)}}}function Uu(t,e,n,r,i,a){var o=[{x:t,y:e},{x:n,y:r},{x:i,y:a}];return function(t,e){return bi(o,e)}}function Zu(t,e,n,r,i,a,o,s){var c=[{x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:s}];return function(t,e){return mi(c,e)}}function qu(t){var e=[],n=[];t.forEach((function(t,r){switch(t.command){case"M":var i=j()(t.values,2),a=i[0],o=i[1];n=[a,o];break;case"m":var s=n,c=j()(s,2),l=c[0],u=c[1],h=j()(t.values,2);a=h[0],o=h[1];n=[a+=l,o+=u];break;case"L":var p=n,d=j()(p,2),f=(l=d[0],u=d[1],j()(t.values,2));a=f[0],o=f[1];e.push({command:t.command,values:[l,u,a,o],length:kr(l,u,a,o),interpolate:Wu(l,u,a,o)}),n=[a,o];break;case"l":var v=n,y=j()(v,2),g=(l=y[0],u=y[1],j()(t.values,2));a=g[0],o=g[1];a+=l,o+=u,e.push({command:t.command,values:[l,u,a,o],length:kr(l,u,a,o),interpolate:Wu(l,u,a,o)}),n=[a,o];break;case"C":var m=n,b=j()(m,2),k=(l=b[0],u=b[1],j()(t.values,6)),x=k[0],w=k[1],S=k[2],P=k[3];a=k[4],o=k[5];e.push({command:t.command,values:[l,u,x,w,S,P,a,o],length:ui(l,u,x,w,S,P,a,o),interpolate:Zu(l,u,x,w,S,P,a,o)}),n=[a,o];break;case"c":var O=n,$=j()(O,2),C=(l=$[0],u=$[1],j()(t.values,6));x=C[0],w=C[1],S=C[2],P=C[3],a=C[4],o=C[5];x+=l,S+=l,a+=l,w+=u,P+=u,o+=u,e.push({command:t.command,values:[l,u,x,w,S,P,a,o],length:ui(l,u,x,w,S,P,a,o),interpolate:Zu(l,u,x,w,S,P,a,o)}),n=[a,o];break;case"Q":var E=n,T=j()(E,2),V=(l=T[0],u=T[1],j()(t.values,4));x=V[0],w=V[1],a=V[2],o=V[3];e.push({command:t.command,values:[l,u,x,w,a,o],length:hi(l,u,x,w,a,o),interpolate:Uu(l,u,x,w,a,o)}),n=[a,o];break;case"q":var M=n,D=j()(M,2),I=(l=D[0],u=D[1],j()(t.values,4));x=I[0],w=I[1],a=I[2],o=I[3];x+=l,a+=l,w+=u,o+=u,e.push({command:t.command,values:[l,u,x,w,a,o],length:hi(l,u,x,w,a,o),interpolate:Uu(l,u,x,w,a,o)}),n=[a,o];break;case"S":var L=n,R=j()(L,2),A=(l=R[0],u=R[1],j()(t.values,4)),z=(S=A[0],P=A[1],a=A[2],o=A[3],e[e.length-1]);if(["C","c","S","s"].includes(z.command)){var F=j()(z.values,8),B=(F[0],F[1],F[2],F[3],F[4]),G=F[5],H=F[6],N=F[7],X=Tc.getReversePoint({x:H,y:N},{x:B,preC1y:G});x=X.x,w=X.y;e.push({command:t.command,values:[l,u,x,w,S,P,a,o],length:getCubicDist(l,u,x,w,S,P,a,o),interpolate:Zu(l,u,x,w,S,P,a,o)}),n=[a,o];break}case"s":var Y=n,_=j()(Y,2),K=(l=_[0],u=_[1],j()(t.values,4));S=K[0],P=K[1],a=K[2],o=K[3];S+=l,a+=l,P+=u,o+=u;z=e[e.length-1];if(["C","c","S","s"].includes(z.command)){var W=j()(z.values,8),U=(W[0],W[1],W[2],W[3],B=W[4],G=W[5],H=W[6],N=W[7],Tc.getReversePoint({x:H,y:N},{x:B,preC1y:G}));x=U.x,w=U.y;e.push({command:t.command,values:[l,u,x,w,S,P,a,o],length:getCubicDist(l,u,x,w,S,P,a,o),interpolate:Zu(l,u,x,w,S,P,a,o)}),n=[a,o];break}case"T":var Z=n,q=j()(Z,2),J=(l=q[0],u=q[1],j()(t.values,2));a=J[0],o=J[1],z=e[e.length-1];if(["Q","q","T","t"].includes(z.command)){var Q=j()(z.values,6),tt=(Q[0],Q[1],B=Q[2],G=Q[3],H=Q[4],N=Q[5],Tc.getReversePoint({x:H,y:N},{x:B,preC1y:G}));x=tt.x,w=tt.y;e.push({command:t.command,values:[l,u,x,w,a,o],length:hi(l,u,x,w,a,o),interpolate:Uu(l,u,x,w,a,o)}),n=[a,o]}break;case"t":var et=n,nt=j()(et,2),rt=(l=nt[0],u=nt[1],j()(t.values,2));a=rt[0],o=rt[1];a+=l,o+=u;z=e[e.length-1];if(["Q","q","T","t"].includes(z.command)){var it=j()(z.values,6),at=(it[0],it[1],B=it[2],G=it[3],H=it[4],N=it[5],Tc.getReversePoint({x:H,y:N},{x:B,preC1y:G}));x=at.x,w=at.y;e.push({command:t.command,values:[l,u,x,w,a,o],length:hi(l,u,x,w,a,o),interpolate:Uu(l,u,x,w,a,o)}),n=[a,o]}}}));var r=0;e.forEach((function(t){r+=t.length}));var i=0;return e.forEach((function(t){t.startT=i/r,t.endT=(i+t.length)/r,t.totalLength=r,i+=t.length})),{totalLength:r,interpolateList:e}}function Ju(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Qu(t,e,n,r,i){var a=n.split(",").map((function(t){return t.trim()})),o=j()(a,4),s=o[0],c=o[1],l=o[2],u=o[3],h={id:s,distance:Lo.parse(c||"0%"),rotateStatus:l||"auto",rotate:Lo.parse(u||"0deg")},p=function(t,e){return{x:x,y:y}},d=0,f=0;if(i){var v=i.searchById(h.id);v&&(d=v.screenX.value,f=v.screenY.value),p=function(t,e,n){var r=qu(new Dc(v.d||"").segments),i=r.totalLength,a=r.interpolateList,o=h.distance.toPx(i);(e+=o/i)>1&&(e-=1);var s=a[0];0===e?s=a[0]:1===e&&(s=a[a.length-1]);var c=a.find((function(t){return t.startT<=e&&e<t.endT}));c&&(s=c);var l=(e-s.startT)/(s.endT-s.startT),u=n(l);return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ju(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ju(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},s.interpolate(u,l,n),{totalLength:s.totalLength})}}return function(e,n,r){var i=(t["transform-origin"]||"50% 50%").split(" ").map((function(t){return Lo.parse(t)})),a=i[0].toPx(t.width.value),o=i[1].toPx(t.height.value),s=p(e,n,r),c={x:s.x+d-a.value,y:s.y+f-o.value};if(t.setScreenX(c.x),t.setScreenY(c.y),"element"===h.rotateStatus);else{var l=s,u=0;n<1&&(u=1/s.totalLength);var v=p(e+u,n+u,r),y=Er(v.x-l.x,v.y-l.y),g=Lo.deg(function(t,e){var n=0;switch(t){case"angle":n=h.rotate.value;break;case"auto angle":n=e+h.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(h.rotateStatus,y));t.reset({transform:Ec.rotate(t.transform,g)})}return c}}function th(t,e,n,r){arguments.length>4&&void 0!==arguments[4]&&arguments[4];var i=r.length-1,a=0;return function(t,e){return 0===e?"":1===e?r:r.substring(a,Math.floor((i-a)*e))}}function eh(t,e,n,r,i,a){var o=a.$("video").el,s=n.split(":"),c=j()(s,3),l=c[0],u=(c[1],+(l||0)*+(c[2]||1));return function(e,n){0===n?(o.currentTime=u,o.paused&&o.play()):1===n?(t.reset({currentTime:o.currentTime}),o.pause()):o.paused&&o.play()}}var nh=function(){return function(t,e){}};function rh(t,e,n,r,i,a,o){var s=i||e;switch(s){case"width":case"x":return Kc(t,e,n,r,"width");case"height":case"y":return Kc(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 Kc(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return Nc(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return tl(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return nl(0,0,n,r);case"rotate":return cl(0,0,n,r)}var c=function(t){switch(t){case"border-radius":return Zc;case"border":return makeInterpolateBorder;case"box-shadow":return el;case"text-shadow":return hl;case"background-image":case"BackgroundImageEditor":return lu;case"filter":case"backdrop-filter":return Cu;case"clip-path":return Iu;case"transform":return zu;case"transform-origin":return Fu;case"perspective-origin":return Bu;case"stroke-dasharray":return Gu;case"d":return Nu;case"points":return Ku;case"offset-path":return Qu;case"text":return th;case"playTime":return eh}}(s);return c?c(t,e,n,r,a,o):nh}function ih(t,e,n,r,i,a,o){return rh(t,e,n,r,i,a,o)}function ah(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=t.split("(").map((function(t){return t.trim()})),n=j()(e,2),r=n[0],i=n[1];i=(i||"").split(")")[0].trim();var a=sl[r];if(a){var o=t.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()}));return a.apply(void 0,E()(o))}return oh(t)}function oh(t){var e=yi(t);return function(t){return e(t).y}}function sh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ch(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?sh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):sh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var lh=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:Lo.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return ch({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("offset","color","properties"))}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).offset=Lo.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(Ji(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(ch({checked:!0,value:Lo.z()},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(E()(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],ch({},e))}},{key:"updatePropertyByKey",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.json.properties,r=-1,i=0,a=n.length;i<a;i++)if(this.json.properties[i].key===t){r=i;break}Object.assign(this.json.properties[+r],ch({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach((function(e){t=ch({},t,{},e.toCSS())})),t}},{key:"toString",value:function(){return this.toCSSText()}}],[{key:"parse",value:function(t){return new e(t)}}]),e}(Pc);function uh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var ph=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var t=this.json,n=(t.name,t.selectedType,t.offsets);return hh({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("name","selectedType"),{offsets:n.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 lh(hh({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(E()(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()}}],[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=[],r={};if(t.keyframe){var i=_a(t.keyframe);i.str.split("|").map((function(t){return t.trim()})).forEach((function(t,a){var o=t.split(" "),s=$()(o),c=s[0],l=s[1],u=s[2],h=s.slice(3).join(" ");r[c]||(r[c]=new e({name:c}),n[a]=c);var p=r[c].offsets.filter((function(t){return t.offset.equals(Lo.parse(l))})),d=null;p.length?d=p[0]:(d=new lh({offset:Lo.parse(l)}),r[c].offsets.push(d)),d.addProperty({key:u,value:Wa(h,i.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]}))}}]),e}(Pc);function dh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?vh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var gh=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,yh({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&Bs()(So()(e.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach((function(n){Ii(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(i){var a=e.getCompiledTimingFunction(n.id,i.property);r.push(a.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,i=this.getTimelineProperty(t,e),a=this.searchById(t),o="".concat(t,".").concat(e);if(1!==i.keyframes.length){var s=Ro.body().$('[data-id="'.concat(t,'"]')),c=i.keyframes.map((function(t){return t.editor}))[0];this.json.compiledTimeline[o]=i.keyframes.map((function(t,e){var o=t,l=i.keyframes[e+1];t.editor=c,l||(l={time:t.time,value:t.value});var u={layer:a,layerElement:s,property:i.property,isOnlyTime:o.time===l.time,startTime:t.time,endTime:l.time,startValue:t.value,endValue:l.value,timing:t.timing,interpolateFunction:ih(a,i.property,t.value,l.value,t.editor,r,s),timingFunction:ah(t.timing)};return u.func=n.makeTimingFunction(u),u})).filter((function(t){return t}))}else this.json.compiledTimeline[o]=[]}},{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){Ii(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(S()({},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,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){Bc(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){Bc(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=zr(),r=yh({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 i=r.animations.filter((function(e){return e.id===t}));i[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=Fc(t,e);return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:Bc(t,0),totalTimecode:Bc(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 i=t,a=t;+i+""===i&&(a=Gc(n,i=+i)),a>r&&(a=r);var o=Fc(n,a);e.currentTime=o,e.currentTimecode=Bc(n,o)}}},{key:"setDisplayTimeDxRate",value:function(t,e,n){var r=this.getSelectedTimeline();if(r){var i=t*r.totalTime,a=e+i,o=n+i;a=Math.max(a,0),0===(a=Math.min(a,o))&&(o=n-e),o=Math.max(o,a),(o=Math.min(o,r.totalTime))===r.totalTime&&(a=r.totalTime-(n-e)),r.displayStartTime=a,r.displayEndTime=o}}},{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,i=e.fps,a=n+(r-n)*t;this.setTimelineCurrentTime(Bc(i,a))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=Gc(e.fps,n)),Fc(e.fps,r)<e.displayEndTime&&(e.displayEndTime=Fc(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=Fc(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 i=this.getTimelineKeyframeById(t,e,n);i&&(i.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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:void 0,o=this.getTimelineKeyframeById(t,e,n);o&&(Ii(a)&&(o.time=a),Ii(r)&&(o.value=r),Ii(i)&&(o.timing=i),this.compiledTimingFunction(t,e))}},{key:"addTimelineKeyframe",value:function(t){var e=t.layerId,n=t.property,r=t.value,i=t.timing,a=t.time,o=t.editor;this.addTimelineProperty(e,n);var s=this.getSelectedTimeline(),c=this.getTimelineProperty(e,n);if(c){var l=a||s.currentTime;if(!c.keyframes.filter((function(t){return t.time===l})).length){r=Di(r)||""===r?this.getDefaultPropertyValue(n):r;var u={id:zr(),layerId:e,property:n,time:l,value:r,timing:i||"linear",editor:o};return c.keyframes.push(u),c.keyframes.sort((function(t,e){return t.time>e.time?1:-1})),this.compiledTimingFunction(e,n),u}}}},{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 i=this.getSelectedTimeline(),a=n||i.currentTime,o=r.keyframes.filter((function(t){return t.time<a})),s=this.getDefaultPropertyValue(e),c="linear",l="";o.length&&(o.sort((function(t,e){return t.time>e.time?-1:1})),s=o[0].value+"",c=o[0].timing+"",l=o[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:s,timing:c,editor:l})}}},{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=Bc(t,e.currentTime),e.totalTimecode=Bc(t,e.totalTime))}},{key:"toCloneObject",value:function(){return yh({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{timeline:Xi(this.json.timeline)})}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,fh({comments:[],colors:[],gradients:[],svgfilters:[],svgimages:[],keyframes:[],images:[],imageKeys:[],videos:[],videoKeys:[],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 ph(fh({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(E()(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=fh({},t[e]);t.splice(e,0,n)}},{key:"toCloneObject",value:function(){this.json;return fh({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"))}},{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]=fh({},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),this.refreshImageKeys()}},{key:"copyImage",value:function(t){this.copyPropertyList(this.json.images,t),this.refreshImageKeys()}},{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]=fh({},this.json.images[t],{},e),this.refreshImageKeys()}},{key:"getImageValueById",value:function(t){var e=this.json.imageKeys[t];if(e)return e.local}},{key:"refreshImageKeys",value:function(){var t={};this.json.images.forEach((function(e){t[e.id]=e})),this.reset({imageKeys:t})}},{key:"addImage",value:function(t){return this.json.images.push(t),this.refreshImageKeys(),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),this.refreshVideoKeys()}},{key:"copyVideo",value:function(t){this.copyPropertyList(this.json.videos,t),this.refreshVideoKeys()}},{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]=fh({},this.json.videos[t],{},e)}},{key:"getVideoValueById",value:function(t){var e=this.json.videoKeys[t];if(e)return e.local}},{key:"refreshVideoKeys",value:function(){var t={};this.json.videos.forEach((function(e){t[e.id]=e})),this.reset({videoKeys:t})}},{key:"addVideo",value:function(t){return this.json.videos.push(t),this.refreshVideoKeys(),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]=fh({},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]=fh({},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]=fh({},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)}}]),e}(xc));function mh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var kh=Lo.z(),xh=Lo.z(),wh=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"createIndexItemMap",value:function(){return this.indexedMap||(this.indexedMap=new Map),this.indexedMap}},{key:"removeIndexItem",value:function(t){this.indexed.delete(t.id)}},{key:"getIndexItem",value:function(t){return this.indexed.get(t)}},{key:"getSearchedIndexItem",value:function(t){return this.hasIndexItem(t)?this.getIndexItem(t):this.searchById(t)}},{key:"getSearchedIndexItemList",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.map((function(t){return project.getSearchedIndexItem(t)}))}},{key:"addIndexItem",value:function(t){!1===this.hasIndexItem(t.id)&&this.indexed.set(t.id,t.ref)}},{key:"hasIndexItem",value:function(t){return this.indexed.has(t)}},{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=e.split(":"),r=j()(n,2),i=r[0],a=r[1];t["--".concat(i)]=a})),t}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,bh({itemType:"project",name:"new Project",description:"",rootVariable:""},t))}},{key:"toCloneObject",value:function(){return bh({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("name","description","rootVariable"))}},{key:"getTransformMatrix",value:function(){return i.create()}},{key:"resetMatrix",value:function(t){var e=i.getTranslation([],Mr(t.getAccumulatedMatrix(),t.getTransformMatrixInverse())),n=j()(e,2),r=n[0],a=n[1];t.reset({x:Lo.px(r),y:Lo.px(a)})}},{key:"indexed",get:function(){return this.createIndexItemMap(),this.indexedMap}},{key:"isAbsolute",get:function(){return!1}},{key:"parent",get:function(){return null}},{key:"artboards",get:function(){return(this.json.layers||[]).filter((function(t){return t.is("artboard")}))}},{key:"offsetX",get:function(){return kh}},{key:"offsetY",get:function(){return xh}},{key:"rectVerties",get:function(){return gc(this.layers)}}]),e}(gh);function Sh(t,e){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,Sh(t,e))})),e.id?n.push(t):e.includes(t.id)&&n.push(t),n}zc.registerComponent("project",wh);var Ph,jh=function(){function t(e){go()(this,t),this.$editor=e,this.project=null,this.items=[],this.itemKeys={},this.hoverId="",this.hoverItems=[],this.ids=[],this.idsString="",this.colorsteps=[],this.cachedItemVerties=[],this.cachedArtBoardVerties=[],this.cachedVerties=vc(0,0,0,0,"50% 50% 0px"),this.selectionCamera=new Ac({parent:this.currentProject,x:Lo.px(0),y:Lo.px(0),width:Lo.px(0),height:Lo.px(0)})}return bo()(t,[{key:"initialize",value:function(){this.items=[],this.itemKeys={},this.ids=[],this.idsString="",this.cachedItemVerties={}}},{key:"getRootItem",value:function(t){var e=t;return 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}},{key:"isSameIds",value:function(t){return this.ids.length==t.length&&this.ids.filter((function(e){return t.includes(e)})).length===this.ids.length}},{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 i=(n||[]).filter((function(t){return!t.lock&&t.isAbsolute})),a=i.filter((function(t){return t.path.filter((function(t){return i.includes(t)})).length<2})),o=a.map((function(t){return t.id}));return!this.isSameIds(o)&&(this.items=a,this.itemKeys={},this.items.forEach((function(e){t.itemKeys[e.id]=e})),this.ids=Object.keys(this.itemKeys),this.ids.sort(),this.idsString=this.ids.join(","),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:"empty",value:function(){this.select()}},{key:"itemsByIds",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=[];if(Li(t)?e=t:(Ai(t)||Fi(t))&&(e=[t]),e.length){var n=this.project,r=[],i=[];e.forEach((function(t){n.hasIndexItem(t)?r.push(n.getIndexItem(t)):i.push(t)}));var a=Sh(this.project,i);return a.forEach((function(t){n.addIndexItem(t)})),r.push.apply(r,a),r}return this.items}},{key:"makeItemMap",value:function(t){var e={};return this.ids.forEach((function(n){e[n]=Xi(t)})),e}},{key:"selectById",value:function(t){t&&this.select.apply(this,E()(Sh(this.project,t)))}},{key:"selectAfterCopy",value:function(){this.select.apply(this,E()(this.items.map((function(t){return t.copy()}))))}},{key:"addById",value:function(t){this.itemKeys[t]||this.select.apply(this,E()(this.items).concat(E()(Sh(this.project,t))))}},{key:"removeById",value:function(t){var e=t;Ai(t)&&(e=[t]);var n=this.items.filter((function(t){return!1===e.includes(t.id)}));this.select.apply(this,E()(n))}},{key:"toggleById",value:function(t){this.itemKeys[t]?this.removeById(t):this.addById(t)}},{key:"getArtboardByPoint",value:function(t){return this.currentProject.artboards.find((function(e){return pc(e.matrix.verties.filter((function(t,e){return e<4})),t[0],t[1])}))}},{key:"changeArtBoard",value:function(){var t=this,e=!1;return this.each((function(n){if(!1===n.is("artboard")){var r=n.rectVerties();if(n.artboard){var i=n.artboard.rectVerties();if(pc(i,r[0][0],r[0][1])||fc(r,i))return!1}var a=t.cachedArtBoardVerties.find((function(t){var e=t.matrix.verties.filter((function(t,e){return e<4}));return pc(e,r[0][0],r[0][1])||fc(r,e)}));a?a.item!==n.artboard&&(a.item.appendChildItem(n),e=!0):n.artboard&&(t.currentProject.appendChildItem(n),e=!0)}})),e}},{key:"doCache",value:function(){this.items.forEach((function(t){t.setCache()}))}},{key:"setRectCache",value:function(){this.cachedVerties=this.verties,this.cachedItemVerties=this.items.map((function(t){return t.fakeParent=void 0,t.matrix})),this.cachedArtBoardVerties=this.currentProject.artboards.map((function(t){return{item:t,matrix:t.matrix}}))}},{key:"toCloneObject",value:function(){var t={};return this.each((function(e){t[e.id]=e.toCloneObject(!1)})),t}},{key:"cloneValue",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var r={};return this.each((function(t){r[t.id]={},e.forEach((function(e){r[t.id][e]=t[e]}))})),r}},{key:"each",value:function(t){Bi(t)&&this.items.forEach((function(e,n){t(e)}))}},{key:"map",value:function(t){return Bi(t)?this.items.map((function(e,n){return t(e,n)})):this.items}},{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,E()(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,i=e.includes(r);!i&&!Di(r);)n=r,r=r.parent,i=e.includes(r);return i}},{key:"hasPoint",value:function(t){return this.isMany?pc(this.rectVerties,t[0],t[1]):this.cachedItemVerties.some((function(e){return pc(e.verties,t[0],t[1])}))}},{key:"checkHover",value:function(t){return Ai(t)?this.hoverId===t:this.hoverItems.findIndex((function(e){return e.id===t.id}))>-1}},{key:"setHoverId",value:function(t){var e=!1;return!t||this.itemKeys[t]?(""!=this.hoverId&&(e=!0),this.hoverId="",this.hoverItems=[]):this.cachedArtBoardVerties.find((function(e){return e.item.id===t}))?(""!=this.hoverId&&(e=!0),this.hoverId="",this.hoverItems=[]):(this.hoverId!=t&&(e=!0),this.hoverId=t,this.hoverItems=this.itemsByIds([t]).filter((function(t){return!1===t.is("artboard")})),0===this.hoverItems.length&&(this.hoverId="",e=!0)),e&&this.$editor.emit("changeHoverItem"),e}},{key:"current",get:function(){return this.items[0]}},{key:"currentProject",get:function(){return this.project}},{key:"isEmpty",get:function(){return!this.length}},{key:"isOne",get:function(){return 1===this.length}},{key:"isMany",get:function(){return this.length>1}},{key:"length",get:function(){return this.items.length}},{key:"snapTargetLayers",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&!t.check(e)})):[]}},{key:"snapTargetLayersWithSelection",get:function(){return this.currentProject?this.currentProject.allLayers.filter((function(t){return!t.is("project")})):[]}},{key:"selectedArtboards",get:function(){return E()(new Set(this.items.map((function(t){return t.artboard}))))}},{key:"isRelative",get:function(){return"relative"===(this.items[0]||{}).position}},{key:"verties",get:function(){return this.isOne?this.current.verties():this.rectVerties}},{key:"selectionVerties",get:function(){return this.isOne?this.current.selectionVerties():this.rectVerties}},{key:"rectVerties",get:function(){return gc(this.items)}},{key:"itemRect",get:function(){var t=this.verties;return{x:Lo.px(t[0][0]),y:Lo.px(t[0][1]),width:Lo.px(a.distance(t[0],t[1])),height:Lo.px(a.distance(t[0],t[3]))}}}]),t}(),Oh={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.layout.all":"All","app.layout.css":"CSS","app.layout.svg":"SVG","app.label.layout":"Menu Layout","app.theme.dark":"Dark","app.theme.light":"Light","app.theme.toon":"Toon","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.artboards":"Artboard","app.tab.title.assets":"Assets","app.tab.title.keyMap":"KeyMap","app.confirm.message.artboard.items.removeArtboard":"Do you remove an artboard preview really?","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.shortcuts.title":"ShortCuts","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","position.property.width":"W","position.property.height":"H","position.property.opacity":"Opacity","position.property.rotate":"Rotate","background.color.property.title":"Appearance","background.color.property.color":"Color","background.color.property.zindex":"z-index","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":"Appearance","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.reverse":"Reverse","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","inspector.tab.title.history":"History","timeline.property.title":"Timeline","timeline.property.resize":"Drag if you want to resize timeline height.","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","timeline.value.editor.offset.message":"Please input enter key to change time offset.","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","viewport.panning.enable":"You can move the area by holding down space key and dragging the screen."},fr_FR:(Ph={"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.layout.all":"All","app.layout.css":"CSS","app.layout.svg":"SVG","app.label.layout":"Menu Layout","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.artboards":"Artboard","app.tab.title.assets":"Elements","app.tab.title.keyMap":"Clavier","app.confirm.message.artboard.items.removeArtboard":"Do you remove an artboard preview really?","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.shortcuts.title":"ShortCuts","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","position.property.width":"Largeur","position.property.height":"Hauteur","position.property.opacity":"Opacity","position.property.rotate":"Rotate","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":"Appearance","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.reverse":"Reverse","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","inspector.tab.title.history":"History"},S()(Ph,"inspector.tab.title.history","History"),S()(Ph,"timeline.property.title","Chronologie"),S()(Ph,"timeline.property.resize","Drag if you want to resize timeline height."),S()(Ph,"timeline.animation.property.title","Animations"),S()(Ph,"timeline.play.control.play","Jouer"),S()(Ph,"timeline.play.control.pause","Pause"),S()(Ph,"timeline.play.control.first","Premier"),S()(Ph,"timeline.play.control.prev","Précédent"),S()(Ph,"timeline.play.control.next","Suivant"),S()(Ph,"timeline.play.control.last","Dernier"),S()(Ph,"timeline.play.control.direction","Direction"),S()(Ph,"timeline.play.control.speed","Vitesse"),S()(Ph,"timeline.play.control.repeat","Répéter"),S()(Ph,"timeline.play.control.infinite","Infini"),S()(Ph,"timeline.play.control.normal","normal"),S()(Ph,"timeline.play.control.alternate","alternatif"),S()(Ph,"timeline.play.control.reverse","inverse"),S()(Ph,"timeline.play.control.alternate.reverse","inverse alternatif"),S()(Ph,"timeline.value.editor.value","Valeur"),S()(Ph,"timeline.value.editor.time","Temps"),S()(Ph,"timeline.value.editor.timing","Calage temps"),S()(Ph,"timeline.value.editor.offset.message","Please input enter key to change time offset."),S()(Ph,"svgfilter.popup.title","Filtre SVG"),S()(Ph,"css.item.rotate","Rotation"),S()(Ph,"css.item.rotateX","Rotation X"),S()(Ph,"css.item.rotateY","Rotation Y"),S()(Ph,"css.item.rotateZ","Rotation Z"),S()(Ph,"css.item.rotate3d","Rotation 3D"),S()(Ph,"css.item.skewX","Oblique X"),S()(Ph,"css.item.skewY","Oblique Y"),S()(Ph,"css.item.translate","Translation"),S()(Ph,"css.item.translateX","Translation X"),S()(Ph,"css.item.translateY","Translation Y"),S()(Ph,"css.item.translateZ","Translation Z"),S()(Ph,"css.item.translate3d","Translation 3D"),S()(Ph,"css.item.perspective","Perspéctive"),S()(Ph,"css.item.scale","Echelle"),S()(Ph,"css.item.scaleX","Echelle X"),S()(Ph,"css.item.scaleY","Echelle Y"),S()(Ph,"css.item.scaleZ","Echelle Z"),S()(Ph,"css.item.scale3d","Echelle 3D"),S()(Ph,"css.item.matrix","Matrice"),S()(Ph,"css.item.matrix3d","Matrice 3D"),S()(Ph,"animation.property.title","Animation CSS"),S()(Ph,"animation.property.direction","Direction"),S()(Ph,"animation.property.play.state","Etat lecture"),S()(Ph,"animation.property.fill.mode","Mode remplissage"),S()(Ph,"animation.property.delay","Délais"),S()(Ph,"animation.property.duration","Durée"),S()(Ph,"animation.property.iteration.count","Nombre Itérations"),S()(Ph,"animation.property.Select a keyframe","Selectionner une image clé"),S()(Ph,"animation.property.popup.title","Animation"),S()(Ph,"animation.property.popup.timing.function","Fonction temps"),S()(Ph,"animation.property.popup.keyframe","image clé"),S()(Ph,"animation.property.popup.direction","Direction"),S()(Ph,"animation.property.popup.play.state","Etat lecture"),S()(Ph,"animation.property.popup.fill.mode","Mode remplissage"),S()(Ph,"animation.property.popup.delay","Délais"),S()(Ph,"animation.property.popup.duration","Duréé"),S()(Ph,"animation.property.popup.iteration","Itération"),S()(Ph,"animation.property.popup.normal","normal"),S()(Ph,"animation.property.popup.reverse","inverse"),S()(Ph,"animation.property.popup.alternate","alternatif"),S()(Ph,"animation.property.popup.alternate-reverse","inverse alternatif"),S()(Ph,"animation.property.popup.none","Aucun"),S()(Ph,"animation.property.popup.forwards","en avant"),S()(Ph,"animation.property.popup.backwards","en arrière"),S()(Ph,"animation.property.popup.both","les deux"),S()(Ph,"animation.property.popup.Select a keyframe","Selectionner une image clé"),S()(Ph,"keyframe.popup.title","image clé"),S()(Ph,"code.view.property.title","Vue code"),S()(Ph,"svg.filter.editor.tab.filter","Filtrer"),S()(Ph,"svg.filter.editor.tab.preset","Pre-rempli"),S()(Ph,"svg.filter.editor.tab.asset","Eléments"),S()(Ph,"svg.filter.editor.GRAPHIC REFERENCES","REFERENCES GRAPHIQUES"),S()(Ph,"svg.filter.editor.SOURCES","SOURCES"),S()(Ph,"svg.filter.editor.MODIFIER","MODIFIER"),S()(Ph,"svg.filter.editor.LIGHTING","ECLAIRAGE"),S()(Ph,"svg.filter.editor.COMBINERS","COMBINER"),S()(Ph,"svg.filter.editor.Template","Modèle"),S()(Ph,"layout.property.title","Disposition"),S()(Ph,"layout.property.flex","Boîte Flex"),S()(Ph,"layout.property.grid","Grille"),S()(Ph,"layout.property.default","Défaut"),S()(Ph,"flex.layout.editor.row","Ligne"),S()(Ph,"flex.layout.editor.column","Colonne"),S()(Ph,"flex.layout.editor.row-reverse","Inverse ligne"),S()(Ph,"flex.layout.editor.column-reverse","Inverse Colonne"),S()(Ph,"flex.layout.editor.nowrap","Non-emballé"),S()(Ph,"flex.layout.editor.wrap","Emballé (wrap)"),S()(Ph,"flex.layout.editor.wrap-reverse","Inverse emballé"),S()(Ph,"flex.layout.editor.flex-start","Début"),S()(Ph,"flex.layout.editor.flex-end","Fin"),S()(Ph,"flex.layout.editor.center","Centrer"),S()(Ph,"flex.layout.editor.space-between","Entre"),S()(Ph,"flex.layout.editor.space-around","Autour"),S()(Ph,"flex.layout.editor.baseline","Base"),S()(Ph,"flex.layout.editor.stretch","Etirement"),S()(Ph,"flex.layout.editor.direction","Direction"),S()(Ph,"flex.layout.editor.justify-content","Justifier"),S()(Ph,"flex.layout.editor.align-items","Aligner objets"),S()(Ph,"flex.layout.editor.align-content","Aligner contenu"),S()(Ph,"flex.layout.item.property.title","Détail Disposition objet"),S()(Ph,"flex.layout.item.property.grow","Augmenter Flex"),S()(Ph,"flex.layout.item.property.shrink","Réduire Flex"),S()(Ph,"flex.layout.item.property.basis","Base Flex"),S()(Ph,"flex.layout.item.property.none","Aucun"),S()(Ph,"flex.layout.item.property.auto","auto"),S()(Ph,"flex.layout.item.property.value","valeur"),S()(Ph,"grid.layout.editor.template.columns","Colonne"),S()(Ph,"grid.layout.editor.column.gap","Espace Colonne"),S()(Ph,"grid.layout.editor.template.rows","Lignes"),S()(Ph,"grid.layout.editor.row.gap","Espace lignes"),S()(Ph,"grid.box.editor.box.title","Boîte"),S()(Ph,"grid.box.editor.type","Type"),S()(Ph,"grid.box.editor.repeat","Répéter"),S()(Ph,"grid.box.editor.length","Longueur"),S()(Ph,"grid.box.editor.none","Aucun"),S()(Ph,"grid.box.editor.auto","Auto"),S()(Ph,"grid.box.editor.count","Compte"),S()(Ph,"grid.box.editor.value","Taille"),S()(Ph,"grid.layout.item.property.title","Détail disposition objets"),S()(Ph,"grid.layout.item.property.column","Colonne"),S()(Ph,"grid.layout.item.property.row","Ligne"),S()(Ph,"grid.layout.item.property.start","Début"),S()(Ph,"grid.layout.item.property.end","Fin"),S()(Ph,"grid.layout.item.property.none","Aucun"),S()(Ph,"grid.layout.item.property.value","valeur"),S()(Ph,"box.model.property.title","Modèle"),S()(Ph,"box.model.property.margin","Marge"),S()(Ph,"box.model.property.padding","Espace"),S()(Ph,"component.items.canvas","Toile"),S()(Ph,"component.items.layer","Objet"),S()(Ph,"component.items.3dlayer","Objet 3D"),S()(Ph,"component.items.drawing","Dessin"),S()(Ph,"component.items.custom","Composant personnalisé"),S()(Ph,"svg.text.property.title","Style SVG Texte"),S()(Ph,"svg.text.property.textarea","Zone Texte"),S()(Ph,"svg.text.property.size","Taille"),S()(Ph,"svg.text.property.weight","Poids"),S()(Ph,"svg.text.property.style","Style"),S()(Ph,"svg.text.property.anchor","Ancre Texte"),S()(Ph,"svg.text.property.family","Famille"),S()(Ph,"svg.text.property.length.adjust","Ajusteement longueur"),S()(Ph,"svg.text.property.text.length","Ajusteement Texte"),S()(Ph,"svg.text.property.start.offset","Décallage départ"),S()(Ph,"fill.picker.popup.title","Sélection Fragment SVG"),S()(Ph,"gradient.editor.drag.message","Glisser pour déplacer centre."),S()(Ph,"draw.manager.tolerance","Tolérance"),S()(Ph,"pattern.property.title","Motif"),S()(Ph,"pattern.info.popup.title","Info Motif"),S()(Ph,"pattern.info.popup.width","Largeur"),S()(Ph,"pattern.info.popup.height","Hauteur"),S()(Ph,"pattern.info.popup.lineWidth","Largeur ligne"),S()(Ph,"pattern.info.popup.lineHeight","Hauteur de ligne"),S()(Ph,"pattern.info.popup.rotate","Rotatation"),S()(Ph,"pattern.info.popup.blend","Mélange"),S()(Ph,"pattern.info.popup.foreColor","Avant"),S()(Ph,"pattern.info.popup.backColor","Arrière"),S()(Ph,"stroke.dasharray.editor.add","Ajout tiret"),S()(Ph,"viewport.panning.enable","You can move the area by holding down space and dragging the screen."),Ph),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.layout.all":"전체","app.layout.css":"CSS","app.layout.svg":"SVG","app.label.layout":"메뉴구성","app.theme.dark":"어두운","app.theme.light":"밝은","app.theme.toon":"그리기","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.artboards":"아트보드","app.tab.title.assets":"에셋","app.tab.title.keyMap":"단축키","app.confirm.message.artboard.items.removeArtboard":"아트보드 프리뷰를 삭제 하시겠습니까?","menu.item.download.title":"다운로드","menu.item.save.title":"저장","menu.item.export.title":"내보내기","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"전체화면","menu.item.shortcuts.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":"크기","position.property.width":"넓이","position.property.height":"높이","position.property.rotate":"회전","position.property.opacity":"투명","background.color.property.title":"표시","background.color.property.color":"배경색","background.color.property.zindex":"z-index","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.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.reverse":"순서변경","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":"코드","inspector.tab.title.history":"기록","timeline.property.title":"타임라인","timeline.property.resize":"타임라인 높이를 변경합니다. 드래그 해주세요.","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":"타이밍 함수","timeline.value.editor.offset.message":"Enter키를 입력하면 적용됩니다.","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":"점 추가","viewport.panning.enable":"space 를 누른채 화면을 드래그 하면 영역을 움직일 수 있습니다."}},$h={locales:Oh,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=Oh[n][t]||Oh.en_US[t]||t||void 0;if(Bi(r))return r(e);var i=r;return t===i?t.split(".").pop():(Ci(e,(function(t,e){i=i.replace(new RegExp("{".concat(t,"}"),"ig"),e)})),i)},hasKey:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en_US";return!(!Oh[e][t]&&!Oh.en_US[t])}},Ch={dark:{left_size:250,left_max_size:400,bottom_size:150,bottom_max_size:500,timeline_grid_font_color:"#ececec",timeline_line_color:"red",timeline_timeview_bottom_color:"black"},light:{left_size:250,left_max_size:400,bottom_size:150,bottom_max_size:500,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"},toon:{left_size:250,left_max_size:400,bottom_size:150,bottom_max_size:500,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"}};function Eh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var Th=function(){function t(e){go()(this,t),this.$editor=e,this.items=[],this.itemKeys={}}return bo()(t,[{key:"initialize",value:function(){this.items=[],this.itemKeys={}}},{key:"currentProject",value:function(t){var e=this.$editor.selection.currentProject;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?Eh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Eh(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.currentProject((function(n){var r=n.getKeyframeListReturnArray().filter((function(e){return e.layerId===t}));e.refreshCache(r)}))}},{key:"toggleLayerContainer",value:function(t){this.currentProject((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.currentProject((function(r){var i=r.getKeyframeListReturnArray().filter((function(n){return n.layerId===t&&n.property===e}));n.refreshCache(i)}))}},{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.currentProject((function(i){var a=[];t.forEach((function(t){var r=[];if(t.property){var o=i.getTimelineProperty(t.layerId,t.property);r=o.keyframes.filter((function(t){return e<=t.time&&t.time<=n}))}else{(o=i.getTimelineObject(t.layerId)).properties.filter((function(e){return e.property===t.property})).forEach((function(t){r.push.apply(r,t.keyframes.filter((function(t){return e<=t.time&&t.time<=n})))}))}a.push.apply(a,r)}));var o={};a.forEach((function(t){o[t.id]=t})),r.select.apply(r,E()(Object.values(o)))}))}},{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}))}}]),t}();var Vh={command:"setAttribute",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;t.selection.itemsByIds(n).forEach((function(n){Object.keys(e).forEach((function(t){var r=e[t];Bi(r)&&(r=r(n)),n.reset(S()({},t,r))})),n.setCache(),t.emit("refreshElement",n)}))}};function Mh(t){t.emit("noneSelectMenu"),t.emit("refreshAll"),t.nextTick((function(){t.emit("refreshSelectionTool")}))}function Dh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ih(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Dh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Dh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Lh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Lh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Lh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ah(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ah(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ah(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Fh={command:"fileDropItems",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];t.emit("updateResource",e)}},Bh={command:"updateImage",execute:function(t,e,n,r){var i=new FileReader;i.onload=function(i){var a=i.target.result,o=URL.createObjectURL(e);t.emit("addImageAssetItem",{id:zr(),type:e.type,name:e.name,original:a,local:o},n,r)},i.readAsDataURL(e)}},Gh={command:"updateVideo",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=new FileReader;i.onload=function(i){var a=i.target.result,o=URL.createObjectURL(e);t.emit("addVideoAssetItem",{id:zr(),type:e.type,name:e.name,original:a,local:o},n,r)},i.readAsDataURL(e)}};function Hh(t,e){var n=new Image;n.onload=function(){var r={id:t.id,local:t.local,naturalWidth:Lo.px(n.naturalWidth),naturalHeight:Lo.px(n.naturalHeight),width:Lo.px(n.naturalWidth),height:Lo.px(n.naturalHeight)};e&&e(r,n)},n.onerror=function(t){console.log(t,t.message)},n.src=t.local}function Nh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Nh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Nh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Yh={command:"addImageAssetItem",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=t.selection.currentProject;i&&(i.createImage(e),t.emit("addImageAsset"),Hh(e,(function(i){var a=n.width.value/i.width.value,o=n.width,s=Lo.px(i.height.value*a);t.emit("addImage",Xh({src:e.id},i,{},n,{width:o,height:s}),r),t.changeMode(em),t.emit("afterChangeMode")})))}};function _h(t,e){var n=document.createElement("video");n.onloadeddata=function(){var r={local:t.local,naturalWidth:Lo.px(n.videoWidth),naturalHeight:Lo.px(n.videoHeight),width:Lo.px(n.videoWidth),height:Lo.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 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){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Kh(Object(n),!0).forEach((function(e){S()(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}var Uh={command:"addVideoAssetItem",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=t.selection.currentProject;i&&(i.createVideo(e),t.emit("addVideoAsset"),_h(e,(function(i){t.emit("addVideo",Wh({src:e.id},i,{},n),r),t.changeMode(em),t.emit("afterChangeMode")})))}};function Zh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var qh={command:"dropImageUrl",execute:function(t,e){Hh({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?Zh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Zh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({src:e.local},e)),t.changeMode(em),t.emit("afterChangeMode")}))}},Jh={command:"addSVGFilterAssetItem",execute:function(t,e){var n=t.selection.currentProject;if(n){var r=zr(),i=n.createSVGFilter({id:r,filters:[]});e&&e(i,r)}}},Qh={command:"updateImageAssetItem",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var i=r.target.result,a=URL.createObjectURL(e),o=t.selection.currentProject;if(o){var s=o.createImage({id:zr(),type:e.type,name:e.name,original:i,local:a});t.emit("addImageAsset"),Bi(n)&&n(s.id)}},r.readAsDataURL(e)}},tp={command:"updateVideoAssetItem",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var i=r.target.result,a=URL.createObjectURL(e),o=t.selection.currentProject;o&&(o.createVideo({id:zr(),type:e.type,name:e.name,original:i,local:a}),t.emit("addVideoAsset"),Bi(n)&&n(a))},r.readAsDataURL(e)}},ep=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"parse",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=e.split("data:"),i=j()(r,2),a=(i[0],i[1]),o=a.split(","),s=$()(o),c=s[0],l=s.slice(1),u=c.split(";"),h=j()(u,2),p=h[0],d=h[1];return l=l.join(","),{mimeType:p,local:n&&t.getLink(p,d,l)}}},{key:"getLink",value:function(t,e,n){if("base64"===e){for(var r=atob(n),i=r.length,a=new Uint8Array(i),o=0;o<i;o++)a[o]=r.charCodeAt(o);var s=new Blob([a],{type:t});return URL.createObjectURL(s)}return""}}]),t}(),np={command:"updateUriList",execute:function(t,e){var n=e.data;if(n.indexOf("data:")>-1){var r=ep.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("addImageAssetItem",{id:zr(),type:r.mimeType,name:"",original:n,local:r.local})}}else{var i=e.data.split(".").pop(),a=e.data.split("/").pop();switch(i){case"png":case"jpg":case"gif":case"svg":t.emit("addImageAssetItem",{id:zr(),type:"image/"+i,name:a,original:e.data,local:e.data})}}}};function rp(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 ip={command:"downloadJSON",execute:function(t,e){var n=JSON.stringify(t.projects);rp("data:application/json;base64,"+window.btoa(n),e||"easylogic.json")}},ap=new Map,op=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"has",value:function(t){return ap.has(t)}},{key:"get",value:function(t){return ap.get(t)}},{key:"set",value:function(t,e){ap.size>1e3&&ap.clear(),ap.set(t,e)}}]),t}();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 cp(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){S()(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}var lp=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,up=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,cp({itemType:"pattern"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=bp[t.type];if(e)return new e(t)}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;if(op.has(t))return op.get(t);var r=_a(t);return(r.str.match(lp)||[]).forEach((function(t,i){var a=t.split("("),o=j()(a,2),s=o[0],c=o[1],l=(c=c.split(")")[0]).split(",").map((function(t){return t.trim()})),u=j()(l,6),h=u[0],p=u[1],d=u[2],f=u[3],v=u[4],y=u[5],g=h.split(" "),m=j()(g,2),b=m[0],k=m[1],x=p.split(" "),w=j()(x,2),S=w[0],P=w[1],O=(y||"").split(" "),$=j()(O,2),C=$[0],E=$[1];n[i]=e.parse({type:s,x:Lo.parse(S),y:Lo.parse(P),width:Lo.parse(b),height:Lo.parse(k),foreColor:Wa(d,r.matches),backColor:Wa(f,r.matches),blendMode:v||"normal",lineWidth:Lo.parse(C||"1px"),lineHeight:Lo.parse(E||"1px")})})),op.set(t,n),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,eu.parseStyle(Qi(t.toCSS())))})),eu.joinCSS(n)}}]),e}(Pc),hp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"base",x:Lo.z(),y:Lo.z(),width:Lo.px(20),height:Lo.px(20),lineWidth:Lo.px(1),lineHeight:Lo.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).width=Lo.parse(t.width),t.height=Lo.parse(t.height),t.lineWidth=Lo.parse(t.lineWidth),t.lineHeight=Lo.parse(t.lineHeight),t.x=Lo.parse(t.x),t.y=Lo.parse(t.y),t}},{key:"toString",value:function(){var t=this.json,e=t.type,n=t.width,r=t.height,i=t.x,a=t.y,o=t.foreColor,s=t.backColor,c=t.blendMode,l=t.lineWidth,u=t.lineHeight;return"".concat(e,"(").concat(n," ").concat(r,", ").concat(i," ").concat(a,", ").concat(o,", ").concat(s,", ").concat(c,", ").concat(l," ").concat(u,")")}}]),e}(up),pp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.y,a=t.backColor,o=t.foreColor,s=t.blendMode;return a=a||"transparent","\n      background-image: repeating-linear-gradient(45deg, ".concat(o=o||"black"," 25%, ").concat(a," 25%, ").concat(a," 75%, ").concat(o," 75%, ").concat(o," 100%),repeating-linear-gradient(45deg, ").concat(o," 25%, ").concat(a," 25%, ").concat(a," 75%, ").concat(o," 75%, ").concat(o," 100%);\n      background-position: 0px 0px, ").concat(r," ").concat(i,";\n      background-size: ").concat(e," ").concat(n,", ").concat(e," ").concat(n,";\n      background-blend-mode: ").concat(s,", ").concat(s,";\n    ")}}]),e}(hp),dp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.lineHeight,a=t.backColor,o=t.foreColor,s=t.blendMode;return a=a||"transparent","\n      background-image: linear-gradient(".concat(o=o||"black"," ").concat(i,", ").concat(a," ").concat(i,"),linear-gradient(to right, ").concat(o," ").concat(r,", ").concat(a," ").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(s,", ").concat(s,";      \n    ")}}]),e}(hp),fp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=(t.lineHeight,t.backColor),a=t.foreColor,o=t.blendMode;return i=i||"transparent","\n      background-image: radial-gradient(".concat(a=a||"black"," ").concat(r,", ").concat(i," ").concat(r,");\n      background-size: ").concat(e.value/2,"px ").concat(n.value/2,"px;          \n      background-blend-mode: ").concat(o,";      \n    ")}}]),e}(hp),vp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.y,a=t.lineWidth,o=(t.lineHeight,t.backColor),s=t.foreColor,c=t.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(s=s||"black"," ").concat(a,", ").concat(o," ").concat(a,"),radial-gradient(").concat(s," ").concat(a,", ").concat(o," ").concat(a,");\n      background-size: ").concat(e," ").concat(n,",").concat(e," ").concat(n,";\n      background-position: 0px 0px, ").concat(r," ").concat(i,";      \n      background-blend-mode: multiply, ").concat(c,";\n    ")}}]),e}(hp),yp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.lineWidth,a=t.backColor,o=t.foreColor,s=t.blendMode;return a=a||"transparent",o=o||"black","\n      background-image: repeating-linear-gradient(".concat(r,", ").concat(o," 0, ").concat(o," ").concat(i,", ").concat(a," 0, ").concat(a," 50%);\n      background-size: ").concat(e," ").concat(n,";      \n      background-blend-mode: ").concat(s,";\n    ")}}]),e}(hp),gp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.y,a=t.lineWidth,o=t.backColor,s=t.foreColor,c=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(s=s||"black"," 0px, ").concat(s," ").concat(a,", ").concat(o," ").concat(a,", ").concat(o," 100%);\n      background-size: ").concat(e," ").concat(n,"; \n      background-position: ").concat(r," ").concat(i,";        \n      background-blend-mode: ").concat(c,";\n    ")}}]),e}(hp),mp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.y,a=t.lineWidth,o=t.backColor,s=t.foreColor,c=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(s=s||"black"," 0px, ").concat(s," ").concat(a,", ").concat(o," ").concat(a,", ").concat(o," 100%);    \n      background-position: ").concat(r," ").concat(i,";\n      background-size: ").concat(e," ").concat(n,";   \n      background-blend-mode: ").concat(c,";\n    ")}}]),e}(hp),bp={check:pp,grid:dp,dot:fp,"cross-dot":vp,"diagonal-line":yp,"vertical-line":gp,"horizontal-line":mp},kp={CheckPattern:pp,GridPattern:dp,DotPattern:fp,CrossDotPattern:vp,DiagonalLinePattern:yp,VerticalLinePattern:gp,HorizontalLinePattern:mp};function xp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?xp(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Sp={},Pp=["text-fill-color","text-stroke-color","text-stroke-width","background-clip"],jp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toStringPropertyCSS",value:function(t,e){return Qi(t[e])}},{key:"toBackgroundImageCSS",value:function(t){if(""===t["background-image"]&&""===t.pattern)return Sp;var e=[];if(t.pattern)for(var n=up.parseStyle(t.pattern),r=0,i=n.length;r<i;r++)e.push.apply(e,eu.parseStyle(Qi(n[r].toCSS())));return t["background-image"]&&e.push.apply(e,eu.parseStyle(Qi(t["background-image"]))),e.length?eu.joinCSS(e):{}}},{key:"toLayoutCSS",value:function(t){var e=t.layout;if(t.hasLayout()){if("flex"===e)return this.toFlexLayoutCSS(t);if("grid"===e)return this.toGridLayoutCSS(t)}return{}}},{key:"toLayoutItemCSS",value:function(t){var e=t.parent.layout,n={};return"flex"===e?n={position:"relative",left:"auto !important",top:"auto !important"}:"grid"===e&&(n={position:"relative",left:"auto !important",top:"auto !important",width:"auto !important",height:"auto !important"}),"flex"===e?n=wp({},n,{},Qi(t["flex-layout-item"])):"grid"===e&&(n=wp({},n,{},Qi(t["grid-layout-item"]))),n}},{key:"toFlexLayoutCSS",value:function(t){return wp({display:"flex"},this.toStringPropertyCSS(t,"flex-layout"))}},{key:"toGridLayoutCSS",value:function(t){return wp({display:"grid"},this.toStringPropertyCSS(t,"grid-layout"))}},{key:"toBorderCSS",value:function(t){return this.toStringPropertyCSS(t,"border")}},{key:"toKeyCSS",value:function(t){return item[t]?S()({},t,item[t]):{}}},{key:"toBoxModelCSS",value:function(t){var 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(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n={};return e.filter((function(e){return Ii(t[e])})).forEach((function(e){n[e]=t[e]})),n}},{key:"toDefaultCSS",value:function(t){var e={};return t.isAbsolute&&(t.x&&(e.left=t.x),t.y&&(e.top=t.y)),e.visibility=t.visible?"visible":"hidden",wp({},e,{},this.toKeyListCSS(t,["position","width","height","overflow","z-index","box-sizing","background-color","color","opacity","mix-blend-mode","transform-origin","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","animation","transition"]))}},{key:"toVariableCSS",value:function(t){var e={};return t.variable.split(";").filter((function(t){return t.trim()})).forEach((function(t){var n=t.split(":"),r=j()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toRootVariableCSS",value:function(t){var e={};return t.rootVariable.split(";").filter((function(t){return t.trim()})).forEach((function(t){var n=t.split(":"),r=j()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toRootVariableString",value:function(t){return Ji(this.toRootVariableCSS(t))}},{key:"toWebkitCSS",value:function(t){var e={};return Pp.forEach((function(n){e["-webkit-".concat(n)]=t[n]})),e}},{key:"toTextClipCSS",value:function(t){var e={};return"text"===t["text-clip"]&&(e["-webkit-background-clip"]="text",e["-webkit-text-fill-color"]="transparent",e.color="transparent"),e}},{key:"toTransformCSS",value:function(t){if("0deg"===t.rotate&&""===t.transform)return Sp;if(0===t.rotate.value&&""===t.transform)return Sp;var e=[t.transform,t.rotate].join(":::");e!=this._transformCacheKey&&(this._transformCache=Ec.rotate(t.transform,t.rotate),this._transformCacheKey=e);var n={transform:this._transformCache};return"rotate(0deg)"===n.transform&&delete n.transform,n}},{key:"toDefInnerString",value:function(t){return"\n      ".concat(this.toClipPath(t),"\n    ").trim()}},{key:"toClipPath",value:function(t){if(""===t["clip-path"])return"";var e=Du.parseStyle(t["clip-path"]),n=e.value;switch(e.type){case"path":return'<clipPath id="'.concat(this.clipPathId(t),'"><path d="').concat(n,'" /></clipPath>');case"svg":return'<clipPath id="'.concat(this.clipPathId(t),'">').concat(n,"</clipPath>")}return""}},{key:"toClipPathCSS",value:function(t){var e=t["clip-path"];if(!1===Boolean(e))return null;switch(Du.parseStyle(e).type){case"path":case"svg":e="url(#".concat(this.clipPathId(t),")")}return{"clip-path":e}}},{key:"innerSVGId",value:function(t){return t.id+"inner-svg"}},{key:"clipPathId",value:function(t){return t.id+"clip-path"}},{key:"toDefString",value:function(t){var e=this.toDefInnerString(t);return e?"\n    <svg class='inner-svg-element' data-id=\"".concat(this.innerSVGId(t),'" width="0" height="0">\n      <defs>\n        ').concat(e,"\n      </defs>\n    </svg>\n    "):""}},{key:"toSelectorString",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.selectors.map((function(t){return t.toString(e)})).join("\n\n")}},{key:"generateView",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="\n  ".concat(e," {  /* ").concat(t.itemType," */\n      ").concat(Ji(this.toCSS(t),"\n    "),"; \n      ").concat(n,"\n  }\n  ").concat(this.toNestedCSS(t).map((function(t){return"".concat(e," ").concat(t.selector," { \n        ").concat(t.cssText?t.cssText:Ji(t.css||{},"\n\t\t"),"; \n    }")})).join("\n"),"\n  ").concat(this.toSelectorString(t,e),"\n    ");return r}},{key:"toCSS",value:function(t){return Object.assign({},this.toVariableCSS(t),this.toDefaultCSS(t),this.toClipPathCSS(t),this.toWebkitCSS(t),this.toTextClipCSS(t),this.toBoxModelCSS(t),this.toBorderCSS(t),this.toBackgroundImageCSS(t),this.toLayoutCSS(t),this.toTransformCSS(t),this.toLayoutItemCSS(t))}},{key:"toStyle",value:function(t,e){var n=this.generateView(t,".element-item[data-id='".concat(t.id,"']"));return("\n        <style type='text/css' data-id='".concat(t.id,"' data-timestamp='").concat(t.timestamp,"'>").concat(n,"</style>\n    ")+t.layers.map((function(t){return e.toStyle(t,e)})).join(""))}},{key:"render",value:function(t,e){var n=t.elementType,r=t.id,i=t.name,a=t.itemType,o=n||"div";return"    \n      <".concat(o,' class="').concat(ea(S()({"element-item":!0},a,!0)),'" ').concat(ta({"data-id":r,"data-title":i}),">\n        ").concat(this.toDefString(t),"\n        ").concat(t.layers.map((function(t){return e.render(t,e)})).join("\n\t"),"\n      </").concat(o,">\n    ")}},{key:"renderSVG",value:function(t,e){}},{key:"toNestedCSS",value:function(t){return[]}},{key:"update",value:function(t,e){var n=e.el.$svg;if(n||(e.el.$svg=e.$('[data-id="'.concat(this.innerSVGId(t),'"]')),n=e.el.$svg),n){var r=this.toDefInnerString(t);if(r)n.$("defs").html(r)}else{var i=this.toDefString(t);if(i){var a=Ro.createByHTML(i);a&&e.prepend(a)}}}}]),e}(function(){function t(){go()(this,t)}return bo()(t,[{key:"getInnerId",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.id+e}}]),t}());function Op(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Op(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Op(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Cp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toDefaultCSS",value:function(t){return $p({overflow:"visible"},this.toKeyListCSS(t,["font-size","font-stretch","line-height","font-weight","font-family","font-style","text-align","text-transform","text-decoration","letter-spacing","word-spacing","text-indent","background-color","border-radius","transform-style"]))}},{key:"toCSS",value:function(t){var e=Object.assign({},this.toVariableCSS(t),this.toDefaultCSS(t),this.toClipPathCSS(t),this.toWebkitCSS(t),this.toTextClipCSS(t),this.toTransformCSS(t),this.toLayoutItemCSS(t),this.toBackgroundImageCSS(t));return delete e.left,delete e.top,delete e.width,delete e.height,delete e.position,e}},{key:"toSVGAttribute",value:function(t){return $p({},this.toDefaultCSS(t),{},this.toKeyListCSS(t,["stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"]))}},{key:"wrappedRender",value:function(t,e){var n=t.id,r=t.x,i=t.y,a=t.width,o=t.height,s=t.itemType;return("\n\n            <svg class='svg-element-item ".concat(s,'\'\n                xmlns="http://www.w3.org/2000/svg"\n                data-id="').concat(n,'"\n                x="').concat(r.value,'"\n                y="').concat(i.value,'"\n                width="').concat(a.value,'"\n                height="').concat(o.value,'"\n                overflow="visible"\n            >\n                ').concat(this.toDefString(t),"\n                ").concat(Bi(e)&&e(),"\n            </svg>\n        "))}},{key:"render",value:function(t,e){var n=t.width,r=t.height,i=t.elementType||"div",a=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n                <foreignObject \n                    width="'.concat(n.value,'"\n                    height="').concat(r.value,'"\n                    overflow="visible"\n                >\n                    <').concat(i,' xmlns="http://www.w3.org/1999/xhtml" style="').concat(Ji(a),';width:100%;height:100%;"></').concat(i,">\n                </foreignObject>    \n                ").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n            ")}))}}]),e}(jp),Ep=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCSS",value:function(t){var e=Object.assign({},this.toDefaultCSS(t),this.toClipPathCSS(t),this.toWebkitCSS(t),this.toTextClipCSS(t),this.toBackgroundImageCSS(t));return delete e.left,delete e.top,delete e.width,delete e.height,delete e.position,e}},{key:"render",value:function(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=(t.x,t.y,t.width),i=t.height,a=this.toCSS(t);return"\n".concat(n?'<?xml version="1.0"?>':"",'\n<svg \n    xmlns="http://www.w3.org/2000/svg"\n    width="').concat(r.value,'"\n    height="').concat(i.value,'"\n    viewBox="0 0 ').concat(r.value," ").concat(i.value,'"\n    style="').concat(Ji(a),'"\n>\n    ').concat(this.toDefString(t),"\n    ").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n</svg>      \n        ")}}]),e}(Cp),Tp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(Cp),Vp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(Tp),Mp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getUrl",value:function(t){var e=t.src;return t.project.getImageValueById(e)}},{key:"render",value:function(t){var e=this,n=t.width,r=t.height,i=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n            <foreignObject\n                width="'.concat(n.value,'"\n                height="').concat(r.value,'"\n            >\n                <div xmlns="http://www.w3.org/1999/xhtml">\n                    <img src=\'').concat(e.getUrl(t),"' style=\"width:100%;height:100%; ").concat(Ji(i),'"  />\n                </div>\n            </foreignObject>              \n          ')}))}},{key:"update",value:function(t,n){var r=n.$("img");r&&r.attr("src",this.getUrl(t)),Bs()(So()(e.prototype),"update",this).call(this,t,n)}}]),e}(Tp),Dp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"render",value:function(t,e){return t.artboards.map((function(t){return e.render(t,e)}))}}]),e}(Cp),Ip=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(Tp),Lp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}]),e}(wl);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 Ap(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){S()(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}var zp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(t){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Ap({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Ap({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("x1","y1","x2","y2","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,i=e.x2,a=e.y2,o=e.spreadMethod;return('\n        <linearGradient \n            id="'.concat(t,'"\n            x1="').concat(n,'"\n            x2="').concat(i,'"\n            y1="').concat(r,'"\n            y2="').concat(a,'"\n            spreadMethod="').concat(o,'"\n          >\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,")")}}],[{key:"toLinearGradient",value:function(t){return 0===t.length?"none":new LinearGradient({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var n=_a(t),r={},i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(t.includes("@"))t=Wa(t,n.matches),i.push.apply(i,ml.parse(t));else{var a=t.split(" "),o=j()(a,5),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4];r.x1=Lo.parse(s),r.y1=Lo.parse(c),r.x2=Lo.parse(l),r.y2=Lo.parse(u),r.spreadMethod=h||"pad"}})),new e(Ap({},r,{colorsteps:i}))}}]),e}(Lp);function Fp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bp(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fp(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Gp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Bp({type:"radial-gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",fr:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Bp({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("cx","cy","r","fx","fy","fr","spreadMethod"))}},{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,i=e.r,a=e.fx,o=e.fy,s=e.fr,c=e.spreadMethod;return("\n<radialGradient ".concat(ta({id:t,cx:n,cy:r,r:i,fx:a,fy:o,fr:s,spreadMethod:c})," >\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,")")}}],[{key:"parse",value:function(t){var n=_a(t),r={},i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(t.includes("@"))t=Wa(t,n.matches),i.push.apply(i,ml.parse(t));else{var a=t.split(" "),o=j()(a,7),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4],p=o[5],d=o[6];r.cx=s,r.cy=c,r.r=l,r.fx=u,r.fy=h,r.fr=p,r.spreadMethod=d||"pad"}})),new e(Bp({},r,{colorsteps:i}))}}]),e}(Lp);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}var Np=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new ml({color:"red",percent:0,index:0}),new ml({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?Hp(Object(n),!0).forEach((function(e){S()(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}({},Bs()(So()(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}}],[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new e({colorsteps:[new ml({color:t,percent:0,index:0}),new ml({color:t,percent:100,index:0})]})}}]),e}(Lp);function Xp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yp(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Xp(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Xp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var _p=["jpg","jpeg","png","gif","svg"];var Kp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Yp({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return Yp({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("url","datauri","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"))}},{key:"isUrl",value:function(){return!0}},{key:"toString",value:function(){var t=this.json,e=t.patternUnits,n=t.patternWidth,r=t.patternHeight,i=t.imageX,a=t.imageY,o=t.imageWidth,s=t.imageHeight,c=t.url,l=[e,n,r,i,a,o,s].join(",").trim();return"url(".concat(c,"#").concat(l,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.patternUnits,r=e.patternWidth,i=e.patternHeight,a=e.imageX,o=e.imageY,s=e.imageWidth,c=e.imageHeight;return("\n  <pattern ".concat(ta({id:t,patternUnits:n,width:r,height:i}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(ta({x:a,y:o,width:s,height:c,preserveAspectRatio:"none"})," />\n  </pattern>\n      "))}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}],[{key:"parse",value:function(t){var n=t.split("(")[1].split(")")[0].trim().split("#"),r=j()(n,2),i=r[0],a=r[1];if(!a)return new e({url:i});var o=a.split(","),s=j()(o,7);return new e({patternUnits:s[0],patternWidth:s[1],patternHeight:s[2],imageX:s[3],imageY:s[4],imageWidth:s[5],imageHeight:s[6],url:i})}},{key:"isImageFile",value:function(t){return _p.includes(t)}}]),e}(fl);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){S()(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}var Zp=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,qp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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}}],[{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 zp(Up({},r,{colorsteps:n}));case"radial-gradient":return new Gp(Up({},r,{colorsteps:n}));default:return new Np(Up({},r,{colorsteps:n}))}}},{key:"parse",value:function(t){return new e(t)}},{key:"parseImage",value:function(t){var e=_a(t),n=null,r=e.str.match(Zp);return r?(r.forEach((function(t,r){t=Wa(t,e.matches),n=t.includes("linear")?zp.parse(t):t.includes("radial")?Gp.parse(t):t.includes("url")?Kp.parse(t):Np.parse(t)})),n):Np.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new zp(t);case"radial-gradient":return new Gp(t);case"image-resource":case"url":return new Kp(t);default:return new Np(t)}}}]),e}(Pc),Jp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"updateDefString",value:function(t,e){var n=e.$("defs");if(n)n.html(this.toDefInnerString(t));else{var r=this.toDefString(t).trim();e.prepend(Ro.createByHTML(r))}}},{key:"toDefInnerString",value:function(t){return"\n            ".concat(this.toFillSVG(t),"\n            ").concat(this.toStrokeSVG(t),"\n        ")}},{key:"toDefString",value:function(t){var e=this.toDefInnerString(t).trim();return("\n            <defs>\n            ".concat(e,"\n            </defs>\n        "))}},{key:"fillId",value:function(t){return this.getInnerId(t,"fill")}},{key:"strokeId",value:function(t){return this.getInnerId(t,"stroke")}},{key:"toFillSVG",value:function(t){return qp.parseImage(t.fill||"transparent").toSVGString(this.fillId(t))}},{key:"toStrokeSVG",value:function(t){return qp.parseImage(t.stroke||"black").toSVGString(this.strokeId(t))}},{key:"toFillValue",value:function(t){return qp.parseImage(t.fill||"transparent").toFillValue(this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return po.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){return qp.parseImage(t.stroke||"black").toFillValue(this.strokeId(t))}},{key:"toFilterValue",value:function(t){return t.svgfilter?"url(#".concat(t.svgfilter,")"):""}},{key:"toLayoutCSS",value:function(t){return{}}}]),e}(Tp);function Qp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var td=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"update",value:function(t,e){if(e){var n=e.$("path");n&&(n.setAttr({d:t.d,filter:this.toFilterValue(t),fill:this.toFillValue(t),stroke:this.toStrokeValue(t)}),t.totalLength=n.totalLength),this.updateDefString(t,e)}}},{key:"render",value:function(t){var e=this,n=t.d;return this.wrappedRender(t,(function(){return"\n        <path ".concat(ta(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Qp(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Qp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({class:"svg-path-item",d:n,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t),{style:Ji(e.toCSS(t))}))," />\n    ")}))}}]),e}(Jp);function ed(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var nd=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"update",value:function(t,e){var n=e.$("path");n&&n.attr("d",t.d);var r=e.$("textPath");r&&(r.text(t.text),r.setAttr({filter:this.toFilterValue(t),fill:this.toFillValue(t),stroke:this.toStrokeValue(t),textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset})),this.updateDefString(t,e),t.totalLength=n.totalLength}},{key:"toDefInnerString",value:function(t){return"\n      ".concat(this.toPathSVG(t),"\n      ").concat(this.toFillSVG(t),"\n      ").concat(this.toStrokeSVG(t),"\n    ")}},{key:"toPathId",value:function(t){return this.getInnerId(t,"path")}},{key:"toPathSVG",value:function(t){return'\n      <path \n        class="svg-path-item"\n        id="'.concat(this.toPathId(t),'"\n        d="').concat(t.d,'"\n        fill="none"\n      />\n    ')}},{key:"render",value:function(t){var e=this;return this.wrappedRender(t,(function(){var n=t.textLength,r=t.lengthAdjust,i=t.startOffset;return("\n        <textPath ".concat(ta(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ed(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ed(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({"xlink:href":"#".concat(e.toPathId(t)),textLength:n,lengthAdjust:r,startOffset:i,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t),{style:Ji(e.toCSS(t))}))," >").concat(t.text,"</textPath>\n      "))}))}}]),e}(Jp);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}var id=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"update",value:function(t,e){var n=e.$("text");n&&(n.text(t.text),n.setAttr({filter:this.toFilterValue(t),fill:this.toFillValue(t),stroke:this.toStrokeValue(t),textLength:t.textLength,lengthAdjust:t.lengthAdjust})),this.updateDefString(t,e)}},{key:"shapeInsideId",value:function(t){return this.getInnerId(t,"shape-inside")}},{key:"render",value:function(t){var e=this,n=(t.id,t.textLength),r=t.lengthAdjust;return this.wrappedRender(t,(function(){return"\n        <text ".concat(ta(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){S()(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}({class:"svg-text-item",textLength:n,lengthAdjust:r,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t),{style:Ji(e.toCSS(t))}))," >").concat(t.text,"</text>\n      ")}))}}]),e}(Jp),ad=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCSS",value:function(t){var n=Bs()(So()(e.prototype),"toCSS",this).call(this,t);return n.margin=n.margin||"0px",n}},{key:"render",value:function(t){var e=t.content,n=t.width,r=t.height,i=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n            <foreignObject width="'.concat(n.value,'" height="').concat(r.value,'">\n                <p xmlns="http://www.w3.org/1999/xhtml" style="').concat(Ji(i),'">').concat(e,"</p>\n            </foreignObject>              \n          ")}))}},{key:"update",value:function(t,e){var n=t.content;e.updateDiff(n)}}]),e}(Tp),od=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getUrl",value:function(t){var e=t.src;return t.project.getVideoValueById(e)}},{key:"render",value:function(t,e){var n=this,r=t.width,i=t.height,a=t.controls,o=t.muted,s=t.poster,c=t.loop,l=t.crossorigin,u=t.autoplay,h=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n            <foreignObject \n                width="'.concat(r.value,'"\n                height="').concat(i.value,'"\n                overflow="visible"\n            >\n                <video \n                    xmlns="http://www.w3.org/1999/xhtml"\n                    controls="').concat(a,'"\n                    src="').concat(n.getUrl(t),'"\n                    muted="').concat(o,'"\n                    poster="').concat(s,'"\n                    loop="').concat(c,'"\n                    crossorigin="').concat(l,'"\n                    autoplay="').concat(u,'"\n                    style="').concat(Ji(h),';width:100%;height:100%;"></video>\n            </foreignObject>    \n            ')}))}}]),e}(Tp),sd={project:new Dp,artboard:new Ep,rect:new Ip,circle:new Vp,image:new Mp,video:new od,text:new ad,"svg-path":new td,"svg-text":new id,"svg-textpath":new nd},cd={render:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=sd[t.itemType];return r?r.render(t,e||this,n):""},toCSS:function(t){var e=sd[t.itemType];if(e)return e.toCSS(t)},toTransformCSS:function(t){var e=sd[t.itemType];if(e)return e.toTransformCSS(t)},toStyle:function(t,e){var n=sd[t.itemType];if(n)return n.toStyle(t,e||this)},update:function(t,e){var n=sd[t.itemType];if(n)return n.update(t,e)},codeview:function(t){if(!t)return"";var e=this.render(t);return e=e.replace(/\</g,"&lt;").replace(/\>/g,"&gt;"),"\n          <div class='svg-code'>\n            ".concat(e&&"<div><pre title='SVG'>".concat(e,"</pre></div>"),"\n          </div>\n        ")}},ld=function(){function t(e,n){go()(this,t),this.project=e,this.artboard=n}return bo()(t,[{key:"generateCode",value:function(){var t=this,e=this.project.getSelectedTimelineLastTime(),n=this.project.getSelectedTimeline(),r=[],i={};n&&(n.animations.forEach((function(e){var n=t.project.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}}))}}));r.push.apply(r,n.toAnimationKeyframes(i).filter((function(t){return t.properties.length})))})),i={duration:1e3*e,iterationCount:n.iterationCount,fps:n.fps,speed:n.speed,direction:n.direction});return r=JSON.stringify(r,null,4),i=JSON.stringify(i,null,4),"\nvar player = new anipa.Player(".concat(r,", ").concat(i,");\nplayer.play();\n")}}]),t}(),ud=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"anipa";switch(n){case"anipa":return new ld(t,e).generateCode()}return""},hd={makeProjectStyle:function(t){var e=t.toKeyframeString(),n=t.toRootVariableCSS();return"\n      :root {\n        ".concat(Ji(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.current,r="".concat(this.makeStyle(e)),i="\n".concat(artboard.html,"\n").concat(this.makeSvg(e),"\n    "),a="";return i=t.replaceLocalUrltoRealUrl(i),r=t.replaceLocalUrltoRealUrl(r),n.is("artboard")&&(a=t.replaceLocalUrltoRealUrl(ud(n,"anipa"))),{html:i,css:r,js:a}},generateSVG:function(t,e){return t.replaceLocalUrltoRealUrl(cd.render(e,null,!0))}},pd={command:"downloadSVG",execute:function(t){var e=t.selection.current;if(e){var n=hd.generateSVG(t,e).trim();rp("data:image/svg+xml;base64,"+window.btoa(n),e.id)}}};function dd(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=Ro.create("canvas"),i=t.width,a=t.height;r.resize({width:i,height:a}),r.drawImage(t),e&&e(r.toDataURL(n))}var fd={command:"downloadPNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=hd.generateSVG(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r),a=n.id;Hh({local:i},(function(n,r){dd(r,(function(n){rp(n,a),e&&t.emit(e,n)}))}))}}},vd={command:"load.json",execute:function(t,e){0===(e=e||t.loadResource("projects",[])).length&&(e=[{itemType:"project",layers:[{itemType:"artboard",name:"New ArtBoard",x:"300px",y:"200px",width:"375px",height:"667px","background-color":"white",layer:[]}]}]);var n=e.map((function(e){return t.createItem(e)}));if(n.forEach((function(t){t.artboards.forEach((function(e){t.selectTimeline(e.id)}))})),n.length){var r=n[0];t.selection.selectProject(r),t.load(n),Mh(t),t.nextTick((function(){t.emit("reloadProject")}))}}};function yd(t,e){var n=t.selection.currentProject;if(n){var r=n.getSelectedTimeline();e&&e(n,r)}}var gd={command:"addTimelineProperty",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};yd(t,(function(r,i){var a;!1===Li(e)&&(e=[e]);var o=[];e.forEach((function(t){var e={layerId:t,property:n.property,value:n.value+"",timing:n.timing,editor:n.editor},i=r.addTimelineKeyframe(e);i&&o.push(i)})),(a=t.timeline).select.apply(a,o),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},md={command:"setTimelineOffset",debounce:100,execute:function(t,e){yd(t,(function(n,r){n.setTimelineKeyframeOffsetValue(e.layerId,e.property,e.id,e.value,e.timing,e.time),t.emit("refreshTimeline")}))}},bd={command:"addTimelineCurrentProperty",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};yd(t,(function(n,r){var i,a=[];t.selection.each((function(t){var r={layerId:t.id,property:e.property,value:t[e.property]+"",timing:e.timing,editor:e.editor},i=n.addTimelineKeyframe(r);i&&a.push(i)})),(i=t.timeline).select.apply(i,a),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},kd={command:"removeTimelineProperty",execute:function(t,e,n){yd(t,(function(r,i){r.removeTimelineProperty(e,n),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},xd={command:"deleteTimelineKeyframe",execute:function(t){yd(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")}))}},wd={command:"selectTimelineItem",execute:function(t,e){yd(t,(function(n,r){n.selectTimeline(e),t.emit("refreshTimeline"),t.emit("selectTimeline")}))}},Sd={command:"removeTimeline",execute:function(t,e){yd(t,(function(n,r){n.removeTimeline(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Pd={command:"removeAnimationItem",execute:function(t,e){yd(t,(function(n,r){n.removeAnimation(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("removeAnimation")}))}},jd={command:"addTimelineKeyframe",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};yd(t,(function(n,r){var i=n.searchById(e.layerId),a={layerId:e.layerId,property:e.property,time:e.time,value:i[e.property]+"",timing:e.timing,editor:e.editor},o=n.addTimelineKeyframe(a);t.timeline.select(o),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Od={command:"copyTimelineProperty",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;yd(t,(function(i,a){i.copyTimelineKeyframe(e,n,r),t.emit("refreshTimeline")}))}},$d={command:"playTimelineItem",description:"Play button action",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"),yd(t,(function(i,a){var o=i.getSelectedTimelineLastTime();t.timer?t.timer.stop():t.timer=Hc({elapsed:1e3*a.currentTime,speed:e,duration:1e3*o,iterationCount:n,direction:r}),t.timer.play({duration:1e3*o,elapsed:1e3*a.currentTime,speed:e,iterationCount:n,direction:r,tick:function(e,n){i.seek(Bc(a.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){i.seek(Bc(a.fps,e/1e3)),t.emit("playTimeline"),t.nextTick((function(){t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))},stop:function(e,n){i.stop(Bc(a.fps,e/1e3)),t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}})}))}},Cd={command:"prevTimelineItem",execute:function(t){yd(t,(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(Bc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},Ed={command:"firstTimelineItem",execute:function(t){yd(t,(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(Bc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},Td={command:"nextTimelineItem",execute:function(t){yd(t,(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(Bc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},Vd={command:"lastTimelineItem",execute:function(t){yd(t,(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(Bc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},Md={command:"addTimelineItem",execute:function(t,e){yd(t,(function(n,r){e?n.addTimelineLayer(e):n.addTimeline(),t.emit("refreshTimeline"),t.emit("addTimeline")}))}},Dd={command:"drop.asset",execute:function(t,e){var n,r,i=arguments;return Hs.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:if(n=i.length>2&&void 0!==i[2]?i[2]:null,!e.color){a.next=5;break}t.emit("addBackgroundColor",e.color,n),a.next=22;break;case 5:if(!e.gradient){a.next=9;break}t.emit("addBackgroundImageGradient",e.gradient,n),a.next=22;break;case 9:if(!e.pattern){a.next=13;break}t.emit("addBackgroundImagePattern",e.pattern,n),a.next=22;break;case 13:if(!e.imageUrl){a.next=17;break}t.emit("addBackgroundImageAsset",e.imageUrl,n),a.next=22;break;case 17:if(!e.artboard){a.next=22;break}return a.next=20,Hs.a.awrap(t.storageManager.getArtBoard(e.artboard.id));case 20:(r=a.sent)&&t.emit("addArtBoard",r,e.artboard.center);case 22:Mh(t);case 23:case"end":return a.stop()}}))}},Id={command:"addBackgroundImageGradient",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n),i={};r.forEach((function(t){var n=eu.parseStyle(Qi(t["background-image"]));n.unshift(new eu({image:eu.parseImage(e)})),i[t.id]={"background-image":eu.join(n)}})),t.emit("history.setAttributeForMulti","add gradient",i)}},Ld={command:"addBackgroundImageAsset",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n),i={};r.forEach((function(t){var n=eu.parseStyle(Qi(t["background-image"]));n.unshift(new eu({image:new Cl({url:e})})),i[t.id]={"background-image":eu.join(n)}})),t.emit("history.setAttributeForMulti","add background image",i)}},Rd={command:"removeLayer",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;t.selection.itemsByIds(e||t.selection.ids).forEach((function(t){t.remove()})),t.selection.empty(),t.nextTick((function(){t.emit("refreshAll")}))}},Ad={command:"change.mode.view",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";t.changeModeView(e)}},zd={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)}},Fd={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)}},Bd={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)}},Gd={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)}},Hd={command:"toggle.fullscreen",execute:function(t,e){Ro.body().fullscreen()}},Nd={command:"addBackgroundImagePattern",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n),i={};r.forEach((function(t){i[t.id]={pattern:up.join([].concat(E()(up.parseStyle(e)),E()(up.parseStyle(t.pattern))))}})),t.emit("history.setAttributeForMulti","add pattern",i)}},Xd={command:"addBackgroundColor",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n),i={};r.forEach((function(t){i[t.id]={"background-color":e}})),t.emit("history.setAttributeForMulti","add background color",i)}};var Yd={command:"sort.center",execute:function(t){if(t.selection.isOne){var e=t.selection.current;if(e.parent.is("project"));else if(e.artboard){var n=Or(e.artboard.verties())-Or(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=Or(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Or(t.verties());return{item:t,dist:[r-e,0,0]}})))}}},_d={command:"sort.left",execute:function(t){if(t.selection.isOne){var e=t.selection.current;if(e.parent.is("project"));else if(e.artboard){var n=jr(e.artboard.verties())-jr(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=jr(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=jr(t.verties());return{item:t,dist:[r-e,0,0]}})))}}},Kd={command:"sort.bottom",execute:function(t){if(t.selection.isOne){var e=t.selection.current;if(e.parent.is("project"));else if(e.artboard){var n=Pr(e.artboard.verties())-Pr(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=Pr(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Pr(t.verties());return{item:t,dist:[0,r-e,0,0]}})))}}},Wd={command:"sort.top",execute:function(t){if(t.selection.isOne){var e=t.selection.current;if(e.parent.is("project"));else if(e.artboard){var n=$r(e.artboard.verties())-$r(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=$r(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=$r(t.verties());return{item:t,dist:[0,r-e,0,0]}})))}}},Ud={command:"sort.right",execute:function(t){if(t.selection.isOne){var e=t.selection.current;if(e.parent.is("project"));else if(e.artboard){var n=Sr(e.artboard.verties())-Sr(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=Sr(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Sr(t.verties());return{item:t,dist:[r-e,0,0]}})))}}};function Zd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return t.filter((function(e){var n=0;return e.path.forEach((function(e){n+=t.filter((function(t){return t.id===e.id})).length?1:0})),1===n}))}var Jd,Qd={command:"updatePathItem",description:"Update path string for selected svg path item",execute:function(t,e){var n=t.selection.current;if(n)if("box"===e.box){var r=n.invertPath(e.d);t.emit("setAttribute",{d:r.d})}else{var i=n.invertPath(e.d),o=i.getBBox(),s=n.offsetX.value+o[0][0],c=n.offsetY.value+o[0][1],l=a.distance(o[1],o[0]),u=a.distance(o[3],o[0]);i.translate(-o[0][0],-o[0][1]),t.emit("setAttribute",{d:i.d,x:Lo.px(s),y:Lo.px(c),width:Lo.px(l),height:Lo.px(u)})}}},tf=(Jd={refreshCursor:{command:"refreshCursor",execute:function(t,e){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];t.emit.apply(t,["changeIconView",e].concat(r))}},recoverCursor:{command:"recoverCursor",execute:function(t){t.emit("changeIconView","auto")}},historyAddLayer:{command:"history.addLayer",description:"add layer in history ",execute:function(t,e,n){var r=this,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],o=arguments.length>5?arguments[5]:void 0;t.emit("addLayer",n,i,a,o),t.nextTick((function(){t.history.add(e,r,{currentValues:[n,{},a,n.parent],undoValues:[n.id]})})),t.nextTick((function(){t.history.saveSelection()}))},redo:function(t,e){var n=e.currentValues;t.emit.apply(t,["addLayer"].concat(E()(n))),t.nextTick((function(){t.emit("refreshAll")}))},undo:function(t,e){var n=e.undoValues;t.selection.itemsByIds(n).forEach((function(t){t&&t.remove()})),t.nextTick((function(){t.emit("refreshAll")}))}},historyRemoveLayer:{command:"history.removeLayer",description:"remove layer",execute:function(t,e,n){var r=t.selection.itemsByIds(n||t.selection.ids),i=(r=qd(r)).map((function(t){return t.id})),a=t.serialize(r);r.forEach((function(t){return t.remove()})),t.history.add(e,this,{currentValues:[i],undoValues:a}),t.nextTick((function(){t.selection.removeById(r.map((function(t){return t.id}))),t.emit("refreshAll"),t.emit("removeGuideLine"),t.nextTick((function(){t.history.saveSelection()}))}))},redo:function(t,e){var n=e.currentValues[0],r=t.selection.itemsByIds(n||t.selection.ids);(r=qd(r)).forEach((function(t){return t.remove()})),t.nextTick((function(){t.emit("refreshAll")}))},undo:function(t,e){var n=e.undoValues;t.deserialize(n,!0),t.nextTick((function(){t.emit("refreshAll")}))}},historySetAttribute:{command:"history.setAttribute",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;t.emit("setAttribute",n,r),t.history.add(e,this,{currentValues:[n,r],undoValues:t.history.getUndoValues(n)}),t.nextTick((function(){t.history.saveSelection()}))},redo:function(t,e){var n=e.currentValues;t.emit.apply(t,["setAttribute"].concat(E()(n))),t.nextTick((function(){t.emit("refreshAll")}))},undo:function(t,e){var n=e.undoValues,r=Object.keys(n);t.selection.itemsByIds(r).forEach((function(t){t.reset(n[t.id])})),t.nextTick((function(){t.emit("refreshAll")}))}},historySetAttributeForMulti:{command:"history.setAttributeForMulti",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.emit("setAttributeForMulti",n),t.history.add(e,this,{currentValues:[n],undoValues:t.history.getUndoValuesForMulti(n)}),t.nextTick((function(){t.history.saveSelection()}))},redo:function(t,e){var n=e.currentValues;t.emit.apply(t,["setAttributeForMulti"].concat(E()(n))),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))},undo:function(t,e){var n=e.undoValues,r=Object.keys(n);t.selection.itemsByIds(r).forEach((function(t){t.reset(n[t.id])})),t.selection.reselect(),t.nextTick((function(){t.emit("refreshAll")}))}},historyRefreshSelection:{command:"history.refreshSelection",description:"save selection in history ",description_ko:"Selection 정보를 갱신하면서 History 에 저장한다",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"selection",n=t.selection.ids,r=t.history.selectedIds;ia(n,r)||(t.history.add(e,this,{currentValues:n,undoValues:r}),this.nextAction(t))},nextAction:function(t){t.nextTick((function(){t.history.saveSelection(),t.emit("refreshSelection"),t.nextTick((function(){t.emit("refreshSelectionTool")}))}))},redo:function(t,e){var n=e.currentValues;t.selection.selectById(n),this.nextAction(t)},undo:function(t,e){var n=e.undoValues;t.selection.selectById(n),this.nextAction(t)}},historyRedo:{command:"history.redo",execute:function(t){t.history.redo()}},historyUndo:{command:"history.undo",execute:function(t){t.history.undo()}},moveLayer:{command:"moveLayer",description:"mova layer by keydown with matrix ",execute: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={};t.selection.each((function(t){r[t.id]={x:Lo.px(t.offsetX.value+e).round(),y:Lo.px(t.offsetY.value+n).round()}})),t.emit("history.setAttributeForMulti","item move down",r),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},moveLayerForItems:{command:"moveLayerForItems",description:"mova layer by multi items ",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n={};e.forEach((function(t){n[t.item.id]={x:Lo.px(t.item.offsetX.value+t.dist[0]).round(),y:Lo.px(t.item.offsetY.value+t.dist[1]).round()}})),t.emit("history.setAttributeForMulti","item move down",n),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},moveToCenter:{command:"moveToCenter",description:"Move Layer to Center on Viewport",execute:function(t,e){arguments.length>2&&void 0!==arguments[2]&&arguments[2];t.viewport.moveLayerToCenter(e)}},moveSelectionToCenter:{command:"moveSelectionToCenter",description:"Move selection project or artboards to center on Viewport",execute:function(t){var e=[];e=t.selection.isEmpty?t.selection.currentProject.rectVerties:gc(t.selection.selectedArtboards),t.emit("moveToCenter",e)}},groupItem:{command:"group.item",execute:function(t){if(0!==t.selection.length){var e=t.selection.currentProject;if(e){e.generateListNumber();var n=t.selection.map((function(t){return{depth:t.depth,item:t}}));n.sort((function(t,e){return t.depth===e.depth?t.no>e.no?-1:1:t.depth>e.depth?1:-1}));var r=t.createItem(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Zd(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Zd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({itemType:"rect"},t.selection.itemRect));n[0].item.appendAfter(r),n.forEach((function(t){var e=t.item;r.appendChildItem(e)})),t.selection.select(r),t.emit("refreshAll")}}}},ungroupItem:{command:"ungroup.item",execute:function(t){if(0!==t.selection.length){var e=t.selection.current;if(e){var n,r=e,i=E()(r.layers);i.reverse(),i.forEach((function(t){r.appendAfter(t)})),(n=t.selection).selection.apply(n,E()(i)),t.emit("refreshAll")}}}},setEditorLayout:{command:"setEditorLayout",execute:function(t,e){t.setLayout(e),t.emit("changedEditorlayout")}},refreshSelection:{command:"refreshSelection",execute:function(t){}},refreshArtboard:function(t){t.emit("refreshLayerTreeView"),t.emit("refreshAllCanvas"),t.emit("refreshStyleView"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection"),t.nextTick((function(){t.emit("refreshSelectionTool",!0)}))},resetSelection:function(t){t.emit("setAttribute"),t.nextTick((function(){t.emit("refreshSelectionTool")}))},addBackgroundColor:Xd,addBackgroundImagePattern:Nd,toggleFullscreen:Hd,segmentDelete:{command:"segment.delete",execute:function(t,e){t.emit("deleteSegment")}},segmentMoveDown:zd,segmentMoveUp:Fd,segmentMoveRight:Bd,segmentMoveLeft:Gd,changeModeView:Ad,removeLayer:Rd,itemMoveDepthDown:{command:"item.move.depth.down",execute:function(t){var e=t.selection.current;e&&e.orderPrev(),Mh(t)}},itemMoveDepthUp:{command:"item.move.depth.up",execute:function(t){var e=t.selection.current;e&&e.orderNext(),Mh(t)}},keymapKeydown:{command:"keymap.keydown",execute:function(t,e){t.keyboardManager.add(e.code,e.keyCode),t.shortcuts.execute(e,"keydown")}},keymapKeyup:{command:"keymap.keyup",execute:function(t,e){t.keyboardManager.remove(e.key,e.keyCode),t.shortcuts.execute(e,"keyup")}},scaleMinus:{command:"scale.minus",execute:function(t){var e=t.viewport.scale;t.viewport.setScale(t.viewport.scale-.25),t.emit("updateViewport",t.viewport.scale,e)}},scalePlus:{command:"scale.plus",execute:function(t){var e=t.viewport.scale;t.viewport.setScale(t.viewport.scale+.25),t.emit("updateViewport",t.viewport.scale,e)}},dropAsset:Dd,addBackgroundImageAsset:Ld,addBackgroundImageGradient:Id,addTimelineItem:Md,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(t){t.timer&&t.timer.stop()}},lastTimelineItem:Vd,nextTimelineItem:Td,firstTimelineItem:Ed,prevTimelineItem:Cd,playTimelineItem:$d,copyTimelineProperty:Od,addTimelineKeyframe:jd,removeAnimationItem:Pd,removeTimeline:Sd,selectTimelineItem:wd,deleteTimelineKeyframe:xd,removeTimelineProperty:kd,addTimelineCurrentProperty:bd,setTimelineOffset:md,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(t){var e=t.timeline.items[0];e&&t.emit("refreshOffsetValue",e)}},addTimelineProperty:gd,setLocale:{command:"setLocale",execute:function(t,e){t.setLocale(e),t.emit("changed.locale")}},loadJSON:vd,saveJSON:{command:"saveJSON",execute:function(t){t.saveResource("projects",t.projects),t.emit("notify","alert","Save","Save the content on localStorage",5e3)}},savePNG:{command:"savePNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=hd.generateSVG(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r);Hh({local:i},(function(n,r){dd(r,(function(n){e&&t.emit(e,n)}))}))}}},downloadPNG:fd,downloadSVG:pd,downloadJSON:ip,updateUriList:np,updateImageAssetItem:Qh,updateVideoAssetItem:tp,addSVGFilterAssetItem:Jh,dropImageUrl:qh,addImageAssetItem:Yh,addVideoAssetItem:Uh,updateImage:Bh,updateVideo:Gh,updateResource:{command:"updateResource",execute:function(t,e){e.forEach((function(e){switch(e.type){case"image/svg+xml":case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("updateImage",e);break;case"text/plain":case"text/html":t.emit("addText",{content:e.data});break;case"text/uri-list":t.emit("updateUriList",e)}}))}},fileDropItems:Fh,updateScale:{command:"updateScale",execute:function(t,e){var n=t.viewport.scale;t.viewport.setScale(e),t.emit("updateViewport",e,n)}},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(10)}},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=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.currentProject;r||(r=t.add(t.createItem({itemType:"project"})),t.selection.selectProject(r));var i=r.appendChildItem(t.createItem(Ih({itemType:"artboard",x:Lo.px(300),y:Lo.px(200),width:Lo.px(375),height:Lo.px(667)},e)));n&&(i.reset({x:Lo.px(0),y:Lo.px(0)}),i.moveByCenter(n)),t.selection.select(i),Mh(t)},addImage:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;t.emit("newComponent","image",e,!0,n)},addVideo:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;t.emit("newComponent","video",e,!0,n)},addLayer:function(t,e){arguments.length>2&&void 0!==arguments[2]&&arguments[2];var n=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],r=arguments.length>4?arguments[4]:void 0;r||(r=t.selection.current||t.selection.currentProject),r&&(r.is("project")||r.enableHasChildren()||(r=r.parent),r.appendChildItem(e),n&&t.selection.select(e),Mh(t))},addLayerView:function(t,e){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("hideAddViewLayer"),"select"===e||("brush"===e?t.emit("showPathDrawEditor"):"path"===e?t.emit("showPathEditor","path"):t.emit("showLayerAppendView",e))},addProject:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.add(t.createItem(Rh({itemType:"project"},e)));t.selection.selectProject(n),Mh(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 i=e;if(n)(a=new Dc(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttribute","set attribute -d",{d:i},r)}else if(r["clip-path"].includes("path")){var a;i=e;if(n)(a=new Dc(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttribute","change clip path",{"clip-path":"path(".concat(i,")")},r)}},newComponent:function(t,e,n){var r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;e.includes("text")||n["background-color"]||(n["background-color"]="#c4c4c4"),"svg-textpath"===e?n=zh({},n,{text:"Insert a newText","font-size":Lo.parse(n.height),textLength:"100%",d:Xu.makeLine(0,n.height.value,n.width.value,n.height.value)}):"svg-circle"===e?(e="svg-path",n=zh({},n,{"background-color":void 0,fill:"#C4C4C4",d:Xu.makeCircle(0,0,n.width.value,n.height.value)})):"svg-rect"===e?(e="svg-path",n=zh({},n,{"background-color":void 0,fill:"#C4C4C4",d:Xu.makeRect(0,0,n.width.value,n.height.value)})):"text"===e?n=zh({width:Lo.px(300),height:Lo.px(50)},n,{content:"Insert a text","font-size":Lo.px(30)}):"rect"===e?n=zh({},n):"circle"===e?n=zh({},n):"artboard"===e&&(n=zh({},n,{"background-color":"white"})),t.command("addLayer","add layer - ".concat(e),t.createItem(zh({itemType:e},n)),n,r,i),t.changeMode(em),t.emit("afterChangeMode")},refreshElement:function(t,e){t.emit("refreshSelectionStyleView",e),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.current;if(n&&n.is("artboard")){if(!e.trim())return;var r=e.split("x"),i=j()(r,2),a=i[0],o=i[1];a=Lo.px(+a),o=Lo.px(+o),n.reset({width:a,height:o}),t.selection.select(n),Mh(t)}},setAttribute:Vh,setAttributeForMulti:{command:"setAttributeForMulti",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object.keys(e).forEach((function(n){var r=e[n];t.selection.itemsByIds(n).forEach((function(e){Object.keys(r).forEach((function(t){var n=r[t];Bi(n)&&(n=n(e)),e.reset(S()({},t,n))})),e.setCache(),t.emit("refreshElement",e)}))}))}},sortBottom:Kd,sortCenter:Yd,sortLeft:_d,sortMiddle:{command:"sort.middle",execute:function(t){if(t.selection.isOne){var e=t.selection.current;if(e.parent.is("project"));else if(e.artboard){var n=Cr(e.artboard.verties())-Cr(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=Cr(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Cr(t.verties());return{item:t,dist:[0,r-e,0,0]}})))}}}},S()(Jd,"sortBottom",Kd),S()(Jd,"sortTop",Wd),S()(Jd,"sortRight",Ud),S()(Jd,"sameWidth",{command:"same.width",execute:function(t){if(t.selection.isMany){var e=t.selection.allRect;t.selection.each((function(t){t.setScreenX(e.x.value),t.width.set(e.width.value)}))}}}),S()(Jd,"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")}}),S()(Jd,"updatePathItem",Qd),S()(Jd,"updateClipPath",{command:"updateClipPath",description:"update clip-path property ",execute:function(t,e){t.command("setAttribute","change clip-path",{"clip-path":"path(".concat(e.d,")")})}}),Jd),ef=function(){function t(e){go()(this,t),this.$editor=e,this.loadCommands()}return bo()(t,[{key:"loadCommands",value:function(){var t=this;Object.keys(tf).forEach((function(e){Bi(tf[e])?t.registerCommand(e,tf[e]):t.registerCommand(tf[e])}))}},{key:"registerCommand",value:function(t,e){var n=this;if(2===arguments.length){var r=function(){for(var t,r=arguments.length,i=new Array(r),a=0;a<r;a++)i[a]=arguments[a];e.call.apply(e,[n,n.$editor].concat(i)),(t=n.$editor).debug.apply(t,["command execute",n].concat(i))};r.source=t,this.$editor.on(t,r,this,0)}else if(Fi(t)){var i=function(){for(var e,r,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];(e=t.execute).call.apply(e,[t,n.$editor].concat(a)),(r=n.$editor).debug.apply(r,["command execute",t].concat(a))};i.source=t.command,this.$editor.on(t.command,i,this,t.debounce||0)}}}]),t}(),nf={name:void 0};function rf(){return void 0===nf.name&&(-1!=navigator.appVersion.indexOf("Win")?nf.name="win":-1!=navigator.appVersion.indexOf("Mac")?nf.name="mac":-1!=navigator.appVersion.indexOf("X11")?nf.name="linux":nf.name=""),nf.name}var af=[{category:"History",key:"cmd+z",win:"ctrl+z",command:"history.undo",description:"undoing in history",when:"CanvasView"},{category:"History",key:"cmd+shift+z",win:"ctrl+shift+z",command:"history.redo",description:"redoing in history",when:"CanvasView"},{category:"Tool",key:"v",command:"addLayerView",args:"select",description:"Selection"},{category:"Tool",key:"a",command:"addLayerView",args:["artboard"],description:"Add ArtBoard",when:"CanvasView"},{category:"Tool",key:"r",command:"addLayerView",args:["rect"],description:"Add rect layer"},{category:"Tool",key:"m",command:"addLayerView",args:["rect"],description:"Add rect layer"},{category:"Tool",key:"o",command:"addLayerView",args:["circle"],description:"Add circle layer"},{category:"Tool",key:"l",command:"addLayerView",args:["circle"],description:"Add circle layer"},{category:"Tool",key:"t",command:"addLayerView",args:["text"],description:"Add text layer"},{category:"Tool",key:"p",command:"addLayerView",args:["path"],description:"Add SVG Path layer"},{category:"Tool",key:"b",command:"addLayerView",args:["brush"],description:"Draw SVG Path"},{category:"Group",key:"cmd+g",win:"ctrl+g",command:"group.item",description:"Grouping selected items",when:"CanvasView"},{category:"Group",key:"shift+cmd+g",win:"shift+ctrl+g",command:"ungroup.item",description:"Ungrouping selected group layer",when:"CanvasView"},{category:"Path",key:"ArrowDown",command:"segment.move.down",description:"move 1px to down",args:[{dy:1}],when:"PathEditorView"},{category:"Path",key:"ArrowUp",command:"segment.move.up",description:"move 1px to up",args:[{dy:1}],when:"PathEditorView"},{category:"Path",key:"ArrowRight",command:"segment.move.right",description:"move 1px to right",args:[{dx:1}],when:"PathEditorView"},{category:"Path",key:"ArrowLeft",command:"segment.move.left",description:"move 1px to left",args:[{dx:1}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowDown",command:"segment.move.down",description:"move 10px to down",args:[{dy:10}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowUp",command:"segment.move.up",description:"move 10px to up",args:[{dy:10}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowLeft",command:"segment.move.left",description:"move 10px to left",args:[{dx:10}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowRight",command:"segment.move.right",description:"move 10px to right",args:[{dx:10}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowDown",command:"segment.move.down",description:"move 5px to down",args:[{dy:5}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowUp",command:"segment.move.up",description:"move 5px to up ",args:[{dy:5}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowLeft",command:"segment.move.left",description:"move 5px to left",args:[{dx:5}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowRight",command:"segment.move.right",description:"move 5px to right",args:[{dx:5}],when:"PathEditorView"},{category:"Path",key:"Backspace",command:"segment.delete",description:"Delete selected segment",when:"PathEditorView"},{category:"Layer",key:"ArrowLeft",command:"moveLayer",description:"move 1px to left",args:[-1,0],when:"CanvasView"},{category:"Layer",key:"ArrowRight",command:"moveLayer",description:"move 1px to right",args:[1,0],when:"CanvasView"},{category:"Layer",key:"ArrowDown",command:"moveLayer",description:"move 1px to down",args:[0,1],when:"CanvasView"},{category:"Layer",key:"ArrowUp",command:"moveLayer",description:"move 1px to up",args:[0,-1],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowDown",command:"moveLayer",description:"move 10px to down",args:[0,10],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowRight",command:"moveLayer",description:"move 10px to right",args:[10,0],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowUp",command:"moveLayer",description:"move 10px to up",args:[0,-10],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowLeft",command:"moveLayer",description:"move 10px to left",args:[-10,0],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowLeft",command:"moveLayer",description:"move 5px to left",args:[-5,0],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowDown",command:"moveLayer",description:"move 5px to down",args:[0,5],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowRight",command:"moveLayer",description:"move 5px to right",args:[5,0],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowUp",command:"moveLayer",description:"move 5px to up",args:[0,-5],when:"CanvasView"},{category:"Layer",key:"ctrl+]",command:"item.move.depth.up",description:"move layer to above",when:"CanvasView"},{category:"Layer",key:"ctrl+[",command:"item.move.depth.down",description:"move layer to below",when:"CanvasView"},{category:"Layer",key:"Backspace",command:"history.removeLayer",description:"Delete selected items",args:["Delete selected items"],when:"CanvasView"},{category:"Layer",key:"Shift+Backspace",command:"history.removeLayer",description:"Delete selected items",args:["Delete selected items"],when:"CanvasView"},{category:"Tool",key:"Minus",command:"scale.minus",description:"Minus scale",when:"CanvasView"},{category:"Tool",key:"Equal",command:"scale.plus",description:"Plus scale",when:"CanvasView"},{category:"Edit",key:"cmd+c",command:"clipboard.copy",description:"Copy objects",when:"CanvasView"},{category:"Edit",key:"cmd+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}],of={backspace:8,tab:9,enter:13,escape:27,space:32,pageup:33,pagedown:34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,delete:46,0:48,1:49,2:50,3:51,4:52,5:53,6:54,7:55,8:56,9:57,semicolon:59,equals:61,a:65,b:66,c:67,d:68,e:69,f:70,g:71,h:72,i:73,j:74,k:75,l:76,m:77,n:78,o:79,p:80,q:81,r:82,s:83,t:84,u:85,v:86,w:87,x:88,y:89,z:90,multiply:106,add:107,subtract:109,divide:111,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123,f13:124,f14:125,f15:126,f16:127,f17:128,f18:129,f19:130,comma:188,",":188,period:190,".":190,slash:191,"/":191,backquote:192,"`":192,openbracket:219,"[":219,backslash:220,"\\":220,closebracket:221,"]":221,quote:222,"'":222,altgr:225};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 cf(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.filter(Boolean).join("+")}function lf(t){return of["".concat(t).toLowerCase()]||t}var uf=function(){function t(e){go()(this,t),this.$editor=e,this.loadShortCuts()}return bo()(t,[{key:"getGeneratedKeyCode",value:function(t){return lf(t)}},{key:"loadShortCuts",value:function(){var t=this;this.list=[],this.commands={},af.forEach((function(e){t.registerShortCut(e)})),this.sort()}},{key:"registerShortCut",value:function(t){var e=rf();this.list.push(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){S()(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}({key:"",command:"",args:[],eventType:"keydown"},t,{checkKeyString:this.splitShortCut(t[e]||t.key),whenFunction:this.makeWhenFunction(t.command,t.when||"true")}))}},{key:"makeWhenFunction",value:function(t,e){return new Function("editor","\n            /////////////////////////////////\n            ////////Custom Function///////////\n\n            return function () {\n                const CanvasView = editor.modeView === 'CanvasView';\n                const PathEditorView = editor.modeView === 'PathEditorView';                \n\n                return (".concat(e,");\n            }\n            ////////Custom Function///////////\n            /////////////////////////////////\n        "))(this.$editor)}},{key:"sort",value:function(){var t=this;this.list.forEach((function(e){!1===Li(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,i=!1,a=!1,o=[];return e.forEach((function(t){t.includes("ALT")?n=!0:t.includes("CTRL")?r=!0:t.includes("SHIFT")?i=!0:t.includes("CMD")||t.includes("WIN")||t.includes("META")?a=!0:o.push(t)})),cf(n?"ALT":"",r?"CTRL":"",i?"SHIFT":"",a?"META":"",lf(o.join("")))}},{key:"makeKeyString",value:function(t){return cf(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.key.toUpperCase())}},{key:"makeCodeString",value:function(t){return cf(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.code.toUpperCase())}},{key:"makeKeyCodeString",value:function(t){return cf(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.keyCode)}},{key:"checkShortCut",value:function(t,e,n){return this.commands[t]||this.commands[e]||this.commands[n]}},{key:"checkWhen",value:function(t){return t.whenFunction()}},{key:"execute",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"keydown",r=this.checkShortCut(this.makeKeyCodeString(t),this.makeKeyString(t),this.makeCodeString(t));if(r){var i=r.filter((function(t){return t.eventType===n})).filter((function(t){return e.checkWhen(t)}));i.length&&t.preventDefault(),i.forEach((function(t){var n;(n=e.$editor).emit.apply(n,[t.command].concat(E()(t.args)))}))}}}]),t}(),hf=function(){function t(e){go()(this,t),this.editor=e,this.config=new Map,this.initialize()}return bo()(t,[{key:"initialize",value:function(){this.set("canvas.width",1e4),this.set("canvas.height",1e4),this.set("body.move.ms",30),this.set("grid.preview.position",[]),this.set("debug",!1)}},{key:"get",value:function(t){return this.config[t]}},{key:"set",value:function(t,e){this.config[t]!=e&&(this.config[t]=e,this.editor.emit("config:"+t))}},{key:"remove",value:function(t){delete this.config[t],this.editor.emit("config:"+t)}}]),t}(),pf=function(){function t(e){go()(this,t),this.$editor=e,this.currentIndex=-1,this.undoHistories=[],this.redoHistories=[],this.selection={}}return bo()(t,[{key:"createCommand",value:function(t){return this.$editor.isPointerUp?"history.".concat(t):t}},{key:"saveSelection",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.selection=this.$editor.selection.toCloneObject()}},{key:"getUndoValues",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n={};return Object.keys(this.selection).forEach((function(r){n[r]={},Object.keys(e).forEach((function(e){n[r][e]=t.selection[r][e]}))})),n}},{key:"getUndoValuesForMulti",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n={};return Object.keys(e).forEach((function(r){n[r]={};var i=t.selection[r]||t.$editor.selection.itemsByIds(r)[0],a=e[r];Object.keys(a).forEach((function(t){n[r][t]=i[t]}))})),n}},{key:"add",value:function(t,e,n){var r={message:t,command:e,data:n};return this.undoHistories.push(r),this.currentIndex++,this.undoHistories.length=this.currentIndex+1,this.$editor.emit("refreshHistory"),r}},{key:"map",value:function(t){return[].concat(E()(this.undoHistories.map(t)),["-"],E()(this.redoHistories.map(t))).reverse()}},{key:"undo",value:function(){var t=this;if(!(this.currentIndex<-1)){this.currentIndex--;var e=this.undoHistories.pop();e&&e.command&&e.command.undo(this.$editor,e.data),this.$editor.nextTick((function(){t.$editor.emit("refreshHistory")}))}}},{key:"redo",value:function(){var t=this;if(!(this.currentIndex>this.length)){this.currentIndex<0&&this.currentIndex++;var e=this.undoHistories[this.currentIndex];e&&e.command&&(e.command.redo(this.$editor,e.data),this.$editor.debug(e)),this.$editor.nextTick((function(){t.$editor.emit("refreshHistory")}))}}},{key:"length",get:function(){return this.undoHistories.length}},{key:"selectedIds",get:function(){return Object.keys(this.selection)}}]),t}(),df=function(){function t(e){go()(this,t),this.editor=e,this.codeSet=new Set,this.keyCodeSet=new Set}return bo()(t,[{key:"add",value:function(t,e){!1===this.codeSet.has(t)&&this.codeSet.add(t),!1===this.keyCodeSet.has(e)&&this.keyCodeSet.add(e)}},{key:"remove",value:function(t,e){this.codeSet.delete(t),this.keyCodeSet.delete(e)}},{key:"hasKey",value:function(t){return this.codeSet.has(t)||this.keyCodeSet.has(t)}},{key:"check",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return n.some((function(e){return t.hasKey(e)}))}}]),t}(),ff=function(){function t(e){go()(this,t),this.editor=e,this.canvasSize=null,this.cachedViewport=vc(0,0,0,0),this.mouse=a.create(),this.scale=1,this.translate=a.create(),this.transformOrigin=a.create(),this.maxScale=250,this.minScale=.2,this.zoomFactor=1,this.resetWorldMatrix()}return bo()(t,[{key:"setTransformOrigin",value:function(t){this.transformOrigin=t,this.resetWorldMatrix()}},{key:"setTransformOriginWithTranslate",value:function(t){var e=a.clone(this.transformOrigin);this.setTransformOrigin(t),this.setTranslate(a.add([],this.translate,a.subtract([],e,t)))}},{key:"setScale",value:function(t){this.scale=Math.min(Math.max(this.minScale,t),this.maxScale),this.resetWorldMatrix()}},{key:"setTranslate",value:function(t){this.translate=t,this.resetWorldMatrix()}},{key:"resetWorldMatrix",value:function(){this.matrix=Mr(i.fromTranslation([],this.translate),i.fromTranslation([],this.transformOrigin),i.fromScaling([],[this.scale,this.scale,1]),i.fromTranslation([],a.negate([],this.transformOrigin))),this.matrixInverse=i.invert([],this.matrix),this.scaleMatrix=Mr(i.fromScaling([],[this.scale,this.scale,1])),this.scaleMatrixInverse=i.invert([],this.scaleMatrix),this.refresh()}},{key:"refreshCanvasSize",value:function(t){if(this.canvasSize){this.canvasSize={x:t.x,y:t.y,width:t.width,height:t.height},this.cachedViewport=vc(0,0,this.canvasSize.width,this.canvasSize.height);var e=a.transformMat4([],[this.canvasSize.width,this.canvasSize.height,0],this.scaleMatrixInverse),n=a.add([],this.verties[0],[e[0]/2,e[1]/2,0]),r=i.getTranslation([],Mr(this.matrix,Dr(i.fromTranslation([],n),this.scaleMatrix,i.invert([],i.fromTranslation([],n)))));this.setTranslate(r),this.setTransformOrigin(n)}else this.canvasSize={x:t.x,y:t.y,width:t.width,height:t.height},this.cachedViewport=vc(0,0,this.canvasSize.width,this.canvasSize.height),this.setTransformOrigin([this.canvasSize.width/2,this.canvasSize.height/2,0]);this.editor.emit("updateViewport")}},{key:"refresh",value:function(){this.cachedViewport&&(this.verties=wr(this.cachedViewport,this.matrixInverse))}},{key:"createWorldPosition",value:function(t,e){var n=t-this.canvasSize.x,r=e-this.canvasSize.y;return[this.verties[0][0]+(this.verties[2][0]-this.verties[0][0])*(n/this.canvasSize.width),this.verties[0][1]+(this.verties[2][1]-this.verties[0][1])*(r/this.canvasSize.height),0]}},{key:"setMousePoint",value:function(t,e){this.mouse=this.createWorldPosition(t,e),this.setTransformOriginWithTranslate(a.lerp([],this.verties[0],this.verties[2],.5)),this.editor.emit("updateViewport")}},{key:"zoom",value:function(t){var e=this.scale,n=e*t;this.setScale(n);var r=this.scale/e;this.zoomFactor=r,1!==r&&(this.setTransformOriginWithTranslate(a.lerp([],this.mouse,this.transformOrigin,1/t)),this.editor.emit("updateViewport"))}},{key:"pan",value:function(t,e){arguments.length>2&&void 0!==arguments[2]&&arguments[2];this.setTransformOriginWithTranslate(a.add([],this.transformOrigin,[t,e,0])),this.editor.emit("updateViewport")}},{key:"moveLayerToCenter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-.2,n=a.lerp([],t[0],t[2],.5),r=a.dist(t[0],t[1]),i=a.dist(t[0],t[3]),o=a.lerp([],this.verties[0],this.verties[2],.5),s=a.dist(this.verties[0],this.verties[1]),c=a.dist(this.verties[0],this.verties[3]),l=Math.min(s/r,c/i)+e;this.setTranslate(a.add([],this.translate,a.subtract([],o,n))),this.setTransformOrigin(n),this.setScale(this.scale*l),this.editor.emit("updateViewport")}},{key:"applyVertex",value:function(t){return a.transformMat4([],t,this.matrix)}},{key:"applyVertexInverse",value:function(t){return a.transformMat4([],t,this.matrixInverse)}},{key:"applyVerties",value:function(t){return wr(t,this.matrix)}},{key:"applyScaleVerties",value:function(t){return wr(t,this.scaleMatrix)}},{key:"applyVertiesInverse",value:function(t){return wr(t,this.matrixInverse)}},{key:"applyScaleVertiesInverse",value:function(t){return wr(t,this.scaleMatrixInverse)}},{key:"createAreaVerties",value:function(t,e,n,r){return this.applyVertiesInverse(function(t,e,n,r){return vc(t,e,n,r)}(t,e,n,r))}},{key:"pos",get:function(){return[(this.mouse[0]-this.verties[0][0])/(this.verties[2][0]-this.verties[0][0])*100,(this.mouse[1]-this.verties[0][1])/(this.verties[2][1]-this.verties[0][1])*100,0]}},{key:"minX",get:function(){return this.verties[0][0]}},{key:"maxX",get:function(){return this.verties[2][0]}},{key:"minY",get:function(){return this.verties[0][1]}},{key:"maxY",get:function(){return this.verties[2][1]}},{key:"height",get:function(){return this.maxY-this.minY}},{key:"width",get:function(){return this.maxX-this.minX}}]),t}(),vf=function(){function t(){go()(this,t)}return bo()(t,[{key:"render",value:function(t,e){return Hs.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,Hs.a.awrap(this.toCloneObject(t,e));case 2:return n.abrupt("return",n.sent);case 3:case"end":return n.stop()}}),null,this)}},{key:"toCloneObject",value:function(t,e){var n,r,i,a;return Hs.a.async((function(o){for(;;)switch(o.prev=o.next){case 0:(n=t.attrs("itemType","elementType","type","visible","lock","selected")).referenceId=t.id,n.newTargetId=Ar(),r=[],i=0,a=t.layers.length;case 5:if(!(i<a)){o.next=14;break}return o.t0=r,o.next=9,Hs.a.awrap(e.render(t.layers[i],e));case 9:o.t1=o.sent,o.t0.push.call(o.t0,o.t1);case 11:i++,o.next=5;break;case 14:return n.layers=r,o.abrupt("return",n);case 16:case"end":return o.stop()}}))}}]),t}();function yf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var kf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=bf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","text-clip","border-radius","border","box-shadow","text-shadow","clip-path","color","font-size","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","opacity","rotate","flex-layout","grid-layout","animation","transition"),r.t5={selectors:t.selectors.map((function(t){return t.clone()})),svg:t.svg.map((function(t){return t.clone()}))},r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4,r.t5));case 9:case"end":return r.stop()}}),null,this)}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=gf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("x","y","width","height"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(vf));function xf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Sf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=wf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("name"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(kf);function Pf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function jf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Pf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Pf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Of=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=jf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("tagName"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(kf),$f=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(Of);function Cf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Cf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Cf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Tf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){var r,i,a;return Hs.a.async((function(o){for(;;)switch(o.prev=o.next){case 0:return r=t.project,i=r.imageKeys[t.src],a=i.original,o.t0=Ef,o.t1={},o.next=7,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 7:return o.t2=o.sent,o.t3={src:a},o.abrupt("return",(0,o.t0)(o.t1,o.t2,o.t3));case 10:case"end":return o.stop()}}),null,this)}}]),e}(Of);function Vf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Vf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Df(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function If(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Df(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Df(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Lf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Rf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Lf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Lf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Af=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Rf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("name","description","rootVariable"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=If,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("timeline"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Mf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(vf))),zf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(Of);function Ff(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ff(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ff(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Gf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Bf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(Of);function Hf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Nf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Hf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Hf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Xf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Nf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("d"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(Gf);function Yf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _f(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Yf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Kf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=_f,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(Gf);function Wf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Uf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Zf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Uf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(Gf);function qf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Qf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Jf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("content"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(Of);function tv(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ev(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?tv(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tv(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var nv=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=ev,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("src"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(Of),rv={project:new Af,artboard:new Sf,rect:new zf,circle:new $f,image:new Tf,text:new Qf,video:new nv,"svg-path":new Xf,"svg-text":new Zf,"svg-textpath":new Kf},iv={render:function(t,e){var n;return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:if(t){r.next=2;break}return r.abrupt("return");case 2:if(!(n=rv[t.itemType])){r.next=7;break}return r.next=6,Hs.a.awrap(n.render(t,e||this));case 6:return r.abrupt("return",r.sent);case 7:case"end":return r.stop()}}),null,this)},getResourceDataURI:function(t,e){return Hs.a.async((function(t){for(;;)switch(t.prev=t.next){case 0:case"end":return t.stop()}}))}},av=function(){function t(e){go()(this,t),this.editor=e}return bo()(t,[{key:"getArtboardList",value:function(){var t,e;return Hs.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:if(t=!1,e=(this.editor.loadItem("artboards")||[]).map((function(e){return e.id||(e.id=Ar(),t=!0),e})),!t){n.next=5;break}return n.next=5,Hs.a.awrap(this.setArtboardList(e));case 5:return n.abrupt("return",e);case 6:case"end":return n.stop()}}),null,this)}},{key:"setArtboardList",value:function(t){return Hs.a.async((function(e){for(;;)switch(e.prev=e.next){case 0:this.editor.saveItem("artboards",t);case 1:case"end":return e.stop()}}),null,this)}},{key:"getArtBoard",value:function(t){var e,n;return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,Hs.a.awrap(this.getArtboardList());case 2:if(e=r.sent,!(n=e.find((function(e){return e.id===t})))||!n.artboard){r.next=6;break}return r.abrupt("return",n.artboard);case 6:return r.abrupt("return",null);case 7:case"end":return r.stop()}}),null,this)}},{key:"saveArtboard",value:function(){var t,e,n,r,i=arguments;return Hs.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:if(t=i.length>0&&void 0!==i[0]?i[0]:"",!(e=this.editor.selection.current)){a.next=13;break}return a.next=5,Hs.a.awrap(this.getArtboardList());case 5:return n=a.sent,a.next=8,Hs.a.awrap(iv.render(e));case 8:return(r=a.sent).x="0px",r.y="0px",a.next=13,Hs.a.awrap(this.setArtboardList([].concat(E()(n),[{id:Ar(),preview:t,artboard:r}])));case 13:case"end":return a.stop()}}),null,this)}},{key:"removeArtboard",value:function(t){var e;return Hs.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,Hs.a.awrap(this.getArtboardList());case 2:return e=n.sent,n.next=5,Hs.a.awrap(this.setArtboardList(e.filter((function(e){return e.id!==t}))));case 5:case"end":return n.stop()}}),null,this)}}]),t}();function ov(t,e){var n=Object.assign({width:24,height:24},e);return('\n        <svg \n            xmlns="http://www.w3.org/2000/svg" \n            width="'.concat(n.width,'" \n            height="').concat(n.height,'" \n            viewBox="0 0 24 24">').concat(t,"</svg>"))}var sv=ov('\n    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/>\n'),cv=ov('\n    <path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>\n'),lv=ov('<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"/>'),uv=ov('<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"/>'),hv=ov('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>'),pv=ov('<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"/>'),dv=ov('<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"/>'),fv=ov('<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"/>'),vv=ov('<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"/>'),yv=ov('<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"/>'),gv=ov('<path d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>'),mv=ov('<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>'),bv=ov('<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"/>'),kv=ov('<path d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"/>'),xv=ov('<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"/>'),wv=ov('<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"/>'),Sv=ov('<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"/>'),Pv=ov('<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"/>'),jv=ov('<path d="M19 13H5v-2h14v2z"/>'),Ov=ov('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),$v=ov('<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>'),Cv=ov('<path d="M10 17l5-5-5-5v10z"/>'),Ev=ov('<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>'),Tv=ov('<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"/>'),Vv=ov('<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"/>'),Mv=ov('<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"/>'),Dv=ov('<path d="M5 4v3h5.5v12h3V7H19V4z"/>'),Iv=ov('<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"/>'),Lv=ov('<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>'),Rv=ov('<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"/>'),Av=ov('<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"/>'),zv=ov('<path d="M8 5v14l11-7z"/>'),Fv=ov('<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>'),Bv=ov('<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"/>'),Gv=ov('<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"/>'),Hv=ov('<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"/>'),Nv=ov('<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"/>'),Xv=ov('<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"/>'),Yv=ov('<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"/>'),_v=ov('<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>'),Kv=ov('<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"/>'),Wv=ov('<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"/>'),Uv=ov('<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"/>'),Zv=ov('<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"/>'),qv=ov('<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"/>'),Jv=ov('<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"/>'),Qv=ov('<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"/>'),ty=ov('<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"/>'),ey=ov('<path d="M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z"/>'),ny=ov('<path d="M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z"/>'),ry=ov('<path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"/>'),iy=ov('<path d="M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"/>'),ay=ov('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),oy=ov('<path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"/>'),sy=ov('<path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>'),cy=ov('<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"/>'),ly=ov('<path d="M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z"/>'),uy=ov('<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"/>'),hy=ov('<path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" />'),py=ov('<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" />'),dy=ov('<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"/>'),fy=ov('<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"/>'),vy=ov('<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"/>'),yy=ov('<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"/>'),gy=ov('<path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/>'),my=ov('<path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/>'),by=ov('<path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/>'),ky=ov('<path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/>'),xy=ov('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),wy=ov('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z" />'),Sy=ov('<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"/>'),Py=ov('<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)"/>'),jy=ov('<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"/>'),Oy=ov('\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'),$y=ov('<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"/>'),Cy=ov('<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"/>'),Ey=ov('<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"/>'),Ty=ov('<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"/>'),Vy=ov('<path d="M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z"/>'),My=ov('<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"/>'),Dy=ov('<path d="M7 2v11h3v9l7-12h-4l4-8z"/>'),Iy=ov('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),Ly=ov('<path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/>'),Ry=ov('<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"/>'),Ay=ov('<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"/>'),zy=ov('<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"/>'),Fy=ov('<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"/>'),By=ov('<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"/>'),Gy=ov('<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"/>'),Hy=ov('<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"/>'),Ny=ov('<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"/>'),Xy=ov('<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"/>'),Yy=ov('<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"/>'),_y=ov('<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"/>'),Ky=ov('<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"/>'),Wy=ov('<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"/>'),Uy=ov('<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"/>'),Zy=ov('<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"/>'),qy=ov('<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"/>'),Jy=ov('<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"/>'),Qy=ov('<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"/>'),tg=ov('<path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"/>'),eg=ov('<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"/>'),ng=ov('<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"/>'),rg=ov('<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"/>'),ig=ov('<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"/>'),ag=ov('\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'),og=ov('<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"/>'),sg=ov('<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"/>'),cg=ov('\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'),lg=ov('<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"/>'),ug=ov('<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"/>'),hg=ov('<path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/>'),pg=ov('<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"/>'),dg=ov('<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>'),fg=ov('<path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/>'),vg=ov('<path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),yg=ov('\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n'),gg=ov('<path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),mg=ov('<path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),bg=ov('<path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),kg=ov('<path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),xg=ov('\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n'),wg=ov('\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n'),Sg=ov('<path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/>'),Pg=ov('<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"/>'),jg=ov('<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"/>'),Og=ov('<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"/>'),$g=ov('<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"/>'),Cg=ov('\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    '),Eg=ov('\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'),Tg=ov('\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    '),Vg=ov('\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    '),Mg=ov('\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'),Dg=ov('\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'),Ig=ov('<path d="M14 7l-5 5 5 5V7z"/>'),Lg=ov('\n        <path d="M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2zM7 17h10V7H7v10zm2-8h6v6H9V9z"/>\n    '),Rg=ov('<path d="M10 17l5-5-5-5v10z"/>'),Ag=ov('<path d="M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z"/>'),zg=ov('<polygon points="11,2 13,2 13,7 21,7 21,10 13,10 13,14 18,14 18,17 13,17 13,22 11,22 11,17 6,17 6,14 11,14 11,10 3,10 3,7 11,7"/>'),Fg=ov('<path d="M4,22H2V2h2V22z M22,7H6v3h16V7z M16,14H6v3h10V14z"/>'),Bg=ov('<path d="M20,2h2v20h-2V2z M2,10h16V7H2V10z M8,17h10v-3H8V17z"/>'),Gg=ov('<path d="M22,22H2v-2h20V22z M10,2H7v16h3V2z M17,8h-3v10h3V8z"/>'),Hg=ov('<polygon points="22,11 17,11 17,6 14,6 14,11 10,11 10,3 7,3 7,11 1.84,11 1.84,13 7,13 7,21 10,21 10,13 14,13 14,18 17,18 17,13 22,13"/>'),Ng=ov('<path d="M22,2v2H2V2H22z M7,22h3V6H7V22z M14,16h3V6h-3V16z"/>'),Xg=ov('<path d="M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z"/>'),Yg=ov('<path d="M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z"/>'),_g=ov('\n        <path d="M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z" stroke=\'white\' stroke-width="0.5" />\n    '),Kg=ov('<path d="M22,2v2H2V2H22z M7,10.5v3h10v-3H7z M2,20v2h20v-2H2z"/>'),Wg=ov('<path d="M4,22H2V2h2V22z M22,2h-2v20h2V2z M13.5,7h-3v10h3V7z"/>'),Ug=ov('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"/>'),Zg=ov('<rect fill-rule="evenodd" height="2" width="16" x="4" y="11"/>');function qg(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var Jg=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qg(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qg(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},{fullscreen:Vv},{navigation:ov('<path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"/>'),delete_forever:Ug,horizontal_rule:Zg,open_in_full:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return(ov('<polygon points="21,11 21,3 13,3 16.29,6.29 6.29,16.29 3,13 3,21 11,21 7.71,17.71 17.71,7.71" transform=\''.concat(t,"' stroke='white' stroke-width=\"0.5\" />"),{width:20,height:20}))},rotate:_g,align_horizontal_center:zg,align_horizontal_left:Fg,align_horizontal_right:Bg,align_vertical_bottom:Gg,align_vertical_center:Hg,align_vertical_top:Ng,vertical_distribute:Kg,horizontal_distribute:Wg,rotate_left:Yg,swap_horiz:Xg,arrow_right:Rg,group:Lg,volume_down:Vg,arrowLeft:Ig,volume_up:Mg,volume_off:Dg,pentool:Eg,launch:Cg,apps:jg,outline_rect:Og,outline_circle:$g,keyboard:Pg,local_movie:Sg,same_height:wg,same_width:xg,layers:Ag,middle:kg,bottom:bg,top:mg,right:gg,center:yg,left:vg,flag:fg,lens:dg,local_library:pg,italic:hg,strikethrough:ug,underline:lg,cylinder:cg,text_rotate:sg,device_hub:og,control_point:ig,flip_camera:ag,flipY:rg,flip:ng,account_tree:tg,format_shapes:eg,merge:Jy,texture:Qy,settings_input_component:qy,view_comfy:Zy,camera_roll:Uy,broken_image:Wy,shadow:Ky,opacity:_y,looks:Yy,vintage:Xy,waves:Ny,blur_linear:Hy,blur:Gy,landscape:By,palette:Fy,diffuse:zy,specular:Ay,photo:Ry,near_me:Ly,view_list:Iy,flash_on:Dy,doc:My,storage:Vy,archive:Ty,file_copy:Ey,gps_fixed:Cy,refresh:$y,cat:Oy,shuffle:jy,replay:Py,speed:Sy,alternate_reverse:wy,alternate:xy,note:yy,rect:vy,circle:fy,color_lens:dy,cube:py,polygon:hy,star:uy,dahaze:ly,brush:cy,expand:sy,list:ay,grid:oy,align_center:ey,align_justify:ny,align_left:ry,align_right:iy,color:ty,size:Qv,edit:Jv,outline_image:qv,ballot:Wv,shape:Kv,scatter:_v,transform:Yv,gradient:Xv,close:Nv,build:Hv,code:Gv,autorenew:Bv,play:zv,pause:Fv,skip_next:gy,skip_prev:my,fast_forward:by,fast_rewind:ky,filter:Av,input:Rv,timer:Iv,title:Dv,paint:Mv,border_all:Tv,border_inner:Vv,check:Ev,video:Tg,arrowRight:Cv,screen:$v,repeat:Ov,remove2:jv,setting:Pv,image:Sv,artboard:wv,folder:xv,publish:kv,add_note:bv,add:mv,save:yv,export:gv,redo:vv,undo:fv,lock:dv,lock_open:Zv,remove:hv,copy:pv,visible:uv,add_box:lv,add_circle:Uv,create_folder:cv,chevron_right:sv,chevron_left:Lv}),Qg=function(){function t(){go()(this,t)}return bo()(t,[{key:"load",value:function(){var t,e,n,r,i,a,o,s=arguments;return Hs.a.async((function(c){for(;;)switch(c.prev=c.next){case 0:if(t=s.length>0&&void 0!==s[0]?s[0]:"default",!Jg[t]){c.next=8;break}for(n=s.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=s[i];return a=Bi(Jg[t])?(e=Jg[t]).call.apply(e,[Jg[t]].concat(r)):Jg[t],o=new Blob([a],{type:"image/svg+xml"}),c.abrupt("return",new Promise((function(t,e){var n=new FileReader;n.onload=function(e){var n=e.target.result;t("url(".concat(n,") 12 12, auto"))},n.readAsDataURL(o)})));case 8:return c.abrupt("return",t);case 9:case"end":return c.stop()}}))}}]),t}(),tm=function(){function t(e){go()(this,t),this.$editor=e}return bo()(t,[{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=ep.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 Li(t)?t=t.map((function(t){return n.applyAsset(t,e)})):Fi(t)?Object.keys(t).forEach((function(r){t[r]=n.applyAsset(t[r],e)})):Ai(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:"project",get:function(){return this.$editor.selection.currentProject}}]),t}(),em="SELECTION",nm=function(){function t(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];go()(this,t),this.EDITOR_ID=Ar(),this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=em,this.modeView="CanvasView",this.addComponentType="",this.locale=this.loadItem("locale")||"en_US",this.layout=this.loadItem("layout")||"all",this.loadManagers()}return bo()(t,[{key:"loadManagers",value:function(){this.store=new Oo(this),this.config=new hf(this),this.snapManager=new om(this),this.commands=new ef(this),this.shortcuts=new uf(this),this.selection=new jh(this),this.timeline=new Th(this),this.history=new pf(this),this.keyboardManager=new df(this),this.viewport=new ff(this),this.storageManager=new av(this),this.cursorManager=new Qg(this),this.assetManager=new tm(this),this.components=zc,this.initTheme()}},{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 $h.get(t,e,n||this.locale)}},{key:"hasI18nkey",value:function(t,e){return $h.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]:{},i=arguments.length>2?arguments[2]:void 0,a="".concat(e,".").concat(n);return t.hasI18nkey(a,i)?t.$i18n("".concat(e,".").concat(n),r,i):t.$i18n("".concat(n),r,i)}}},{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:"setLayout",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"all";this.layout=t,this.saveItem("layout",this.layout)}},{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=["dark","light","toon"].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 Ch[this.theme][t]||e}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:em;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(em)}},{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","toon"].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:"emit",value:function(){var t;this.store.source="EDITOR_ID",(t=this.store).emit.apply(t,arguments)}},{key:"on",value:function(){var t;(t=this.store).on.apply(t,arguments)}},{key:"off",value:function(){var t;(t=this.store).off.apply(t,arguments)}},{key:"offAll",value:function(){var t;(t=this.store).offAll.apply(t,arguments)}},{key:"debug",value:function(){var t;this.config.get("debug")&&(t=console).log.apply(t,arguments)}},{key:"command",value:function(t,e){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];var a,o;return this.isPointerUp?(a=this.store).emit.apply(a,["history.".concat(t),e].concat(r)):(o=this.store).emit.apply(o,[t].concat(r))}},{key:"nextTick",value:function(t){this.store&&this.store.nextTick(t)}},{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:"serialize",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=[];return t.forEach((function(t){var n=t.toJSON();n._parentId=t.parent?t.parent.id:void 0,n._positionInParent=t.positionInParent,e.push(n)})),JSON.stringify(e)}},{key:"createItem",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t._parentId&&(t.parent=this.searchItem(t._parentId),delete t._parentId),t.layers=(t.layers||[]).map((function(t){return e.createItem(t)}));var r=this.components.createComponent(t.itemType,t);return n&&r.parent.setPositionInPlace(t._positionInParent,r),r}},{key:"searchItem",value:function(t){var e=[];return Ai(t)?e.push(t):Li(t)&&(e=E()(t)),this.selection.currentProject.getSearchedIndexItemList(e).filter(Boolean)[0]}},{key:"deserialize",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=JSON.parse(t)||[];return r.map((function(t){return e.createItem(t,n)}))}},{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:"loadResource",value:function(t){return this.assetManager.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++}},{key:"isPointerUp",get:function(){return!this.config.get("bodyEvent")||"pointerup"===this.config.get("bodyEvent").type}},{key:"isPointerMove",get:function(){return!!this.config.get("bodyEvent")&&"pointermove"===this.config.get("bodyEvent").type}}]),t}(),rm=a.fromValues(0,0,0);function im(t,e){return Math.abs(t[0]-e[0])<1}function am(t,e){return Math.abs(t[1]-e[1])<1}var om=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;go()(this,t),this.editor=e,this.map=new Map,this.snapTargetLayers=[],this.snapDistance=n}return bo()(t,[{key:"clear",value:function(){var t=this;this.snapTargetLayers=this.editor.selection.snapTargetLayers.map((function(e){return t.convertMatrix(e)}))}},{key:"convertMatrix",value:function(t){var e=this.convertGuideAndPathMatrix(t),n=e.map((function(t){return t[0]})),r=e.map((function(t){return t[1]}));return{id:t.id,xList:n,yList:r,verties:e}}},{key:"convertGuideAndPathMatrix",value:function(t){var e=t.guideVerties(),n=t.pathVerties();return[].concat(E()(e),E()(n))}},{key:"getSnapPoints",value:function(){var t=this,e=[];return this.editor.selection.snapTargetLayersWithSelection.forEach((function(n){e.push.apply(e,t.convertGuideAndPathMatrix(n))})),e}},{key:"checkX",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=[];return t.forEach((function(t,i){e.forEach((function(e,a){var o=t-e;Math.abs(o)<=n&&r.push({targetX:t,sourceX:e,sourceIndex:a,targetIndex:i,dx:o})}))})),r}},{key:"checkY",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=[];return t.forEach((function(t,i){e.forEach((function(e,a){var o=t-e;Math.abs(o)<=n&&r.push({targetY:t,sourceY:e,sourceIndex:a,targetIndex:i,dy:o})}))})),r}},{key:"check",value:function(t){var e=this,n=[],r=this.snapDistance,i=t.map((function(t){return t[0]})),o=t.map((function(t){return t[1]}));return this.snapTargetLayers.forEach((function(t){var s=e.checkX(t.xList,i,r)[0],c=e.checkY(t.yList,o,r)[0];n.push(a.fromValues(s?s.dx:0,c?c.dy:0,0))})),n.find((function(t){return Ni(t[0])||Ni(t[1])}))||rm}},{key:"checkPoint",value:function(t){var e=this.check([t]);return a.add([],t,e)}},{key:"getGuidesByPointPoint",value:function(t,e){for(var n,r,i=[],a=0,o=t.length;a<o;a++){n=t[a];for(var s=0,c=e.length;s<c;s++)im(n,r=e[s])&&i.push([n,r,"x"]),am(n,r)&&i.push([n,r,"y"])}return i}},{key:"findGuide",value:function(t){var e=this,n=[];return this.snapTargetLayers.forEach((function(r){var i=e.getGuidesByPointPoint(t,r.verties);n.push.apply(n,i)})),n}},{key:"findGuideOne",value:function(t){return[this.findGuide(t)[0]]}}]),t}(),sm=/^ME@/,cm=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.join("|")},lm=function(){return"ME@"+cm.apply(void 0,arguments)},um=function(t){function e(t){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return go()(this,e),(n=xo()(this,So()(e).call(this,t,r))).created(),n.initialize(),n.initializeStoreEvent(),n}return jo()(e,t),bo()(e,[{key:"initializeProperty",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Bs()(So()(e.prototype),"initializeProperty",this).call(this,t,n),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:"splitMethod",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=aa(t.split("|"),e),i=j()(r,2),a=i[0],o=i[1];return[a.length?+o[0].target:n,a,o]}},{key:"initializeStoreEvent",value:function(){var t=this;this.filterProps(sm).forEach((function(e){var n=t.getRealEventName(e,"ME@"),r=t.splitMethod(n,"debounce"),i=j()(r,2),a=i[0],o=i[1],s=t.splitMethod(n,"throttle"),c=j()(s,2),l=c[0],u=c[1];n.split("|").filter((function(t){return-1===o.indexOf(t)&&-1===u.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,l)}))}))}},{key:"destoryStoreEvent",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){Bs()(So()(e.prototype),"destroy",this).call(this),this.destoryStoreEvent()}},{key:"rerender",value:function(){Bs()(So()(e.prototype),"rerender",this).call(this),this.initialize(),this.initializeStoreEvent()}},{key:"emit",value:function(t){var e;this.$store.source=this.source,this.$store.sourceContext=this;for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];(e=this.$store).emit.apply(e,[t].concat(r))}},{key:"nextTick",value:function(t){this.$store.nextTick(t)}},{key:"trigger",value:function(t){var e;this.$store.source=this.source;for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];(e=this.$store).trigger.apply(e,[t].concat(r))}},{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:"command",value:function(t,e){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];return this.$editor.isPointerUp?this.emit.apply(this,["history.".concat(t),e].concat(r)):this.emit.apply(this,[t].concat(r))}},{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:"$viewport",get:function(){return this.$editor.viewport}},{key:"$snapManager",get:function(){return this.$editor.snapManager}},{key:"$timeline",get:function(){return this.$editor.timeline}},{key:"$history",get:function(){return this.$editor.history}},{key:"$shortcuts",get:function(){return this.$editor.shortcuts}},{key:"$keyboardManager",get:function(){return this.$editor.keyboardManager}},{key:"$storageManager",get:function(){return this.$editor.storageManager}}]),e}(sc),hm={x:0,y:0},pm={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},dm=function(t){return new(function(e){function n(){return go()(this,n),xo()(this,So()(n).apply(this,arguments))}return jo()(n,e),bo()(n,[{key:"initialize",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.$editor=new nm,this.$store=this.$editor.store,this.$container=Ro.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);var e=0===t?this.loopBodyMoves.bind(this):Oi(this.loopBodyMoves.bind(this),this.$config.get("body.move.ms"));this.funcBodyMoves=e}},{key:"loopBodyMoves",value:function(){var t=this.$config.get("pos"),e=this.$config.get("bodyEvent"),n=this.$config.get("lastPos")||pm;!(n.x===t.x&&n.y===t.y)&&this.moves.size&&(this.moves.forEach((function(n){var r=kr(t.x,t.y,n.xy.x,n.xy.y);if(Math.abs(r)>.5){var i=Math.floor(t.x-n.xy.x),a=Math.floor(t.y-n.xy.y);n.func.call(n.context,i,a,"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:lm("add/body/mousemove"),value:function(t,e,n){this.moves.add({func:t,context:e,xy:n})}},{key:lm("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 t.template||"<div></div>"}},{key:"components",value:function(){return t.components||{}}},{key:us("document"),value:function(t){var e=t.xy||hm;this.$config.set("bodyEvent",t),this.$config.set("pos",e),this.requestId||(this.requestId=requestAnimationFrame(this.funcBodyMoves))}},{key:hs("document"),value:function(t){this.$config.set("bodyEvent",t),this.removeBodyMoves(),cancelAnimationFrame(this.requestId),this.requestId=null}},{key:is("window")+Ps(100),value:function(){this.emit("resize.window")}},{key:"commands",get:function(){return this.$editor.commands}},{key:"shortcuts",get:function(){return this.$editor.shortcuts}}]),n}(um))(t)},fm={App:k,Color:po,HueColor:vo,ColorNames:Fa,Dom:Ro,EventMachine:sc,UIElement:um},vm={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Jg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Jg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Jg.repeat," Conic")},ym={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"},gm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return Cx}},{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 eu.parseStyle(Qi(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(Jg.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          <object refClass=\"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:Vs("$fillList"),value:function(){var t=this,e=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var i=n.image,a=ym[i.type],o=vm[i.type],s=n.selected?"selected":"";return n.selected&&(t.selectedIndex=r),"\n            <div class='fill-item ".concat(s,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(a,'" >\n                <object refClass="BackgroundPositionEditor" \n                    key="background-position"\n                    index="').concat(r,'"\n                    ref="$bp').concat(r,'"\n                    x="').concat(n.x,'"\n                    y="').concat(n.y,'"\n                    width="').concat(n.width,'"\n                    height="').concat(n.height,'"\n                    repeat="').concat(n.repeat,'"\n                    size="').concat(n.size,'"\n                    blendMode="').concat(n.blendMode,'"     \n                    onchange=\'changePattern\' />\n                <object refClass="GradientSingleEditor" \n                    index="').concat(r,'"\n                    ref="$gse').concat(r,'"\n                    image="').concat(n.image,'"\n                    color="').concat(e.color,"\"\n                    key=\"background-image\"\n                    onchange='changePattern'\n\n                />\n                <div class='fill-info'>\n                  <div class='gradient-info'>\n                    <div class='fill-title' ref=\"fillTitle").concat(r,'">').concat(o,"</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(Jg.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var t=Ji(eu.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:lm("add"),value:function(){this.state.images.push(new eu({image:new Il({angle:90,colorsteps:[new ml({percent:0,color:"white",index:0}),new ml({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:Yo("$add"),value:function(){this.trigger("add")}},{key:Uo("$fillList .fill-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:qo("$fillList .fill-item")+Es,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(E()(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:Zo("$fillList .fill-item")+Es,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:Yo("$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:lm("selectFillPopupTab"),value:function(t,e){var n=ym[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:lm("changeRangeEditor"),value:function(t,e,n){this.trigger("changePattern",t,S()({},t,e),n)}},{key:lm("changePattern")+Ps(10),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}]),e}(um),mm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:Jc.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(Jg.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    "))}},{key:Vs("$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(Jg.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(Jg.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:lm("refreshSelection"),value:function(){this.refresh()}},{key:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:lm("add"),value:function(){this.state.boxShadows.push(new Jc({offsetX:Lo.px(2),offsetY:Lo.px(2),blurRadius:Lo.px(3),spreadRadius:Lo.px(1)})),this.refresh(),this.modifyBoxShadow()}},{key:Yo("$add"),value:function(){this.trigger("add")}},{key:Yo("$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:Yo("$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:lm("changeBoxShadowEditorColor"),value:function(t){this.trigger("changeBoxShadowEditorPopup",{color:t})}},{key:lm("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())}}}]),e}(um),bm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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,i=this.props.tabindex;return{keyValueChar:t,splitChar:e,label:this.props.label||"",options:n,value:r,tabIndex:i}}},{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:Ls("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Vs("$options"),value:function(){var t=this;return this.state.options.map((function(e){var n=e;if((a=e).includes(t.state.keyValueChar)){var r=a.split(t.state.keyValueChar),i=j()(r,2),a=i[0];n=i[1]}""===n?n=t.props["none-value"]?t.props["none-value"]:"":"-"===n&&(n="----------",a="");var o=a===t.state.value?"selected":"";return"<option ".concat(o,' value="').concat(a,'">').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:Qo("$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)}}]),e}(um),km=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:bm}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Lo.parse(this.props.value||Lo.z());return{removable:"true"===this.props.removable,calc:"true"===this.props.calc,compact:"true"===this.props.compact,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:Vs("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,i=t.label,a=t.removable,o=t.layout,s=t.compact,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=o,u=(+c).toString(),h=this.state.units.split(",").map((function(t){var e=t;return"number"===e&&(e=""),"".concat(t,":").concat(e)})).join(",");return'\n        <div \n            ref="$range"\n            class="'.concat(ea(S()({"range-editor":!0,"has-label":!!i,compact:!!s,"is-removable":a},l,!0)),'"\n        >\n            ').concat(i?'<label title="'.concat(i,'">').concat(i,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <input type='range' ref='$property' value=\"").concat(u,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(u,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,'" tabIndex="1" />\n                    <object refClass="SelectEditor"  ref=\'$unit\' key=\'unit\' value="').concat(this.state.selectedUnit||this.state.value.unit,'" options="').concat(h,"\" onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Jg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Lo.parse(t)})}},{key:es("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:rs("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:Yo("$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 Lo(0,this.children.$unit.getValue()))}},{key:ts("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new Lo(e,this.children.$unit.getValue())})}},{key:ss("$property")+$s("moveRange")+Cs("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeValue")}},{key:lm("changeValue")+Os(100),value:function(){var t=+this.getRef("$property").value;this.refs.$propertyNumber.val(t),this.initValue(),this.updateData({value:new Lo(t,this.children.$unit.getValue())})}},{key:lm("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),e}(um),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"}],wm=xm.map((function(t){return t.key})),Sm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:km}}},{key:"initState",value:function(){return Wc.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='border-radius-editor' ref='$body'></div>"}},{key:lm("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&wm.forEach((function(t){n.children["$".concat(t)].setValue(e.clone())})),this.setBorderRadius()}},{key:Vs("$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(Jg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Jg.border_inner,'\n          </button>\n        </div>\n        <div class="radius-value">\n          <object refClass="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                  <object refClass="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:ts("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:Qo("$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,wm.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"]+"":wm.map((function(e){return"".concat(t.state[e])})).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:Yo("$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()}}]),e}(um),Pm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Ls("$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:Yo("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorSingleEditor",color:this.state.color})}},{key:lm("changeColorSingleEditor"),value:function(t,e){this.refs.$miniView.cssText("background-color: ".concat(t)),this.updateData({color:t})}}]),e}(um),jm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:"updateEndData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyEndColor()}},{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:"modifyEndColor",value:function(){this.parent.trigger(this.props.onchangeend,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='color-code'>\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                    <input type=\"text\" ref='$colorCode' value='").concat(this.state.value,'\' tabIndex="1" />\n                </div>\n            </div>\n        ')}},{key:Ls("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:Ls("$colorCode"),value:function(){return{value:this.state.value}}},{key:es("$colorCode"),value:function(t){this.refs.$colorCode.addClass("focused")}},{key:rs("$colorCode"),value:function(t){this.refs.$colorCode.removeClass("focused")}},{key:Yo("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorViewEditor",changeEndEvent:"changeEndColorViewEditor",color:this.state.value})}},{key:Yo("$remove"),value:function(t){this.updateData({value:""})}},{key:ts("$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:lm("changeColorViewEditor"),value:function(t){this.updateData({value:t})}},{key:lm("changeEndColorViewEditor"),value:function(t){this.updateEndData({value:t})}}]),e}(um),Om=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{key:this.props.key,currentBezier:ri(this.props.value||"linear"),currentBezierIndex:0,selectedColor:"#609de2",animatedColor:"#609de266",curveColor:"#609de2",baseLineColor:"rgba(117, 117, 117, 0.46)"}}},{key:"template",value:function(){var t=oa(this.state.currentBezier,150,150),e=sa(this.state.currentBezier,150,150),n=oa("ease",30,30),r=sa("ease",30,30),i=oa("ease-in",30,30),a=sa("ease-in",30,30),o=oa("ease-out",30,30),s=sa("ease-out",30,30);return"\n            <div class='cubic-bezier-editor'>\n                <div class='predefined'>\n                    <div class='left' ref='$left'>".concat(Jg.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(Jg.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                        <svg class='item-canvas' width=\"30\" height=\"30\" viewBox=\"0 0 30 30\">\n                            <path d=\"").concat(n,'" stroke="white" stroke-width="1" fill=\'none\' />\n                            <path d="').concat(r,'" stroke="gray" stroke-width="1" fill=\'none\' />\n                        </svg>\n                    </div>\n                    <div class=\'item\' data-bezier=\'ease-in\' title=\'ease-in\'>\n                        <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                            <path d="').concat(i,'" stroke="white" stroke-width="1" fill=\'none\' />\n                            <path d="').concat(a,'" stroke="gray" stroke-width="1" fill=\'none\' /> \n                        </svg>\n                    </div>\n                    <div class=\'item\' data-bezier=\'ease-out\' title=\'ease-out\'>\n                        <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                            <path d="').concat(o,'" stroke="white" stroke-width="1" fill=\'none\' />\n                            <path d="').concat(s,'" stroke="gray" stroke-width="1" fill=\'none\' />\n                        </svg>\n                    </div>\n                </div>\n                <div class=\'bezier\'>\n                    <svg class=\'bezier-canvas\' width="150" height="150" viewBox="0 0 150 150" overflow="visible">\n                        <path d="').concat(t,'" stroke="white" stroke-width="1" fill=\'none\' ref=\'$bezierCanvas\' />\n                        <path d="').concat(e,"\" stroke=\"gray\" stroke-width=\"1\" fill='none' ref='$bezierCanvasPoint' />\n                    </svg>                \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:Ls("$bezierCanvas"),value:function(){return{d:oa(this.state.currentBezier,150,150)}}},{key:Ls("$bezierCanvasPoint"),value:function(){return{d:sa(this.state.currentBezier,150,150)}}},{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.parent.trigger(this.props.onchange,this.state.key,ii(this.state.currentBezier))}},{key:Yo("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=ni.length-1:--n;e=ni[n];this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:Yo("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%ni.length,e=ni[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:Yo("$text"),value:function(){var t=E()(ni[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:Yo("$itemList .item"),value:function(t){var e=t.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=ri(e);this.updateData({currentBezier:n}),this.refresh()}},{key:"refresh",value:function(){this.refreshEasingText(),this.refreshBezierCanvas()}},{key:"refreshBezierCanvas",value:function(){this.bindData("$bezierCanvas"),this.bindData("$bezierCanvasPoint"),this.refreshPointer(),this.drawPoint()}},{key:"refreshEasingText",value:function(){this.refs.$text.html(this.state.currentBezier[4]||"ease")}},{key:"refreshPointer",value:function(){var t=ri(this.state.currentBezier),e=this.refs.$control.width(),n=this.refs.$control.height(),r=t[0]*e,i=(1-t[1])*n;this.refs.$pointer1.css({left:Lo.px(r).round(),top:Lo.px(i).round()}),r=t[2]*e,i=(1-t[3])*n,this.refs.$pointer2.css({left:Lo.px(r).round(),top:Lo.px(i).round()})}},{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,i=this.animationCanvasData.context;i.beginPath(),i.arc(r,10,5,0,2*Math.PI),i.fill(),i.stroke(),i.closePath(),t>=1||(this.animationTimer=setTimeout((function(){e.start(t+.05)}),50))}},{key:"animationPoint",value:function(){var t=ri(this.state.currentBezier),e=yi(ii(t));this.refs.$animationCanvas.clear();var n=this.refs.$animationCanvas.width(),r=this.refs.$animationCanvas.height(),i=this.refs.$animationCanvas.context();i.fillStyle=this.state.animatedColor,i.strokeStyle=this.state.selectedColor,i.lineWidth=1,this.animationCanvasData={func:e,width:n,height:r,context:i},this.start(0)}},{key:"setPosition",value:function(t){var e=this.refs.$control.width(),n=this.refs.$control.height(),r=this.refs.$control.offset().left,i=this.refs.$control.offset().top,a=t,o=a.x;0>o?o=0:a.x>document.body.clientWidth&&(o=document.body.clientWidth),(o-=r)<0&&(o=0),e<o&&(o=e);var s=a.y;return 0>s?s=0:a.y>document.body.clientHeight&&(s=document.body.clientHeight),s-=i,{x:vr(o,e),y:s==n?0:(n-s)/n}}},{key:ss("$pointer1")+$s("movePointer1")+Cs("drawPoint"),value:function(t){this.clientX=t.clientX,this.clientY=t.clientY}},{key:"movePointer1",value:function(t,e){var n=this.setPosition({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:ss("$pointer2")+$s("movePointer2")+Cs("drawPoint"),value:function(t){this.clientX=t.clientX,this.clientY=t.clientY}},{key:"movePointer2",value:function(t,e){var n=this.setPosition({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:lm("showCubicBezierEditor"),value:function(t){var e=ri(t||this.state.currentBezier);this.setState({currentBezier:e}),this.refresh()}}]),e}(um),$m=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"getAllDropItems",value:function(t){var e=[];t.dataTransfer&&(e=E()(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=E()(t.dataTransfer.files)),[].concat(E()(e),E()(n))}}]),t}(),Cm=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],Em=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"],Tm=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"].join(","),Vm={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},Mm={d:!0},Dm={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},Im=function(t){return Vm[t]||!1},Lm=function(t){return Mm[t]||!1},Rm=function(t){return Dm[t]||!1};function Am(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Am(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Am(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Fm={blur:fu.spec,grayscale:yu.spec,"hue-rotate":gu.spec,invert:mu.spec,brightness:bu.spec,contrast:ku.spec,"drop-shadow":Pu.spec,opacity:xu.spec,saturate:wu.spec,sepia:Su.spec,svg:vu.spec},Bm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:bm,RangeEditor:km,ColorViewEditor:jm}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:du.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(Jg.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>"))}},{key:Vs("$filterSelect"),value:function(){var t=Cm.map((function(t){return{title:t,value:t}})),e=this.getSVGFilterList();return(e.length?[].concat(E()(t),[{title:"-------",value:""}],E()(e)):E()(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 Fm[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(Jg.remove2,'\n            </button>\n          </div>\n        </div>\n\n        <div class="filter-ui drop-shadow-color">\n          <object refClass="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(i){return'        \n            <div class="filter-ui drop-shadow">\n                <object refClass="RangeEditor"  \n                  ref=\'$'.concat(i).concat(n,"' \n                  label=\"").concat(r.$i18n("filter.property.drop-shadow.".concat(i)),'"\n                  key="').concat(n,'" \n                  min="').concat(t[i].min,'"\n                  min="').concat(t[i].max,'"\n                  params="').concat(i,'" \n                  value="').concat(e[i].value,'" units="').concat(t[i].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="",i=this.$selection.currentProject;return i&&(r=(r=i.svgfilters.map((function(t){return t.id}))).length?","+r.join(","):""),'\n      <object refClass="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      <object refClass="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,i="".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?"":i,'">').concat(i,"</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(Jg.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:Vs("$filterList"),value:function(){var t=this;return this.state.filters.map((function(e,n){return t.makeFilterTemplate(e,n.toString())}))}},{key:Uo("$filterList .filter-item .title label"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:qo("$filterList .filter-item .title label")+Es,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(E()(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:Zo("$filterList .filter-item")+Es,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 du.parse(zm({},e,{type:t}))}},{key:Yo("$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 i=r.getSVGFilterIndex(n.value);this.trigger("openSVGFilterPopup",i)}}},{key:lm("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:lm("changeSVGFilterRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}},{key:lm("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:Yo("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:Yo("$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:lm("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:lm("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(S()({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:lm("refreshSVGArea")+Ps(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}]),e}(um),Gm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:bm}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Lo.parse(this.props.value||Lo.z()),n=this.props.label||"";return Jg[n]&&(n=Jg[n]),{removable:"true"===this.props.removable,label:n,compact:"true"===this.props.compact,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:Vs("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,i=t.label,a=t.compact,o=t.removable,s=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=s,u=(+c).toString();return'\n        <div \n            ref="$range",\n            class="'.concat(ea(S()({"input-range-editor":!0,"has-label":!!i,compact:!!a,"is-removable":o},l,!0)),'"\n        >\n            ').concat(i?"<label>".concat(i,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(u,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,'" tabIndex="1" />\n                    \n                    <object refClass="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(Jg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Lo.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.value),this.refs.$unit.val(this.state.value.unit)}},{key:es("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:rs("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:Yo("$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 Lo(0,this.children.$unit.getValue()))}},{key:ts("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new Lo(e,this.children.$unit.getValue())})}},{key:lm("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}},{key:lm("changeVarType"),value:function(t,e){this.updateData({value:new Lo(this.refs.$calc.value,e)})}}]),e}(um),Hm=["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"],Nm=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],Xm={"image-resource":Jg.photo},Ym={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},_m={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%"]},Km=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{InputRangeEditor:Gm,RangeEditor:km,SelectEditor:bm}}},{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:eu.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:eu.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(Jg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Jg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Jg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Jg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Jg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Jg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Jg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Jg.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(Nm.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(Xm[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</label>\n              <object refClass='InputRangeEditor' ref='$range' calc=\"false\" key='length' onchange='changeColorStepOffset' />\n            </div>\n            <div class='tools' data-editor='tools'>\n              <label for='gradientConnected").concat(this.id,"'>connected </label>\n              <input type='checkbox'  id='gradientConnected").concat(this.id,"' ref='$cut' checked />\n            </div>\n            <div class='sub-editor' ref='$subEditor'> \n              <div data-editor='angle'>\n                <object refClass=\"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                <object refClass=\"RangeEditor\" label='Center X' ref='$radialPositionX' calc=\"false\" value=\"50%\"  key='radialPositionX' onchange='changeKeyValue' />\n              </div>                \n              <div data-editor='centerY'>                      \n                <span ref=\"RangeEditor\" label='Center Y' ref='$radialPositionY' calc=\"false\" value=\"50%\" key='radialPositionY' onchange='changeKeyValue' />\n              </div>                \n              <div data-editor='radialType'>              \n                <object refClass=\"SelectEditor\" label='Radial Type' ref='$radialType' value=\"\" options=\"").concat(Hm.join(","),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:Qo("$file"),value:function(t){var e=this;this.$selection.currentProject&&E()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:Yo("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");_m[e]&&(this.state.image.radialPosition=Xi(_m[e]),this.refresh(),this.updateData())}},{key:_o("$gradientView")+Es,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:ss("$gradientView")+$s("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 i=Lo.percent((n-this.containerRect.x)/this.containerRect.width*100),a=Lo.percent((r-this.containerRect.y)/this.containerRect.height*100);this.state.image.radialPosition=[i,a],this.bindData("$dragPosition"),this.bindData("$gradientView"),this.children.$radialPositionX.setValue(i),this.children.$radialPositionY.setValue(a),this.updateData()}},{key:Yo("$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=eu.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:Lo.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:lm("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:lm("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:Yo("$back"),value:function(t){var e=this.refs.$stepList.rect(),n=e.x,r=e.right,i=t.xy.x;i<n?i=n:i>r&&(i=r);var a=(i-n)/e.width*100;this.state.image.insertColorStep(a),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:Ls("$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:Ls("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:Ls("$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:Ls("$dragPosition"),value:function(){var t="50%",e="50%";if(Ym[this.state.image.type]){var n=j()(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:Vs("$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:Yo("$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(Lo.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:ss("$stepList .step")+$s(),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,i=n.right,a=this.startXY.x+t;a<r?a=r:a>i&&(a=i);var o=(a-r)/n.width*100;this.currentStep.percent=o,this.children.$range.setValue(Lo.percent(o)),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(wl.toColorString(t.colorsteps),")")}},{key:lm("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:lm("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())}}]),e}(um);function Wm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var Um=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new Lo(0,"infinite"):Lo.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?Wm(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bs()(So()(e.prototype),"initState",this).call(this),{},{key:this.props.key,params:this.props.params||"",units:n,value:t})}}]),e}(km),Zm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){var t=this.props.value.split(";").filter((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=j()(e,2),r=n[0],i=n[1];return{key:r=r.replace("--",""),value:i}}));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(Jg.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>"))}},{key:lm("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:Yo("$add"),value:function(){this.trigger("add")}},{key:Vs("$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(Jg.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:Yo("$varList .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:ts("$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)}}]),e}(um),qm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){var t=Lo.parse(this.props.value||Lo.number(0));t=t.toUnit("number");var e=this.props.label||"";return Jg[e]&&(e=Jg[e]),{label:e,compact:"true"===this.props.compact,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:Vs("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,i=t.label,a=t.type,o=t.layout,s=t.compact,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=i?"has-label":"",u=s?"compact":"",h=o,p=(+c).toString();return"\n        <div class='number-input-editor ".concat(l," ").concat(u," ").concat(h,"' data-selected-type='").concat(a,"'>\n            ").concat(i?"<label>".concat(i,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(p,'" 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:Lo.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:ts("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}]),e}(um);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 Qm(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){S()(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}var tb=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],eb={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"]},nb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{NumberInputEditor:qm,RangeEditor:km}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:Ec.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(tb.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(Jg.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 eb[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" data-index="').concat(n,'">\n          <label draggable="true" >').concat(this.$i18n("css.item."+t),'</label>\n          <div class="transform-ui ').concat(t,'">\n            ').concat(e.value.map((function(e,i){var a=r.getLabel(t,i),o=r.getRange(t),s=o.min,c=o.max,l=o.step,u=o.units;return'\n                <div>\n                  <object refClass="RangeEditor"  \n                        ref=\'$range_'.concat(t,"_").concat(n,"_").concat(i,"' \n                        min=\"").concat(s,'" \n                        max="').concat(c,'" \n                        step="').concat(l,'" \n                        label="').concat(a,'"\n                        key="').concat(n,"\" \n                        params='").concat(i,"' \n                        value=\"").concat(e,'" \n                        units="').concat(u,'" \n                        onchange="changeRangeEditor" />\n                </div>')})).join(""),'      \n          </div>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Jg.remove2,"\n            </button>\n          </div>\n        </div>\n\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" data-index="').concat(n,'">\n          <label draggable="true" >').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(Jg.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,i){var a=r.getLabel(t,i),o=r.getRange(t),s=o.min,c=o.max,l=o.step,u=o.units;return'\n              <div>\n                <object refClass="NumberInputEditor"  \n                      ref=\'$range_'.concat(t,"_").concat(n,"_").concat(i,"' \n                      min=\"").concat(s,'" \n                      max="').concat(c,'" \n                      step="').concat(l,'" \n                      label="').concat(a,'"\n                      key="').concat(n,"\" \n                      params='").concat(i,"' \n                      value=\"").concat(e,'" \n                      units="').concat(u,'" \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:Vs("$transformList"),value:function(){var t=this;return this.state.transforms.map((function(e,n){return t.makeTransformTemplate(e,n.toString())}))}},{key:Uo("$transformList .transform-item .title label"),value:function(t){this.startIndex=+t.$dt.parent().attr("data-index")}},{key:qo("$transformList .transform-item")+Es,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(E()(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:Zo("$transformList .transform-item")+Es,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[Lo.z()];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[Lo.deg(0)];case"translate":return[Lo.z(),Lo.z()];case"translate3d":return[Lo.z(),Lo.z(),Lo.z()];case"scale":return[Lo.number(1),Lo.number(1)];case"scaleX":case"scaleY":return[Lo.number(1)];case"matrix":return[Lo.number(1),Lo.number(0),Lo.number(0),Lo.number(1),Lo.number(0),Lo.number(0)];case"matrix3d":return[Lo.number(1),Lo.number(0),Lo.number(0),Lo.number(0),Lo.number(0),Lo.number(1),Lo.number(0),Lo.number(0),Lo.number(0),Lo.number(0),Lo.number(1),Lo.number(0),Lo.number(0),Lo.number(0),Lo.number(0),Lo.number(1)]}return[Lo.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return Ec.parse(Qm({},e,{type:t,value:n}))}},{key:lm("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:Yo("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:Yo("$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:lm("changeRangeEditor"),value:function(t,e,n){n?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}]),e}(um),rb=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"},{key:"transform-origin-z",title:"Z"}],ib=rb.map((function(t){return t.key})),ab={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%"},ob=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:km}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":Lo.percent(50),"transform-origin-x":Lo.percent(50),"transform-origin-y":Lo.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=Lo.parse(t[0]),e["transform-origin-x"]=Lo.parse(t[0]),e["transform-origin-y"]=Lo.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=Lo.parse(t[0]),e["transform-origin-y"]=Lo.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 left'></div>        \n          <div class='pos' data-value='top'></div>\n          <div class='pos' data-value='top right'></div>\n          <div class='pos' data-value='left'></div>\n          <div class='pos' data-value='center'></div>\n          <div class='pos' data-value='right'></div>\n          <div class='pos' data-value='bottom left'></div>                   \n          <div class='pos' data-value='bottom'></div>\n          <div class='pos' data-value='bottom right'></div>\n        </div>\n        <div ref='$body'></div>\n      </div>\n    "}},{key:Yo("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=ab[e].split(" "),r=j()(n,2),i=r[0],a=r[1];this.state["transform-origin-x"]=Lo.parse(i),this.state["transform-origin-y"]=Lo.parse(a),this.refresh(),this.modifyTransformOrigin()}},{key:lm("changeTransformOrigin"),value:function(t,e){var n=this;"transform-origin"===t&&ib.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),"transform-origin-z"===t&&(this.state[t]=e),this.setTransformOrigin()}},{key:Vs("$body"),value:function(){var t=this;return('\n      <div class="full transform-origin-item" ref="$partitialSetting" >\n        <div class="radius-setting-box" ref="$radiusSettingBox">\n          '.concat(rb.map((function(e){return'\n              <div>\n                  <object refClass="RangeEditor"  ref=\'$'.concat(e.key,"' compact=\"true\" label='").concat(e.title,"' key='").concat(e.key,"' value=\"").concat(t.state[e.key],"\" onchange='changeTransformOrigin' />\n              </div>  \n            ")})).join(""),"\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,ib.forEach((function(e){t.state[e]=t.children["$".concat(e)].getValue()}))),this.modifyTransformOrigin()}},{key:"modifyTransformOrigin",value:function(){var t="".concat(this.state["transform-origin-x"]," ").concat(this.state["transform-origin-y"]," ").concat(this.state["transform-origin-z"]||"0px");this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:Yo("$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()}}]),e}(um),sb=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],cb=sb.map((function(t){return t.key})),lb={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%"},ub=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:km}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":Lo.z(),"perspective-origin-x":Lo.z(),"perspective-origin-y":Lo.z()};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=Lo.parse(t[0]),e["perspective-origin-x"]=Lo.parse(t[0]),e["perspective-origin-y"]=Lo.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=Lo.parse(t[0]),e["perspective-origin-y"]=Lo.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:Yo("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=lb[e].split(" "),r=j()(n,2),i=r[0],a=r[1];this.state["perspective-origin-x"]=Lo.parse(i),this.state["perspective-origin-y"]=Lo.parse(a),this.refresh(),this.modifyPerspectiveOrigin()}},{key:lm("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&cb.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),this.setPerspectiveOrigin()}},{key:Vs("$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(Jg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Jg.border_inner,'\n          </button>\n        </div>\n        <div class="radius-value">\n          <object refClass="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(sb.map((function(e){var n=t.$i18n(e.title);return('\n              <div>\n                  <object refClass="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,cb.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:Yo("$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()}}]),e}(um),hb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){var t=Lo.parse(this.props.value||Lo.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:Vs("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,i=t.label,a=t.type,o=t.removable,s=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=i?"has-label":"",u=o?"is-removable":"",h=s,p=(+c).toString();return"\n        <div class='number-range-editor ".concat(l," ").concat(u," ").concat(h,"' data-selected-type='").concat(a,"'>\n            ").concat(i?'<label title="'.concat(i,'">').concat(i,"</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(Jg.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(t){this.setState({min:Lo.parse(t)})}},{key:"setMax",value:function(t){this.setState({max:Lo.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:Lo.parse(t)})}},{key:es("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:rs("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:Yo("$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:ts("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:ss("$property")+$s("moveRange")+Cs("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeValue")}},{key:lm("changeValue")+Os(100),value:function(){var t=+this.getRef("$property").value;this.getRef("$propertyNumber").val(t),""===this.state.value&&(this.state.value=Lo.number(0)),this.updateData({value:this.state.value.set(t)})}}]),e}(um),pb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:Yo(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){this.emit("showClipPathPopup",{changeEvent:"changeClipPathEditor","clip-path":this.state.clippath})}},{key:lm("changeClipPathEditor"),value:function(t){this.updateData({clippath:t["clip-path"]})}}]),e}(um),db=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:ul.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(Jg.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    "))}},{key:Vs("$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(Jg.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:lm("add"),value:function(){this.state.textShadows.push(new ul),this.refresh(),this.modifyTextShadow()}},{key:Yo("$add"),value:function(){this.trigger("add")}},{key:Yo("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:Yo("$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:lm("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}]),e}(um),fb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{NumberRangeEditor:hb}}},{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(Jg.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){Li(t)||(t=this.generateValue(t)),this.setState({value:t})}},{key:Vs("$body"),value:function(){return this.state.value.map((function(t,e){var n=e+1;return("\n        <div class='dasharray-item'>\n          <object refClass=\"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(Jg.remove2,"</button>\n        </div>\n      "))}))}},{key:lm("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:Yo("$add"),value:function(){this.state.value.push(0),this.refresh()}},{key:Yo("$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)}}]),e}(um);function vb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var yb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{parser:new Dc(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 Dc(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:Vs("$data"),value:function(){var t=this,e=[];this.state.parser.segments.forEach((function(n,r){var i=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vb(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},n);e.push(i);var a=t.state.parser.segments[r+1];a&&"M"===a.command&&("Z"!==i.command?e.push({command:"Z",toggle:!1,values:[]}):i.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:ts("$data input[type=number]")+Ps(300),value:function(t){this.updateData()}},{key:Yo("$data .command[data-toggle]"),value:function(t){var e=t.$dt.attrs("data-command","data-toggle"),n=j()(e,2),r=n[0],i=n[1];"Z"===r&&(i="false"!==i?"false":"true",t.$dt.attr("data-toggle",i),this.updateData())}}]),e}(um),gb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{parser:new _u(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 _u(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:Vs("$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:ts("$data input[type=number]")+Ps(300),value:function(t){this.updateData()}}]),e}(um),mb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:km,SelectEditor:bm}}},{key:"initState",value:function(){var t=(this.props.value||"").split(",").map((function(t){return t.trim()})),e=j()(t,4);return{id:e[0],distance:e[1]||"0%",rotateStatus:e[2]||"auto",rotate:e[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=(t||"").split(",").map((function(t){return t.trim()})),n=j()(e,4),r=n[0],i=n[1],a=n[2],o=n[3];this.setState({id:r,distance:i,rotateStatus:a,rotate:o},!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.currentProject,e={};return t&&t.allLayers.filter((function(t){return t.is("svg-path","svg-polygon")})).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:Vs(),value:function(){var t=this.getOptions(),e=","+t.options,n=t.paths||{},r=this.state,i=r.id,a=r.rotateStatus,o=r.rotate,s=r.distance;return"\n        <div>\n            <div class='offset-path-item'>\n                <object refClass=\"SelectEditor\"  ref='$path' label='".concat(this.$i18n("offset.path.list.editor.path"),'\' key="id" value="').concat(i,'" 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[i]&&n[i].totalLength||0,"</span></div>\n            </div>\n            <div class='offset-path-item'>\n                <object refClass=\"RangeEditor\"  ref='$distance' label='").concat(this.$i18n("offset.path.list.editor.distance"),'\' min="0" max="100" value="').concat(s||"0%","\" key='distance' unit=\"%,px\" onchange='changeRangeEditor' /> \n            </div>\n            <div class='offset-path-item'>\n                <object refClass=\"SelectEditor\"  ref='$status' label='").concat(this.$i18n("offset.path.list.editor.direction"),"' key='rotateStatus' value=\"").concat(a,"\" options=\"auto,auto angle,angle,reverse,element\" onchange='changeRangeEditor' /> \n            </div>\n            <div class='offset-path-item'>\n                <object refClass=\"RangeEditor\"  ref='$rotate' label='").concat(this.$i18n("offset.path.list.editor.rotate"),"' min=\"0\" max=\"2000\" key='rotate' value='").concat(o||"0deg","' units=\"deg,turn\" onchange='changeRangeEditor' /> \n            </div>     \n        </div>           \n        ")}},{key:Ls("$totalLength"),value:function(){var t=this.state.id,e=(this.getOptions().paths[t]||{totalLength:0}).totalLength||0;return{innerHTML:"<span>".concat(e,"</span>")}}},{key:lm("changeRangeEditor"),value:function(t,e){this.updateData(S()({},t,e)),this.bindData("$totalLength")}}]),e}(um),bb={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},kb=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"parseStyle",value:function(t){return Qi(t)}},{key:"parseValue",value:function(t){var e="",n="",r="";return t.split(" ").filter((function(t){return t.trim()})).forEach((function(t){bb[t]?e=t:po.isColor(t)?r=t:n=t})),{style:e,color:r,width:n}}},{key:"joinValue",value:function(t){return"".concat(t.width," ").concat(t.style||"solid"," ").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(";")}}]),t}(),xb=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),wb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{InputRangeEditor:Gm,RangeEditor:km,SelectEditor:bm,ColorViewEditor:jm,ColorSingleEditor:Pm}}},{key:"initState",value:function(){return{value:kb.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 kb.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=kb.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||Lo.z()),this.children.$style.setValue(this.state.value.style||"solid"),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        <div class=\'editor-area\'>\n          <object refClass="RangeEditor"  ref=\'$width\' min="0" max="100" step="1" key=\'width\' value="'.concat(e,"\" onchange='changeKeyValue' />\n        </div>\n        <div class='editor-area'>\n          <object refClass=\"SelectEditor\"  ref='$style' key='style' options='").concat(xb,"' value=\"").concat(n||"solid","\" onchange=\"changeKeyValue\" />\n        </div>\n        <div class='editor-area'>\n          <object refClass=\"ColorSingleEditor\" ref='$color' key='color' value=\"").concat(r||"rgba(0, 0, 0, 1)",'"  onchange="changeKeyValue" />\n        </div>\n\n      </div>\n    '))}},{key:lm("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}]),e}(um),Sb=["border"],Pb={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},jb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{BorderValueEditor:wb}}},{key:"initState",value:function(){var t=kb.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 kb.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=kb.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:Vs("$editorArea"),value:function(){var t=this;return Sb.map((function(e){var n=Pb[e]||e;return n=t.$i18n("border.editor."+n),"\n      <div>\n        <object refClass='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:lm("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}]),e}(um),Ob=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{NumberRangeEditor:hb}}},{key:"initState",value:function(){var t=(this.props.value||"").split(":"),e=j()(t,3);return{start:+(e[0]||0),end:+(e[1]||1),duration:+(e[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                    <object refClass=\"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                    <object refClass=\"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:lm("changeValue"),value:function(t,e){this.updateData(S()({},t,e/this.state.duration),!0)}},{key:ss("$start")+$s("moveStart"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Lo.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Lo.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:Ls("$start"),value:function(){return{"data-info":this.state.start,style:{left:Lo.percent(100*(this.state.start||0))}}}},{key:ss("$end")+$s("moveStartForEnd"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Lo.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=Lo.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Lo.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:Ls("$end"),value:function(){return{"data-info":this.state.end,style:{left:Lo.percent(100*(this.state.end||1))}}}},{key:Ls("$bar"),value:function(){var t=this.state.start||0,e=this.state.end||1;return{style:{left:Lo.percent(100*t),width:Lo.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=t.split(":"),n=j()(e,3),r=n[0],i=n[1],a=n[2];this.setState({start:Number(r),end:Number(i),duration:Number(a)})}},{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)}}]),e}(um),$b=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{BorderEditor:jb,NumberRangeEditor:hb,SelectEditor:bm,TextShadowEditor:db,BoxShadowEditor:mm,FilterEditor:Bm,ColorViewEditor:jm,RangeEditor:km,StrokeDashArrayEditor:fb,BackgroundImageEditor:gm,TransformEditor:nb,TransformOriginEditor:ob,PerspectiveOriginEditor:ub,VarEditor:Zm,BorderRadiusEditor:Sm,ClipPathEditor:pb,PathDataEditor:yb,PolygonDataEditor:gb,OffsetPathListEditor:mb,MediaProgressEditor:Ob}}},{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(ea({"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(Jg.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 Lo.string("");case"offset-distance":return Lo.percent(0);case"rotate":return Lo.deg(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return Lo.z()}}},{key:Yo("$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        <object refClass=\"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,' \n          onchange="changeSelect"\n          ref="$customProperty').concat(e,'"\n          key="').concat(t.key,'"\n          value="').concat(t.value,'"\n        />\n      </div>\n    ')}},{key:"makeIndivisualPropertyEditor",value:function(t,e){return"background-image"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"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          <object refClass=\"FilterEditor\" ref='$filter".concat(e,"' value=\"").concat(t.value,'" onChange="changeFilterProperty" />\n        </div>\n      '):"backdrop-filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$backdropFilter".concat(e,"' value=\"").concat(t.value,'" onChange="changeBackdropFilterProperty" />\n        </div>\n      '):"box-shadow"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"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          <object refClass=\"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          <object refClass=\"VarEditor\" ref='$var".concat(e,"' value=\"").concat(t.value,'" onChange="changeVar" />\n        </div>\n      '):"transform"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"TransformEditor\" ref='$transform".concat(e,"' value=\"").concat(t.value,'" onChange="changeTransform" />\n        </div>\n      '):"transform-origin"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"TransformOriginEditor\" ref='$transformOrigin".concat(e,"' value=\"").concat(t.value,'" onChange="changeTransformOrigin" />\n        </div>\n      '):"perspective-origin"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"PerspectiveOriginEditor\" ref='$perspectiveOrigin".concat(e,"' value=\"").concat(t.value,'" onChange="changePerspectiveOrigin" />\n        </div>\n      '):"fill-rule"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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        <object refClass="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        <object refClass="BorderRadiusEditor"\n          ref=\'$borderRadius'.concat(e,"' \n          key='border-radius'\n          value='").concat(t.value,"' \n          onchange='changeBorderRadius' \n        />\n      "):"border"===t.key?'\n        <object refClass="BorderEditor"\n          ref=\'$border'.concat(e,"' \n          key='border'\n          value='").concat(t.value,"' \n          onchange='changeKeyValue' \n        />\n      "):"clip-path"===t.key?'\n        <object refClass="ClipPathEditor"\n          ref=\'$clipPath'.concat(e,"' \n          key='clip-path'\n          value='").concat(t.value,"' \n          onchange='changeClipPath' \n        />\n      "):"d"===t.key?'\n        <object refClass="PathDataEditor" ref=\'$pathData'.concat(e,"' key='d' value='").concat(t.value,"' onchange='changeSelect' />\n      "):"points"===t.key?'\n        <object refClass="PolygonDataEditor" ref=\'$polygonData'.concat(e,"' key='points' value='").concat(t.value,"' onchange='changeSelect' />\n      "):"offset-path"===t.key?'\n        <object refClass="OffsetPathListEditor" ref=\'$offsetPathList'.concat(e,"' key='offset-path' value='").concat(t.value,"' onchange='changeSelect' />\n      "):"playTime"===t.key?'\n        <object refClass="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:lm("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:lm("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:lm("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:lm("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:lm("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:lm("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:lm("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:lm("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:lm("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:lm("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:lm("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:lm("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:lm("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:lm("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            <object refClass=\"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"rotate":return"\n          <div class='property-editor'>\n            <object refClass=\"RangeEditor\"  \n              ref='rangeEditor".concat(e,"' \n              key='").concat(t.key,"' \n              value='").concat(t.value,'\'  \n              min="-2000"\n              max="2000"\n              units="deg" \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            <object refClass=\"RangeEditor\"  ref='rangeEditor".concat(e,"' key='").concat(t.key,"' value='").concat(t.value,'\' max="1000" onChange="changeRangeEditor" />\n          </div>\n        ')}}},{key:lm("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='Position'>\n          <option value='x'>x</option>\n          <option value='y'>y</option>        \n        </optgroup>\n        <optgroup label='Size'>\n          <option value='width'>width</option>\n          <option value='height'>height</option>\n        </optgroup>      \n        <optgroup label='Box Model'>\n          <option value='margin-left'>margin-left</option>\n          <option value='margin-right'>margin-right</option>\n          <option value='margin-bottom'>margin-bottom</option>\n          <option value='margin-top'>margin-top</option>\n          <option value='padding-left'>padding-left</option>\n          <option value='padding-right'>padding-right</option>\n          <option value='padding-bottom'>padding-bottom</option>\n          <option value='padding-top'>padding-top</option>       \n        </optgroup>\n        <optgroup label='Border'>\n          <option value='border'>border</option>\n          <option value='border-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:Vs("$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(Jg.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(Jg.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:lm("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:Yo("$property .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:Yo("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}]),e}(um),Cb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{InputRangeEditor:Gm,RangeEditor:km,CSSPropertyEditor:$b}}},{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            <object refClass=\"InputRangeEditor\" \n              key='offset' \n              min='0' \n              max='100' \n              step=\"0.01\" \n              value=\"".concat(Lo.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:lm("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"<object refClass=\"CSSPropertyEditor\" ref='$offsetPropertyEditor' hide-refresh=\"true\" onchange='changeCSSPropertyEditor' />"}},{key:"templateForOffset",value:function(){return"<div class='offset' ref='$offset' data-selected-value=\"-1\"></div>"}},{key:"makeOffset",value:function(t,e){return"<div class='offset-item' style='left: ".concat(t.offset,";' data-offset-index='").concat(e.toString(),"'></div>")}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(Di(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:Vs("$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!Ro.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:Yo("$offset")+ms("isNotOffsetItem")+Es,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=Lo.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new lh({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:ss("$offset .offset-item")+$s("moveOffset")+Cs("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=Lo.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=Lo.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:lm("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:lm("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=E()(t)),this.modifyOffset()}}]),e}(um),Eb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:km}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new Lo("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=j()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=j()(a,2),s=o[0],c=o[1];return Di(c)&&(c=s),{radius:e,x:s=Lo.parse(s),y:c=Lo.parse(c)}}},{key:"initState",value:function(){return this.parseValue(this.props.value)}},{key:"template",value:function(){return"\n        <div class='clip-path-editor circle-editor'>\n            <object refClass=\"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:Ls("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:ss("$area")+$s()+Cs(),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 i=Lo.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Lo.percent((r-this.areaRect.y)/this.areaRect.height*100).round(1);this.refs.$pointer.css({left:i,top:a}),this.updateData({x:i,y:a}),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){var t=this.state,e=t.x,n=t.y,r=t.radius,i="".concat(e," ").concat(n),a=r+"";return a.includes("closest-side")?a="closest-side":a.includes("farthest-side")&&(a="farthest-side"),r?"".concat(a," at ").concat(i):"".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:lm("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new Lo("","closest-side"):r.includes("farthest-side")&&(n=new Lo("","farthest-side")),this.updateData({radius:n})}}}]),e}(um),Tb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Ls("$text"),value:function(){return{value:this.state.value}}},{key:ts("$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)}}]),e}(um),Vb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Ls("$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:Vs("$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:ts("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),e}(um);function Mb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Db(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Mb(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Mb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ib="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),Lb={xChannelSelector:!0,yChannelSelector:!0},Rb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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=zr();return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Db({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 Ai(t.in)&&(t.in=JSON.parse(t.in)),Ai(t.bound)&&(t.bound=JSON.parse(t.bound)),Ai(t.connected)&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return Db({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("id","in","bound","connected"))}},{key:"getDefaultAttribute",value:function(){var t=this,e=[];return this.json.connected.length&&e.push('result="'.concat(this.json.id,'result"')),Object.keys(Lb).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=""),Ib.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()," />")}}],[{key:"parse",value:function(t){return new(0,wk[t.type])(t)}}]),e}(Pc),Ab=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:e.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=Lo.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    '))}}]),e}(Rb);Ab.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:Lo.number(0)}};var zb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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>")}}]),e}(Rb);zb.spec={};var Fb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.k3,a=t.k4,o="";return"arithmetic"===e&&(o=' k1="'.concat(n,'" k2="').concat(r,'" k3="').concat(i,'" k4="').concat(a,'" ')),'<feComposite operator="'.concat(e,'" ').concat(o,"  ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}]),e}(Rb);Fb.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:Lo.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Lo.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Lo.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Lo.number(0)}};var Bb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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()," />")}}]),e}(Rb);Bb.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(0)}};var Gb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=Lo.parse(t.baseFrequency),t.numOctaves=Lo.parse(t.numOctaves),t.seed=Lo.parse(t.seed),t}},{key:"toString",value:function(){var t=this.json,e=t.filterType,n=t.baseFrequency,r=t.numOctaves,i=t.seed;return("<feTurbulence ".concat(ta({type:e,baseFrequency:n,numOctaves:r,seed:i}),"   ").concat(this.getDefaultAttribute()," />"))}}]),e}(Rb);Gb.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Lo.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:Lo.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:Lo.number(0)}};var Hb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=Lo.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}}]),e}(Rb);Hb.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:Lo.number(0)}};var Nb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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()," />")}}]),e}(Rb);Nb.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 Xb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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()," />")}}]),e}(Rb);Xb.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var Yb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=Lo.parse(t.stdDeviationX),t.stdDeviationY=Lo.parse(t.stdDeviationY),t}},{key:"toString",value:function(){var t=this.json,e=t.stdDeviationX,n=t.stdDeviationY,r=t.edgeMode,i="".concat(e," ").concat(n);return e===n&&(i=e),'<feGaussianBlur  stdDeviation="'.concat(i,'" edgeMode="').concat(r,'"  ').concat(this.getDefaultAttribute()," />")}}]),e}(Rb);Yb.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var _b=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=Lo.parse(t.x),t.y=Lo.parse(t.y),t.width=Lo.parse(t.width),t.height=Lo.parse(t.height),t}},{key:"toString",value:function(){var t=this.json,e=t.opacity,n=t.color,r=t.x,i=t.y,a=t.width,o=t.height;return"<feFlood ".concat(ta({x:r,y:i,width:a,height:o}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}]),e}(Rb);_b.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Lo.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Kb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=t.split(" "),n=$()(e),r=n[0],i=n.slice(1);if("table"===r||"discrete"===r)return{type:r,tableValues:i.join(" ")};if("linear"===r){var a=j()(i,2);return{type:r,slop:a[0],intercept:a[1]}}if("gamma"===r){var o=j()(i,3);return{type:r,amplitude:o[0],exponent:o[1],offset:o[2]}}return{type:r}}},{key:"toString",value:function(){var t=this.json,e=t.r,n=t.g,r=t.b,i=t.a;return e=this.parse(e),n=this.parse(n),r=this.parse(r),i=this.parse(i),"<feComponentTransfer ".concat(this.getDefaultAttribute()," >\n      ").concat(e&&"<feFuncR ".concat(ta(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(ta(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(ta(r)," />"),"\n      ").concat(i&&"<feFuncA ".concat(ta(i)," />"),"\n    </feComponentTransfe>")}}]),e}(Rb);Kb.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 Wb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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(ta({azimuth:e,elevation:n})," />"))}}]),e}(Rb);Wb.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)}};var Ub=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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(ta({x:e,y:n,z:r})," />"))}}]),e}(Rb);Ub.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)}};var Zb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.pointsAtX,a=t.pointsAtY,o=t.pointsAtZ,s=t.specularExponent,c=t.limitingConeAngle;return("<feSpotLight ".concat(ta({x:e,y:n,z:r,pointsAtX:i,pointsAtY:a,pointsAtZ:o,specularExponent:s,limitingConeAngle:c})," />"))}}]),e}(Rb);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}Zb.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)}};var Jb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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?qb(Object(n),!0).forEach((function(e){S()(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}({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("surfaceScale","lightingColor","diffuseConstant","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(ta({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>"))}}]),e}(Rb);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}Jb.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var tk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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?Qb(Object(n),!0).forEach((function(e){S()(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}({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("surfaceScale","lightingColor","specularConstant","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,i=t.lightingColor;return("<feSpecularLighting ".concat(ta({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":i}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>"))}},{key:"getSourceInAttribute",value:function(){return""}}]),e}(Rb);tk.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var ek=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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(ta({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />"))}}]),e}(Rb);ek.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)}};var nk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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(ta({mode:t})," ").concat(this.getDefaultAttribute()," />"))}},{key:"hasInIndex",value:function(){return!0}}]),e}(Rb);function rk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ik(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?rk(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):rk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}nk.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var ak=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,ik({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}]),e}(Rb),ok=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}]),e}(ak),sk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}]),e}(ak),ck=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}]),e}(ak),lk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}]),e}(ak),uk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}]),e}(ak),hk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}]),e}(ak),pk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.color,a=t.opacity;return("<feDropShadow ".concat(ta({dx:e,dy:n,stdDeviation:r,"flood-color":i,"flood-opacity":a}),"  ").concat(this.getDefaultAttribute()," />"))}}]),e}(Rb);pk.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:Lo.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Lo.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var dk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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()," />"))}}]),e}(Rb);dk.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:Lo.number(0)}};var fk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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()," />"))}}]),e}(Rb);fk.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:Lo.number(0)}};var vk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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()," />")}}]),e}(Rb);vk.spec={};var yk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=Lo.parse(t.x),t.y=Lo.parse(t.y),t.width=Lo.parse(t.width),t.height=Lo.parse(t.height),t}},{key:"toString",value:function(){var t=this.json,e=t.x,n=t.y,r=t.width,i=t.height;return"<feTile ".concat(ta({x:e,y:n,width:r,height:i})," ").concat(this.getDefaultAttribute()," />")}}]),e}(Rb);yk.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)}};var gk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=Lo.parse(t.x),t.y=Lo.parse(t.y),t.width=Lo.parse(t.width),t.height=Lo.parse(t.height),t}},{key:"toString",value:function(){var t=this.json,e=t.src,n=t.x,r=t.y,i=t.width,a=t.height,o=t.alignment,s=t.scaleing;return"<feImage ".concat(ta({x:n,y:r,width:i,height:a,"xlink:href":e,preserveAspectRatio:"".concat(o," ").concat(s)})," ").concat(this.getDefaultAttribute()," />")}}]),e}(Rb);function mk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bk(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mk(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}gk.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.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 kk=["result"],xk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,bk({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return kk.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()," />")}}],[{key:"parse",value:function(t){return new(0,wk[t.type])(t)}}]),e}(Pc),wk={Image:gk,Tile:yk,Saturate:dk,HueRotate:fk,LuminanceAlpha:vk,DropShadow:pk,SourceGraphic:ok,SourceAlpha:sk,BackgroundImage:ck,BackgroundAlpha:lk,FillPaint:uk,StrokePaint:hk,ComponentTransfer:Kb,DistantLight:Wb,PointLight:Ub,SpotLight:Zb,DiffuseLighting:Jb,SpecularLighting:tk,Blend:nk,Offset:ek,RotaMatrix:Ab,GaussianBlur:Yb,Flood:_b,Merge:zb,Composite:Fb,Morphology:Bb,Turbulence:Gb,DisplacementMap:Hb,ColorMatrix:Nb,ConvolveMatrix:Xb},Sk={Image:gk.spec,Tile:yk.spec,DropShadow:pk.spec,Saturate:dk.spec,HueRotate:fk.spec,LuminanceAlpha:vk.spec,Offset:ek.spec,ComponentTransfer:Kb.spec,SpecularLighting:tk.spec,SpotLight:Zb.spec,PointLight:Ub.spec,DistantLight:Wb.spec,DiffuseLighting:Jb.spec,Blend:nk.spec,RotaMatrix:Ab.spec,Merge:zb.spec,GaussianBlur:Yb.spec,Flood:_b.spec,Morphology:Bb.spec,Composite:Fb.spec,Turbulence:Gb.spec,DisplacementMap:Hb.spec,ColorMatrix:Nb.spec,ConvolveMatrix:Xb.spec};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 jk(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){S()(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}var Ok=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{TextEditor:Tb,NumberRangeEditor:hb,SelectEditor:bm}}},{key:"initState",value:function(){return jk({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e=t.split(" "),n=$()(e),r=n[0],i=n.slice(1);if("linear"===r)var a=j()(i,2),o=a[0],s=a[1];else if("gamma"===r)var c=j()(i,3),l=c[0],u=c[1],h=c[2];return{type:r,values:i,slop:o,intercept:s,amplitude:l,exponent:u,offset:h}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:Vs("$body"),value:function(){var t=this,e=this.state,n=e.type,r=e.label,i=r?"has-label":"";return'\n        <object refClass="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(i,"' 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                <object refClass=\"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                            <object refClass="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                            <object refClass="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:lm("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(E()(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(jk({},this.parse(t)))}},{key:lm("changeValues"),value:function(t,e){this.updateData(S()({},t,e.split(" ")))}},{key:lm("changeLinear"),value:function(t,e){this.updateData(S()({},t,e))}},{key:lm("changeGamma"),value:function(t,e){this.updateData(S()({},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)}}]),e}(um),$k={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"},Ck=Object.keys($k).map((function(t){return{title:t,values:$k[t]}})),Ek=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{values:Jr(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:Ls("$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:Vs("$sample"),value:function(){return Ck.map((function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")}))}},{key:Yo("$sample .sample-item"),value:function(t){var e=+t.$dt.attr("data-index"),n=Ck[e];this.updateData({values:Jr(n.values)}),this.load("$body")}},{key:Vs("$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:ts("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),e}(um),Tk={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"}]}]},Vk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$body"),value:function(){var t=this.$selection.currentProject;if(t)return"\n            <div class='preview-container'>\n                <img src=\"".concat(t.getImageValueById(this.state.value)||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:Qo("$file"),value:function(t){var e=this,n=E()(t.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(t){e.trigger("changeImageSelectEditor",t)}))}},{key:Yo("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:lm("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)}}]),e}(um);function Mk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var Dk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getBlendList",value:function(){var t=this;return Tm.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?Mk(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Mk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bs()(So()(e.prototype),"initState",this).call(this),{options:this.getBlendList()})}}]),e}(bm);function Ik(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Lk(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ik(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ik(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Rk=[{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"}]}],Ak=[{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 zk(t){switch(t){case"SpecularLighting":return Jg.specular;case"DiffuseLighting":return Jg.diffuse;case"SourceGraphic":case"SourceAlpha":return Jg.image;case"BackgroundImage":case"BackgroundAlpha":return Jg.outline_image;case"Flood":return Jg.palette;case"Image":return Jg.landscape;case"GaussianBlur":return Jg.blur;case"ColorMatrix":return Jg.blur_linear;case"Turbulence":return Jg.waves;case"Saturate":return Jg.vintage;case"HueRotate":return Jg.looks;case"LuminanceAlpha":return Jg.opacity;case"DropShadow":return Jg.shadow;case"Morphology":return Jg.broken_image;case"ConvolveMatrix":return Jg.camera_roll;case"Offset":return Jg.transform;case"Tile":return Jg.view_comfy;case"Blend":return Jg.gradient;case"Composite":return Jg.merge;case"Merge":return Jg.settings_input_component;case"DisplacementMap":return Jg.texture}return""}function Fk(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 Bk=[45],Gk=[20],Hk={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},Nk={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(Nk).forEach((function(t){Nk[t]=Nk[t].map((function(t){return t+20}))}));var Xk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{BlendSelectEditor:Dk,ColorMatrixEditor:Ek,InputArrayEditor:Vb,NumberRangeEditor:hb,RangeEditor:km,ColorViewEditor:jm,SelectEditor:bm,TextEditor:Tb,FuncFilterEditor:Ok,ImageSelectEditor:Vk}}},{key:"makeFilterSelect",value:function(){var t=this;return("\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(ra(Rk,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(ra(e.items,(function(e){return'\n                <div class=\'item\' draggable="true" value="'.concat(e.value,"\">\n                  <span class='icon'>").concat(zk(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(ra(Ak,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(ra(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:Yo("$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:Uo("$filterSelect .item"),value:function(t){var e=t.$dt.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:qo("$connectedLinePanel")+Es,value:function(){}},{key:Zo("$connectedLinePanel")+Es,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=Tk[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return Sk[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          <object refClass="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          <object refClass="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          <object refClass="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 i=t.options;return Bi(t.options)&&(i=t.options(this.state.filters)),'\n          <div>\n            <object refClass="SelectEditor"  \n              ref=\'$select'.concat(r,"' \n              label=\"").concat(t.title,"\"\n              options='").concat(i,"' \n              key=\"").concat(n,"\"\n              value='").concat(e[n].toString(),'\' \n              onchange="changeRangeEditor"             \n            />\n          </div>\n          ')}return"text"===t.inputType?'\n        <div>\n          <object refClass="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          <object refClass="NumberRangeEditor"  \n            ref=\'$numberrange'.concat(r,"' \n            label=\"").concat(t.title,"\" \n            layout='block'             \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          <object refClass="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          <object refClass="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          <object refClass="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        <object refClass="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(Jg.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(Ti(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:Vs("$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 xk.parse(t)}))}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return xk.parse(Lk({},e,{type:t}))}},{key:Yo("$filterSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.makeFilterNode(e)}},{key:Yo("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.applyTemplate(e)}},{key:Yo("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:Vs("$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:ss("$graphPanel .filter-node")+$s()+Cs(),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=Ro.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 i=this.state.selectedFilter;this.startXY=Xi(i.bound)}if("in"===this.pointType||"out"===this.pointType){var a=r.rect(),o=a.x-e.x,s=a.y-e.y,c=o+a.width/2,l=s+a.height/2;this.startXY={x:c,y:l}}this.startXY.dx=0,this.startXY.dy=0,this.load("$dragLinePanel")}},{key:Vs("$dragLinePanel"),value:function(){if("in"===this.pointType||"out"===this.pointType){var t=this.startXY,e=t.x,n=t.y,r=t.dx,i=t.dy;return('\n      <svg>\n        <path \n          class="drag-line"\n          fill="transparent"\n          stroke-width="1"\n          d="\n            M'.concat(e,",").concat(n,"\n            L").concat(e+r,",").concat(n+i,' \n            Z\n          "\n        />\n      </svg>\n      '))}return""}},{key:"makeConnectedPath",value:function(t){var e=new Xu,n=t[0],r=t[t.length-1];if(!n)return"";if(!r)return"";var i=Math.abs(n.x-r.x)/2;return e.M(n).C({x:n.x+i,y:n.y},{x:r.x-i,y:r.y},r),e.d}},{key:"createPath",value:function(t,e){if(e.path)return e.path;var n=t.bound.x+Bk[0],r=t.bound.y+Gk[0],i=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))})),a="".concat(i.it.getInCount()),o=i.it.in.map((function(t,e){return{it:t,index:e}})).find((function(e){return!!e&&(!!e.it&&e.it.id===t.id)}));if(!o)return[];var s=o.index;return[{x:n,y:r},{x:i.it.bound.x+Hk[a][0],y:i.it.bound.y+Nk[a][s]}]}},{key:Vs("$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),i=Fk(e.type);return'\n              <path \n                class="connected-line"\n                data-source-type="'.concat(i,'"\n                d="').concat(t.makeConnectedPath(r),'"\n              />\n\n              ').concat(r.length&&'\n                <circle \n                  data-source-type="'.concat(i,'"\n                  data-target-id="').concat(n.id,'"\n                  data-source-id="').concat(e.id,'"\n                  class="connected-remove-circle"\n                  cx="').concat((r[0].x+r[1].x)/2,'"\n                  cy="').concat((r[0].y+r[1].y)/2,'"\n                />\n              '),"\n              \n            ")})).join("")})).join(""),"\n      </svg>\n    "))}},{key:Yo("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=t.$dt.attrs("data-target-id","data-source-id"),n=j()(e,2),r=n[0],i=n[1],a=this.state.filters;a.filter((function(t){return t.id===i})).forEach((function(t){t.connected=t.connected.filter((function(t){return t.id!=r}))})),a.filter((function(t){return t.id===r})).forEach((function(t){t.in=t.in.map((function(t){return t&&t.id==i?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"),i=Ro.create(r.target),a=i.closest("filter-node");if("out"===this.pointType){if(i.hasClass("in"))if(s=this.state.filters[+a.attr("data-index")])if(!s.hasLight()&&n.isLight());else{var o=+i.attr("data-index");s.in[o]||(s.setIn(o,n),n.setConnected(s))}}else if("in"===this.pointType){var s;if(i.hasClass("out"))(s=this.state.filters[+a.attr("data-index")])&&(n.hasLight()&&!s.isLight()||n.in[this.pointIndex]||(n.setIn(this.pointIndex,s),s.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:Lo.px(n.bound.x),top:Lo.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(ea({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(Jg.close,"</div>\n          <div class='preview' data-source-type=\"").concat(Fk(e.type),"\" data-filter-type='").concat(e.type,"'>").concat(zk(e.type),"</div>\n          <div class='in-list'>\n            ").concat(Ki(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(Jg.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:lm("changeSVGFilterColorViewEditor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e,n)}},{key:lm("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(S()({},t,e)),this.modifyFilter()}},{key:lm("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(S()({},t,e)),this.modifyFilter()}},{key:lm("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(S()({},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:Yo("$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)}}]),e}(um),Yk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Ls("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:Vs("$body"),value:function(){var t=this;return Object.keys(Jg).map((function(e){var n=Jg[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:Yo("$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)}}]),e}(um),_k=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{IconListViewEditor:Yk}}},{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            <object refClass=\"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:Yo("$fit"),value:function(){this.updateData({fit:this.refs.$fit.checked()})}},{key:lm("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})}}]),e}(um),Kk=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],Wk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:km}}},{key:"initState",value:function(){var t=Eu.parse(this.props.value),e=j()(t,5),n=e[0],r=e[1],i=e[2],a=e[3],o=e[4];return{isAll:1===n,all:r.clone(),top:r.clone(),right:i.clone(),bottom:a.clone(),left:o.clone()}}},{key:"template",value:function(){return"<div class='direction-editor' ref='$body'></div>"}},{key:lm("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&Kk.forEach((function(t){n.state[t.key]=e.clone(),n.children["$".concat(t.key)].setValue(e.clone())})),this.updateData(S()({},t,e))}},{key:Vs("$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(Jg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Jg.border_inner,'\n          </button>\n        </div>\n        <div class="radius-value">\n          <object refClass="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(Kk.map((function(e){var n=t.state[e.key];return('\n              <div>\n                  <object refClass="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:Yo("$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})}}]),e}(um),Uk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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()})),i=(this.props.colors||"").split(e).map((function(t){return t.trim()})),a=this.props.value||"";return{keyValueChar:t,label:this.props.label||"",compact:"true"===this.props.compact,options:n,icons:r,colors:i,value:a}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.compact?"compact":"";return"\n            <div class='select-icon-editor ".concat(e?"has-label":"","'>\n                ").concat(e?'<label title="'.concat(e,'">').concat(e,"</label>"):"","\n                <div class='items ").concat(n,"' ref='$options'></div>\n            </div>\n        ")}},{key:Yo("$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:Vs("$options")+Ss,value:function(){var t=this;return this.state.options.map((function(e,n){var r=e,i=e,a="";if((c=e).includes(t.state.keyValueChar)){var o=c.split(t.state.keyValueChar),s=j()(o,2),c=s[0];r=s[1]}var l=c===t.state.value,u=l?"selected":"";if(""===e){r=Jg.close;i="close"}else{var h=t.state.icons[n];Jg[h]&&(a="icon"),i=r,r=Jg[h]||r||h||e}var p=t.state.colors[n],d={};return l&&p&&(d["background-color"]=p),"<div class='select-icon-item ".concat(u," ").concat(a,"' style='").concat(Ji(d),"' data-value=\"").concat(c,"\" title='").concat(i,"'>").concat(r,"</div>")}))}},{key:Yo("$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)}}]),e}(um);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){S()(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}var Jk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(qk({},t))}},{key:Ls("$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:Yo("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:lm("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(qk({},t))}}]),e}(um);function Qk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var tx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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?Qk(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Qk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t))}},{key:Ls("$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:Yo("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:lm("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}]),e}(um),ex=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:qp.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:qp.parseImage(t)})}},{key:Ls("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:Ls("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:Ls("$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:Yo("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:lm("changeFillSingle"),value:function(t,e){this.updateData({image:qp.parseImage(t)}),this.refresh()}},{key:"fillId",get:function(){return this.id+"fill"}}]),e}(um);function nx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var rx=["static-gradient","linear-gradient","radial-gradient","image-resource"],ix={"image-resource":Jg.photo},ax={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%"}},ox=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],sx=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],cx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{InputRangeEditor:Gm,RangeEditor:km,SelectIconEditor:Uk,SelectEditor:bm}}},{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:qp.parseImage(this.props.value||"transparent")||Np.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:qp.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(Jg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Jg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Jg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Jg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Jg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Jg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Jg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Jg.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(rx.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(ix[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              <object refClass="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                  <object refClass=\"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                  <object refClass=\"SelectEditor\"  label='Pattern' ref='$patternUnits' options='userSpaceOnUse' key='patternUnits' onchange='changeKeyValue' />\n                </div>                  \n                ").concat(sx.map((function(n){var r=t.$i18n("fill.editor."+n);return("\n                    <div data-editor='".concat(n,"'>\n                      <object refClass=\"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(Di(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:Qo("$file"),value:function(t){var e=this;this.$selection.currentProject&&E()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:Yo("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");ax[e]&&(this.state.image.reset(ax[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 Lo.parse(this.getImageFieldValue(this.state.image,t))}},{key:Ls("$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:Ls("$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:Ls("$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:Ls("$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:Ls("$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:ss("$pointerDrawArea circle[data-type]")+$s("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,i=t.height,a=t.x,o=t.y;return a>e?e=a:a+r<e&&(e=a+r),o>n?n=o:o+i<n&&(n=o+i),{left:Lo.percent((e-a)/r*100),top:Lo.percent((n-o)/i*100)}}},{key:"moveDragPointer",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e,i=this.getRectRate(this.containerRect,n,r),a=i.left,o=i.top;"start"==this.type?(this.state.image.reset({x1:a,y1:o}),this.children.$x1.setValue(a),this.children.$y1.setValue(o),this.bindData("$startPoint"),this.bindData("$line")):"end"==this.type?(this.state.image.reset({x2:a,y2:o}),this.children.$x2.setValue(a),this.children.$y2.setValue(o),this.bindData("$endPoint"),this.bindData("$line")):"center"==this.type?(this.state.image.reset({cx:a,cy:o}),this.children.$cx.setValue(a),this.children.$cy.setValue(o),this.bindData("$centerPoint")):"f"==this.type&&(this.state.image.reset({fx:a,fy:o}),this.children.$fx.setValue(a),this.children.$fy.setValue(o),this.bindData("$fPoint")),this.bindData("$gradientView"),this.updateData()}},{key:Yo("$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,i={};ox.forEach((function(t){i[t]=e.children["$".concat(t)].getValue()})),this.state.image=qp.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({type:n,url:r,colorsteps:this.state.image.colorsteps||[]},i)),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:lm("changeKeyValue"),value:function(t,e){this.state.image.reset(S()({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:lm("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:Yo("$back"),value:function(t){var e=this.refs.$stepList.rect(),n=e.x,r=e.right,i=t.xy.x;i<n?i=n:i>r&&(i=r);var a=(i-n)/e.width*100;this.state.image.insertColorStep(a),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:Ls("$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:Ls("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:Ls("$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:Vs("$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(Lo.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:ss("$stepList .step")+$s(),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,i=n.right,a=this.startXY.x+t;a<r?a=r:a>i&&(a=i);var o=(a-r)/n.width*100;this.currentStep.percent=o,this.children.$range.setValue(Lo.percent(o)),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(wl.toColorString(t.colorsteps),")")}},{key:lm("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:lm("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"}}]),e}(um),lx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Jg.remove,"</button>\n            </div>\n        ")}},{key:Yo("$remove"),value:function(t){this.updateData({value:""})}},{key:Yo("$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:Ls("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Vs("$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((a=e).includes(":")){var r=a.split(":"),i=j()(r,2),a=i[0];n=i[1]}""===n?n=t.props["none-value"]?t.props["none-value"]:"":"-"===n&&(n="----------",a="");var o=a===t.state.value?"selected":"";return"<option ".concat(o,' value="').concat(a,'">').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:Qo("$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:lm("refreshSVGArea")+Ps(1e3),value:function(){this.load("$options")}},{key:lm("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:lm("changeSVGFilterEditorRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}]),e}(um),ux=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:Lo.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:Ls("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:ts("$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)}}]),e}(um);function hx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function px(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var dx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectIconEditor:Uk}}},{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 px({},Qi(this.props.value))}},{key:"setValue",value:function(t){this.setState(px({},Qi(t)))}},{key:"getValue",value:function(){return Ji(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Vs("$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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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:lm("changeKeyValue"),value:function(t,e,n){this.setState(S()({},t,e),!1),this.modifyData()}}]),e}(um),fx=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,vx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:bm,NumberInputEditor:qm,InputRangeEditor:Gm}}},{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=fx.exec(t));){var r=e[0];if("auto"===r)n.push({type:"auto",count:0,value:"0px"});else if(r.includes("repeat")){var i=r.split("repeat(")[1].split(")");i.pop();var a=i.join("").split(","),o=$()(a),s=o[0],c=o.slice(1);n.push({type:"repeat",count:s,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                    <object refClass=\"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                    <object refClass="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                    <object refClass=\"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(Jg.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(Jg.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:Vs("$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(Jg.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:Yo("$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:Yo("$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:Yo("$add"),value:function(){this.trigger("add")}},{key:lm("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:lm("changeKeyValue"),value:function(t,e,n){var r=+n,i=this.state.list[r];i&&("type"===t&&this.refs.$list.$('[data-index="'.concat(r,'"]')).attr("data-repeat-type",e),i[t]=e),this.modifyData()}}]),e}(um),yx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:km}}},{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 Lo.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                    <object refClass=\"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:Vs("$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:lm("changeKeyValue"),value:function(t,e){this.state.value=e,this.modifyData()}}]),e}(um);function gx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?gx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):gx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var bx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectIconEditor:Uk,GridBoxEditor:vx,GridGapEditor:yx}}},{key:"initState",value:function(){return mx({},Qi(this.props.value))}},{key:"setValue",value:function(t){this.setState(mx({},Qi(t)))}},{key:"getValue",value:function(){return Ji(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Vs("$body"),value:function(){return"\n            <div class='grid-layout-item'>\n                <object refClass=\"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                <object refClass=\"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                <object refClass=\"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                <object refClass=\"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:lm("changeKeyValue"),value:function(t,e,n){this.setState(S()({},t,e),!1),this.modifyData()}}]),e}(um);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}var xx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectIconEditor:Uk}}},{key:"initState",value:function(){return 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){S()(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}({},Qi(this.props.value))}},{key:"setValue",value:function(t){this.setState(Qi(t))}},{key:"getValue",value:function(){return Ji(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Vs("$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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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:lm("changeKeyValue"),value:function(t,e,n){this.setState(S()({},t,e),!1),this.modifyData()}}]),e}(um);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}var Sx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectIconEditor:Uk}}},{key:"initState",value:function(){return function(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){S()(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}({},Qi(this.props.value))}},{key:"setValue",value:function(t){this.setState(Qi(t))}},{key:"getValue",value:function(){return Ji(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Vs("$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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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:lm("changeKeyValue"),value:function(t,e,n){this.setState(S()({},t,e),!1),this.modifyData()}}]),e}(um);function Px(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function jx(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Px(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Px(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ox=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{index:this.props.index,x:Lo.parse(this.props.x),y:Lo.parse(this.props.y),width:Lo.parse(this.props.width),height:Lo.parse(this.props.height),lineWidth:Lo.parse(this.props.linewidth),lineHeight:Lo.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(jx({},t))}},{key:Ls("$miniView"),value:function(){var t=jx({},this.state);return this.state.width.value>80&&(t.width=Lo.px(80),t.x=Lo.px(t.x.value/this.state.width.value/80)),this.state.height.value>80&&(t.height=Lo.px(80),t.y=Lo.px(this.state.y.value/this.state.height.value/80)),{cssText:up.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:Yo("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showPatternInfoPopup",{changeEvent:"changePatternInfo",data:this.state,instance:this})}},{key:lm("changePatternInfo"),value:function(t){this.updateData(jx({},t))}}]),e}(um),$x=[{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)"}]}}],Cx={MediaProgressEditor:Ob,BlendSelectEditor:Dk,PatternEditor:function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:bm,ColorSingleEditor:Pm,PatternSizeEditor:Ox}}},{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 up.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(Jg.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        "))}},{key:Vs("$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                <object refClass="PatternSizeEditor" \n                    key="pattern-size"\n                    ref="$bp').concat(n,'"\n                    type="').concat(e.type,'"\n                    x="').concat(e.x,'"\n                    y="').concat(e.y,'"\n                    width="').concat(e.width,'"\n                    height="').concat(e.height,'"\n                    index="').concat(n,'"\n                    foreColor="').concat(e.foreColor,'"\n                    backColor="').concat(e.backColor,'"\n                    blendMode="').concat(e.blendMode,'"\n                    lineWidth="').concat(e.lineWidth,'"\n                    lineHeight="').concat(e.lineHeight,"\"\n                    onchange='changePatternSizeInfo' />\n                <div class='tools'>\n                    <button type=\"button\" class='remove' title='Remove a pattern' data-index='").concat(n,"'>").concat(Jg.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var t=up.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:lm("add"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",e=$x.find((function(e){return e.key===t}));e&&(this.state.patterns.push.apply(this.state.patterns,up.parseStyle(e.execute()[0].pattern)),this.refresh(),this.modifyPattern())}},{key:Yo("$add"),value:function(){this.trigger("add")}},{key:Uo("$patternList .pattern-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:qo("$patternList .pattern-item")+Es,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(E()(t.splice(e,1))))}},{key:"sortPattern",value:function(t,e){this.sortItem(this.state.patterns,t,e)}},{key:Zo("$patternList .pattern-item")+Es,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:Yo("$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:lm("changePatternSizeInfo")+Ps(10),value:function(t,e,n){this.state.patterns[n].reset(e),this.modifyPattern(),this.refresh()}}]),e}(um),PatternSizeEditor:Ox,GridGapEditor:yx,NumberInputEditor:qm,GridLayoutItemEditor:Sx,GridBoxEditor:vx,FlexLayoutItemEditor:xx,GridLayoutEditor:bx,FlexLayoutEditor:dx,TextAreaEditor:ux,ColorMatrixEditor:Ek,FuncFilterEditor:Ok,SVGFilterSelectEditor:lx,FillEditor:cx,FillSingleEditor:ex,BorderEditor:jb,BorderValueEditor:wb,GradientSingleEditor:tx,BackgroundPositionEditor:Jk,OffsetPathListEditor:mb,PolygonDataEditor:gb,PathDataEditor:yb,StrokeDashArrayEditor:fb,InputRangeEditor:Gm,SelectIconEditor:Uk,ImageSelectEditor:Vk,IconListViewEditor:Yk,InputArrayEditor:Vb,DirectionEditor:Wk,SVGClipPathEditor:_k,NumberRangeEditor:hb,TextEditor:Tb,SVGFilterEditor:Xk,CircleEditor:Eb,BackgroundImageEditor:gm,BoxShadowEditor:mm,BorderRadiusEditor:Sm,ColorSingleEditor:Pm,ColorViewEditor:jm,CubicBezierEditor:Om,FilterEditor:Bm,GradientEditor:Km,IterationCountEditor:Um,OffsetEditor:Cb,CSSPropertyEditor:$b,PerspectiveOriginEditor:ub,RangeEditor:km,SelectEditor:bm,TextShadowEditor:db,TransformEditor:nb,TransformOriginEditor:ob,VarEditor:Zm},Ex=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return Cx}},{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(Jg.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:Yo("$close"),value:function(){this.$el.hide()}},{key:ss("$title")+$s("movePopupTitle")+Cs("endPopupTitle"),value:function(){this.x=Lo.parse(this.$el.css("left")),this.y=Lo.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=Lo.px(this.x.value+t),r=Lo.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"),i=this.$el.css("left"),a="auto"!==r?Lo.parse(r):Lo.px(110),o="auto"!==i?Lo.parse(i):Lo.px(document.body.clientWidth-n-e-t);this.$el.css({top:a,left:o,"z-index":this.$editor.zIndex}).show("inline-block")}},{key:"hide",value:function(){this.$el.hide()}},{key:lm("hidePropertyPopup"),value:function(){this.hide()}}]),e}(um);function Tx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var Vx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:Lo.z(),offsetY:Lo.z(),blurRadius:Lo.z(),spreadRadius:Lo.z()}}},{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:Vs("$popup"),value:function(){return'\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=\"popup-item offset-x\">\n          <object refClass=\"RangeEditor\"  ref='$offsetX' label='X' key='offsetX' value=\"").concat(this.state.offsetX,"\" onchange='changeRangeEditor' />\n        </div>\n        <div class=\"popup-item offset-y\">\n          <object refClass=\"RangeEditor\"  ref='$offsetY' label='Y' key='offsetY' value=\"").concat(this.state.offsetY,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class=\"popup-item blur-radius\">\n          <object refClass=\"RangeEditor\"  ref='$blurRadius' label='Blur' key='blurRadius' value=\"").concat(this.state.blurRadius,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class=\"popup-item spread-radius\">\n          <object refClass=\"RangeEditor\"  ref='$spreadRadius' label='Spread' key='spreadRadius' value=\"").concat(this.state.spreadRadius,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class='popup-item'>\n          <object refClass=\"ColorViewEditor\" \n              ref='$foreColor' \n              label=\"color\" \n              key='color' \n              value=\"").concat(this.state.color,'"\n              onchange="changeRangeEditor" />\n        </div>        \n      </div>\n    ')}},{key:Yo("$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:ss("$popup .drag-board")+$s("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,i=this.boardWidth/2,a=this.boardHeight/2,o=n-i,s=r-a;o<-i?o=-i:o>i&&(o=i),s<-a?s=-a:s>a&&(s=a),o=Math.floor(o),s=Math.floor(s),this.getRef("$offsetX").val(o),this.getRef("$offsetY").val(s),this.updateData({offsetX:Lo.px(o),offsetY:Lo.px(s)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:lm("changeRangeEditor"),value:function(t,e){this.updateData(S()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:lm("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?Tx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Tx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t,{params:e})),this.refresh(),this.show(432)}},{key:lm("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}]),e}(Ex);Qs({BoxShadowPropertyPopup:Vx});var Mx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:Lo.z(),offsetY:Lo.z(),blurRadius:Lo.z()}}},{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:Vs("$popup"),value:function(){return'\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 class='popup-item'>\n          <object refClass=\"RangeEditor\"  ref='$offsetX' label='Offset X' key='offsetX' min=\"-100\" max='100' value='").concat(this.state.offsetX,"' onchange='changeShadow' />\n        </div>\n        <div class='popup-item'>\n          <object refClass=\"RangeEditor\"  ref='$offsetY' label=\"Offset Y\" key='offsetY' min=\"-100\" max='100' value='").concat(this.state.offsetY,"' onchange='changeShadow' />\n        </div>\n        <div class='popup-item'>\n          <object refClass=\"RangeEditor\"  ref='$blurRadius' label=\"Blur Radius\" key='blurRadius' value='").concat(this.state.blurRadius,"' onchange='changeShadow' />\n        </div>\n        <div class='popup-item'>\n          <object refClass=\"ColorViewEditor\" \n              ref='$foreColor' \n              label=\"color\" \n              key='color' \n              value=\"").concat(this.state.color,'"\n              onchange="changeShadow" />\n        </div>        \n      </div>\n    ')}},{key:lm("changeShadow"),value:function(t,e){this.updateData(S()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:ss("$popup .drag-board")+$s("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,i=this.boardWidth/2,a=this.boardHeight/2,o=n-i,s=r-a;o<-i?o=-i:o>i&&(o=i),s<-a?s=-a:s>a&&(s=a),o=Math.floor(o),s=Math.floor(s),this.updateData({offsetX:Lo.px(o),offsetY:Lo.px(s)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:lm("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:lm("hideTextShadowPropertyPopup"),value:function(){this.hide()}}]),e}(Ex);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}Qs({TextShadowPropertyPopup:Mx});var Ix=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"components",value:function(){return{SelectEditor:bm,CubicBezierEditor:Om,RangeEditor:km,IterationCountEditor:Um}}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{}}}},{key:"updateData",value:function(t){this.state.data=function(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){S()(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}({},this.state.data,{},t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='animation-property-popup' ref='$popup'></div>"}},{key:Vs("$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      <object refClass="CubicBezierEditor" ref=\'$cubicBezierEditor\' key="timingFunction" value="').concat(this.state.data.timingFunction||"linear","\" 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:Vs("$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:Qo("$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        <object refClass=\"SelectEditor\"  \n            label='".concat(this.$i18n("animation.property.popup.direction"),"'\n            ref='$direction' \n            key='direction' \n            value=\"").concat(this.state.data.direction,"\"\n            options='").concat(e,"'\n            onChange='changeSelect'\n        /> \n      </div>\n    ")}},{key:lm("changeSelect"),value:function(t,e){this.updateData(S()({},t,e))}},{key:"templateForPlayState",value:function(){return"\n    <div class='play-state'>\n      <object refClass=\"SelectEditor\"  \n          label='".concat(this.$i18n("animation.property.popup.play.state"),"'\n          ref='$playState' \n          key='playState' \n          value=\"").concat(this.state.data.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      <object refClass=\"SelectEditor\"  \n          label='".concat(this.$i18n("animation.property.popup.fill.mode"),"'\n          ref='$fillMode' \n          key='fillMode' \n          value=\"").concat(this.state.data.fillMode,"\"\n          options='").concat(e,"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <object refClass=\"RangeEditor\"  \n        ref='$delay' \n        label='".concat(this.$i18n("animation.property.popup.delay"),"' \n        calc='false' \n        key='delay' \n        value='").concat(this.state.data.delay,"' \n        units='s,ms' \n        onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <object refClass=\"RangeEditor\"  \n        ref='$duration' \n        label='".concat(this.$i18n("animation.property.popup.duration"),"'  \n        key='duration' \n        value='").concat(this.state.data.duration,"' \n        units='s,ms' \n        onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForIterationCount",value:function(){return"\n      <div class='iteration-count'>\n        <object refClass=\"IterationCountEditor\"\n          ref='$iterationCount' \n          label='".concat(this.$i18n("animation.property.popup.iteration"),"' \n          key='iterationCount' \n          value='").concat(this.state.iterationCount||"0","' \n          units='normal,infinite' \n          onChange=\"changeRangeEditor\" \n        />\n      </div>\n    ")}},{key:lm("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?Lo.number(e.value):Lo.string(e.unit)),this.updateData(S()({},t,e))}},{key:lm("changeCubicBezier"),value:function(t,e){this.updateData(S()({},t,e))}},{key:lm("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:lm("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}]),e}(Ex);Qs({AnimationPropertyPopup:Ix});var Lx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{key:"components",value:function(){return{OffsetEditor:Cb}}},{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        <object refClass=\"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:ts("$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:lm("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:lm("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:lm("hideKeyframePopup"),value:function(){this.$el.hide()}}]),e}(Ex);Qs({KeyframePopup:Lx});var Rx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{DirectionEditor:Wk,RangeEditor:km}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=j()(e,2),r=n[0],i=n[1],a=Eu.parse(r),o=j()(a,5),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4];if(i)var p=Eu.parse(i),d=j()(p,5),f=d[0],v=d[1],y=d[2],g=d[3],m=d[4];return{isAll:1===s,top:c,right:l,bottom:u,left:h,round:i,isAllRadius:1===f,topRadius:v,rightRadius:y,bottomRadius:g,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,i=t.left,a=t.round,o=Lo.percent(Math.abs((i.value-(100-n.value))/2)).toPx(220),s=e.toPx(220),c=o.clone(),l=Lo.percent(100-r.value).toPx(220),u=Lo.percent(100-n.value).toPx(220),h=Lo.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),p=i.toPx(220),d=Lo.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),f=a?"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(o,";top: ").concat(s,";'></div>\n                <div class='drag-pointer' data-type='right' ref='$right' style='left: ").concat(u,";top: ").concat(h,";'></div>\n                <div class='drag-pointer' data-type='bottom' ref='$bottom' style='left: ").concat(c,";top: ").concat(l,";'></div>\n                <div class='drag-pointer' data-type='left' ref='$left' style='left: ").concat(p,";top: ").concat(d,";'></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(s,";width: ").concat(Lo.px(u.value-i.value),";height: ").concat(Lo.px(l.value-s.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(f," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:Ls("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:Yo("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:Vs("$round"),value:function(){var t=this.state,e=[t.topRadius,t.rightRadius,t.bottomRadius,t.leftRadius].join(" ");return"<object refClass=\"DirectionEditor\" ref='$borderRadius' value='".concat(e,"' onchange='changeBorderRadius' />")}},{key:lm("changeBorderRadius"),value:function(t){var e=j()(t,5),n=e[0],r=e[1],i=e[2],a=e[3],o=e[4];this.updateData({isAllRadius:1===n,topRadius:r,rightRadius:i,bottomRadius:a,leftRadius:o}),this.bindData("$clipAreaView")}},{key:"refreshPointer",value:function(){var t=this.state,e=t.top,n=t.right,r=t.bottom,i=t.left,a=Math.abs((i.value+(100-n.value))/2),o=Math.abs((e.value+(100-r.value))/2),s=Lo.percent(a).toPx(220),c=e.toPx(220),l=Lo.percent(a).toPx(220),u=Lo.percent(100-r.value).toPx(220),h=Lo.percent(100-n.value).toPx(220),p=Lo.percent(o).toPx(220),d=i.toPx(220),f=Lo.percent(o).toPx(220);this.refs.$top.css({left:s,top:c}),this.refs.$right.css({left:h,top:p}),this.refs.$bottom.css({left:l,top:u}),this.refs.$left.css({left:d,top:f}),this.refs.$clipArea.css({left:d,top:c,width:Lo.px(h.value-d.value),height:Lo.px(u.value-c.value)}),this.bindData("$clipAreaView")}},{key:ss("$area .clip-area-handle")+$s("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:Lo.parse(this.$target.css("left")),top:Lo.parse(this.$target.css("top")),width:Lo.parse(this.$target.css("width")),height:Lo.parse(this.$target.css("height"))}}},{key:"moveClipArea",value:function(t,e){var n=this.clipRect.width.value,r=this.clipRect.height.value,i=this.clipRect.left.value+t,a=this.clipRect.top.value+e;0>i?i=0:this.areaRect.width<i+n&&(i=this.areaRect.width-n),0>a?a=0:this.areaRect.height<a+r&&(a=this.areaRect.height-r);var o=Lo.px(i),s=Lo.px(a);this.updateData({top:s.toPercent(this.areaRect.height).round(100),bottom:Lo.px(this.areaRect.height-(a+r)).toPercent(this.areaRect.height).round(100),right:Lo.px(this.areaRect.width-(i+n)).toPercent(this.areaRect.width).round(100),left:o.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:ss("$area .drag-pointer")+$s(),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 i=Lo.px(n-this.areaRect.x),a=Lo.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:a.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:Lo.px(this.areaRect.height-a.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:Lo.px(this.areaRect.width-i.value).toPercent(this.areaRect.width).round(100)}):"left"===this.type&&this.updateData({left:i.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,i=t.bottom,a=t.round,o=t.topRadius,s=t.leftRadius,c=t.bottomRadius,l=t.rightRadius,u=[e,n,i,r].join(" "),h=[o,l,c,s].join(" ");return"".concat(u," ").concat(a&&h.trim()?"round ".concat(h):"")}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),e}(um);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}var zx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:km}}},{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=t.trim().split(" "),i=j()(r,2),a=i[0],o=i[1];return{x:Lo.parse(a).toPx(e),y:Lo.parse(o).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:Vs("$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(Jg.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(Jg.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:Yo("$area")+Es,value:function(t){if(Ro.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:Lo.px(n-this.areaRect.left),y:Lo.px(r-this.areaRect.top)}),this.refresh()}}},{key:Yo("$inputList .pointer-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:Yo("$inputList .pointer-item .copy"),value:function(t){var e=+t.$dt.attr("data-index");this.copyValue(e),this.refresh()}},{key:Ls("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:Vs("$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:Yo("$area .drag-pointer")+ws+Es,value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:ss("$area .drag-pointer")+$s(),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 i=Lo.px(n-this.areaRect.x),a=Lo.px(r-this.areaRect.y);this.$target.css({left:i,top:a}),this.updateValue(this.selectedIndex,{x:i,y:a});this.$x.val(i.toPercent(220).round(10).value),this.$y.val(a.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:Lo.px(n.value+10),y:Lo.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?Ax(Object(n),!0).forEach((function(e){S()(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}({},this.state.value[t],{},e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),e}(um),Fx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:km}}},{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()})),i=j()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=j()(a,2),s=o[0],c=o[1];Di(c)&&(c=s),s=Lo.parse(s),c=Lo.parse(c);var l=e.split(" "),u=j()(l,2),h=u[0],p=u[1];return Di(p)&&(p=h),{radiusX:h=Lo.parse(h),radiusY:p=Lo.parse(p),x:s,y:c}}},{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                <object refClass=\"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                <object refClass=\"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:Ls("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:ss("$area")+$s()+Cs(),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 i=Lo.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Lo.percent((r-this.areaRect.y)/this.areaRect.height*100).round(1);this.refs.$pointer.css({left:i,top:a}),this.updateData({x:i,y:a}),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){var t=this.state,e=t.x,n=t.y,r=t.radiusX,i=t.radiusY,a="".concat(e," ").concat(n),o="".concat(r," ").concat(i);return"".concat(o," at ").concat(a)}},{key:"updateData",value:function(t){this.setState(t),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:lm("changeRangeEditor"),value:function(t,e){this.updateData(S()({},t,e.clone()))}}]),e}(um),Bx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"ClipPath"}},{key:"components",value:function(){return{EllipseEditor:Fx,PolygonEditor:zx,InsetEditor:Rx,SelectEditor:bm,CircleEditor:Eb}}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return Du.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:Vs("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:Vs("$clippath"),value:function(){switch(this.state.type){case"circle":return"<object refClass=\"CircleEditor\" ref='$circle' key='circle' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"ellipse":return"<object refClass=\"EllipseEditor\" ref='$ellipse' key='ellipse' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"inset":return"<object refClass=\"InsetEditor\" ref='$inset' key='inset' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"polygon":return"<object refClass=\"PolygonEditor\" ref='$polygon' key='polygon' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"path":return"<object refClass=\"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),"<object refClass=\"SelectEditor\"  ref='$svg' key='svg' value='".concat(this.state.value,"' options='").concat(t,"' onchange='changeClipPath' />");default:return"<div class='type none'></div>"}}},{key:lm("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:lm("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState(Du.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:lm("hideClipPathPopup"),value:function(){this.hide()}}]),e}(Ex);function Gx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qs({ClipPathPopup:Bx});var Hx=["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","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"],Nx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"Transition"}},{key:"components",value:function(){return{SelectEditor:bm,CubicBezierEditor:Om,RangeEditor:km}}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{timingFunction:"linear",duration:"0s",delay:"0s",name:"all"}}}},{key:"updateData",value:function(t){this.state.data=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Gx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Gx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.state.data,{},t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='transition-property-popup' ref='$popup'></div>"}},{key:Vs("$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      <object refClass="CubicBezierEditor" ref=\'$cubicBezierEditor\' key="timingFunction" value="'.concat(this.state.data.timingFunction||"linear","\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:lm("changeTransition"),value:function(t,e){this.updateData(S()({},t,e))}},{key:"templateForProperty",value:function(){return'\n      <div class=\'name\'>\n        <object refClass="SelectEditor"  ref=\'$property\' icon="true" label="Property" key=\'name\' value="'.concat(this.state.data.name,'" options="').concat(Hx.join(","),"\" onChange='changeTransition' /> \n      </div>\n    ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <object refClass=\"RangeEditor\"  ref='$delay' label='Delay' calc='false' key='delay' value='".concat(this.state.data.delay,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <object refClass=\"RangeEditor\"  ref='$duration' label='Duration'  calc='false' key='duration' value='".concat(this.state.data.duration,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:lm("changeRangeEditor"),value:function(t,e){this.updateData(S()({},t,e))}},{key:lm("changeCubicBezier"),value:function(t,e){this.updateData(S()({},t,e))}},{key:lm("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:lm("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}]),e}(Ex);Qs({TransitionPropertyPopup:Nx});var Xx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"SVG Property"}},{key:"components",value:function(){return{SVGFilterEditor:Xk,SVGClipPathEditor:_k}}},{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:Vs("$editor"),value:function(){switch(this.state.type){case"filter":return'\n          <object refClass="SVGFilterEditor" ref=\'$filter\' title="SVG Filter" key="filter" onchange=\'changeFilterEditor\'>\n            <property name="value" type="json">'.concat(JSON.stringify(this.state.value),"</property>\n          </div>\n        ");case"clip-path":return'\n          <object refClass="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          </div>\n        ")}return""}},{key:lm("changeFilterEditor"),value:function(t,e){this.updateData({value:e})}},{key:lm("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:ts("$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:lm("showSVGPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}},{key:lm("hideSVGPropertyPopup"),value:function(){this.$el.hide()}}]),e}(Ex);Qs({SVGPropertyPopup:Xx});var Yx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{key:"components",value:function(){return{CSSPropertyEditor:$b}}},{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"<object refClass=\"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:ts("$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(){Bs()(So()(e.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:lm("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:lm("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}]),e}(Ex);Qs({SelectorPopup:Yx});var _x=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{hue:0,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:Ls("$bar"),value:function(){var t=this.state.hue;return{style:{left:Lo.percent(t/360*100)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:ss("$container")+$s("movePointer")+Cs("moveEndPointer"),value:function(t){this.rect=this.refs.$container.rect(),this.refreshColorUI()}},{key:"movePointer",value:function(){this.refreshColorUI()}},{key:"refreshColorUI",value:function(){var t=this.rect.left,e=this.rect.right,n=(Math.max(Math.min(e,this.$config.get("bodyEvent").clientX),t)-t)/(e-t);this.parent.changeColor({h:n*this.state.maxValue,type:"hsv"})}},{key:"setValue",value:function(t){this.setState({hue:t})}}]),e}(um),Kx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{colorbar:po.parse("rgba(0, 0, 0, 1)"),opacity:0,minValue:0,maxValue:100}}},{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:Ls("$colorbar"),value:function(){var t=Xi(this.state.colorbar);t.a=0;var e=po.format(t,"rgb");t.a=1;var n=po.format(t,"rgb");return{style:{background:"linear-gradient(to right, ".concat(e,", ").concat(n,")")}}}},{key:Ls("$bar"),value:function(){var t=100*this.state.opacity;return{style:{left:Lo.percent(t)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:ss("$container")+$s("movePointer")+Cs("moveEndPointer"),value:function(t){this.rect=this.refs.$container.rect(),this.refreshColorUI()}},{key:"movePointer",value:function(){this.refreshColorUI()}},{key:"refreshColorUI",value:function(){var t=this.rect.left,e=this.rect.right,n=(Math.max(Math.min(e,this.$config.get("bodyEvent").clientX),t)-t)/(e-t);this.parent.changeColor({a:n})}},{key:"setValue",value:function(t,e){this.setState({opacity:e,colorbar:t})}}]),e}(um),Wx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{value:"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return"<div class='color'></div>"}},{key:Ls("$el"),value:function(){return{style:{"background-color":this.state.value}}}},{key:"setValue",value:function(t){this.setState({value:t})}}]),e}(um),Ux=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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.changeFormat(this.format)}},{key:"goToFormat",value:function(t){this.format=t,"rgb"!==t&&"hsl"!==t||this.initFormat(),this.parent.changeFormat(this.format)}},{key:"getFormat",value:function(){return this.format||"hex"}},{key:"changeRgbColor",value:function(){this.parent.lastUpdateColor({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.lastUpdateColor({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:ts("$rgb_r"),value:function(t){this.changeRgbColor()}},{key:ts("$rgb_g"),value:function(t){this.changeRgbColor()}},{key:ts("$rgb_b"),value:function(t){this.changeRgbColor()}},{key:ts("$rgb_a"),value:function(t){this.changeRgbColor()}},{key:ts("$hsl_h"),value:function(t){this.changeHslColor()}},{key:ts("$hsl_s"),value:function(t){this.changeHslColor()}},{key:ts("$hsl_l"),value:function(t){this.changeHslColor()}},{key:ts("$hsl_a"),value:function(t){this.changeHslColor()}},{key:Wo("$hexCode"),value:function(t){var e=this.refs.$hexCode.val();"#"!=e.charAt(0)||7!=e.length&&9!==e.length||(this.parent.initColor(e),this.emit("lastUpdateColor"))}},{key:Yo("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:Yo("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:Yo("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:Yo("$el .information-item.hsl .input-field .title"),value:function(t){this.goToFormat("rgb")}},{key:"setRGBInput",value:function(){this.refs.$rgb_r.val(this.manager.rgb.r),this.refs.$rgb_g.val(this.manager.rgb.g),this.refs.$rgb_b.val(this.manager.rgb.b),this.refs.$rgb_a.val(this.manager.alpha)}},{key:"setHSLInput",value:function(){this.refs.$hsl_h.val(this.manager.hsl.h),this.refs.$hsl_s.val(this.manager.hsl.s),this.refs.$hsl_l.val(this.manager.hsl.l),this.refs.$hsl_a.val(this.manager.alpha)}},{key:"setHexInput",value:function(){this.refs.$hexCode.val(this.manager.toString("hex"))}},{key:"setValue",value:function(){this.refresh()}},{key:"refresh",value:function(){this.setCurrentFormat(this.manager.format),this.setRGBInput(),this.setHSLInput(),this.setHexInput()}},{key:"manager",get:function(){return this.parent.manager}}]),e}(um),Zx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{hueColor:"rgba(0, 0, 0, 1)",s:0,v:0}}},{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:"afterRender",value:function(){this.rect=this.$el.rect()}},{key:Ls("$el"),value:function(){return{style:{"background-color":this.state.hueColor}}}},{key:Ls("$drag_pointer"),value:function(){0===this.rect.width&&(this.rect=this.$el.rect());var t=this.rect.width*this.state.s,e=this.rect.height*(1-this.state.v);return{style:{left:Lo.px(t),top:Lo.px(e)}}}},{key:ss("$el")+$s("movePointer")+Cs("moveEndPointer"),value:function(t){this.rect=this.$el.rect(),this.refreshColorUI()}},{key:"movePointer",value:function(){this.refreshColorUI()}},{key:"moveEndPointer",value:function(){this.parent.changeEndColor()}},{key:"refreshColorUI",value:function(){var t=this.$config.get("bodyEvent"),e=this.rect.left,n=this.rect.right,r=this.rect.top,i=this.rect.bottom,a=i-r,o=(Math.min(n,Math.max(e,t.clientX))-e)/(n-e),s=(a-(Math.min(i,Math.max(r,t.clientY))-r))/a;this.parent.changeColor({type:"hsv",s:o,v:s})}},{key:"setValue",value:function(t,e,n){this.setState({s:t,v:e,hueColor:n})}}]),e}(um);function qx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jx(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Qx=function(){function t(){go()(this,t),this.initialize()}return bo()(t,[{key:"initialize",value:function(){this.state={rgb:{},hsl:{},hsv:{},alpha:1,format:"hex"}}},{key:"changeFormat",value:function(t){this.state.format=t}},{key:"initColor",value:function(t){this.changeColor(t)}},{key:"changeColor",value:function(t){Ai(t=t||"#FF0000")&&(t=po.parse(t)),this.state.alpha=Di(t.a)?this.state.alpha:t.a,this.state.format="hsv"!=t.type&&t.type||this.state.format,"hsl"==t.type?(this.state.hsl=Jx({},this.state.hsl,{},t),this.state.rgb=po.HSLtoRGB(this.state.hsl),this.state.hsv=po.HSLtoHSV(t)):"hex"==t.type?(this.state.rgb=Jx({},this.state.rgb,{},t),this.state.hsl=po.RGBtoHSL(this.state.rgb),this.state.hsv=po.RGBtoHSV(t)):"rgb"==t.type?(this.state.rgb=Jx({},this.state.rgb,{},t),this.state.hsl=po.RGBtoHSL(this.state.rgb),this.state.hsv=po.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=Jx({},this.state.hsv,{},t),this.state.rgb=po.HSVtoRGB(this.state.hsv),this.state.hsl=po.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return vo.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 po.format(Jx({},e,{a:this.state.alpha}),t)}},{key:"toColor",value:function(t){return t=(t||this.state.format).toLowerCase(),this.toString(t)}},{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}}]),t}(),tw={title:"random",key:"random",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42,e=po.randomByCount(t).map((function(t){return{color:t}}));return e.sort((function(t,e){var n=po.parse(t.color),r=po.parse(e.color);return n.h>r.h?1:-1})),e}},ew=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(t){return{color:t}})),nw={title:"material red",key:"material-red",execute:function(){return ew}},rw=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(t){return{color:t}})),iw={title:"material pink",key:"material-pink",execute:function(){return rw}},aw=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(t){return{color:t}})),ow={title:"material purple",key:"material-purple",execute:function(){return aw}},sw=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(t){return{color:t}})),cw={title:"material deep purple",key:"material-deeppurple",execute:function(){return sw}},lw=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(t){return{color:t}})),uw={title:"material indigo",key:"material-indigo",execute:function(){return lw}},hw=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(t){return{color:t}})),pw={title:"material blue",key:"material-blue",execute:function(){return hw}},dw=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(t){return{color:t}})),fw={title:"material light blue",key:"material-lightblue",execute:function(){return dw}},vw=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(t){return{color:t}})),yw={title:"material cyan",key:"material-cyan",execute:function(){return vw}},gw=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(t){return{color:t}})),mw={title:"material teal",key:"material-teal",execute:function(){return gw}},bw=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(t){return{color:t}})),kw={title:"material green",key:"material-green",execute:function(){return bw}},xw=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(t){return{color:t}})),ww={title:"material lightgreen",key:"material-lightgreen",execute:function(){return xw}},Sw=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(t){return{color:t}})),Pw={title:"material lime",key:"material-lime",execute:function(){return Sw}},jw=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(t){return{color:t}})),Ow={title:"material yellow",key:"material-yellow",execute:function(){return jw}},$w=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(t){return{color:t}})),Cw={title:"material amber",key:"material-amber",execute:function(){return $w}},Ew=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(t){return{color:t}})),Tw={title:"material orange",key:"material-orange",execute:function(){return Ew}},Vw=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(t){return{color:t}})),Mw={title:"material deep orange",key:"material-deeporange",execute:function(){return Vw}},Dw=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(t){return{color:t}})),Iw={title:"material brown",key:"material-brown",execute:function(){return Dw}},Lw=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(t){return{color:t}})),Rw={title:"material gray",key:"material-gray",execute:function(){return Lw}},Aw=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(t){return{color:t}})),zw={title:"material bluegray",key:"material-bluegray",execute:function(){return Aw}},Fw=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(t){return{color:t}})),Bw=[tw,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return Fw}},nw,iw,ow,cw,uw,pw,fw,yw,mw,kw,ww,Pw,Ow,Cw,Tw,Mw,Iw,Rw,zw],Gw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:bm}}},{key:"initState",value:function(){return{mode:"grid",preset:"random"}}},{key:"getTools",value:function(){var t=Bw.map((function(t){return"".concat(t.key,":").concat(t.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    '))}},{key:lm("changePreset"),value:function(t,e){this.setState(S()({},t,e))}},{key:"template",value:function(){return"\n      <div class='color-assets-editor'>\n        <div class='color-assets-head'>\n          <label>".concat(this.$i18n("color.asset.property.title"),"</label>\n          <div class='tools'>").concat(this.getTools(),"</div>\n        </div>\n        <div class='color-list' ref='$colorList' data-view-mode='").concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:Vs("$colorList"),value:function(){var t=this,e=Bw.find((function(e){return e.key===t.state.preset}));return e?e.execute().map((function(t,e){return"\n        <div class='color-item' data-index=\"".concat(e,'" data-color="').concat(t.color,"\">\n          <div class='preview' title=\"").concat(t.color,'" data-index="').concat(e,"\">\n            <div class='color-view' style='background-color: ").concat(t.color,";'></div>\n          </div>\n        </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:Yo("$colorList .preview"),value:function(t){var e=t.$dt.$(".color-view").css("background-color");this.modifyColorPicker(e)}},{key:"modifyColorPicker",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.props.params)}}]),e}(um),Hw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"created",value:function(){this.manager=new Qx}},{key:"initState",value:function(){var t=this.props.value||"rgba(0, 0, 0, 1)";return this.manager.initColor(t),{key:this.props.key,value:this.manager.toString()}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyColorPicker()}},{key:"modifyColorPicker",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"initColor",value:function(t,e){this.manager.changeColor(t,e),this.refresh()}},{key:"changeColor",value:function(t,e){this.manager.changeColor(t,e),this.refresh(),this.updateData({value:this.manager.toColor()})}},{key:lm("selectColorAssets"),value:function(t,e){this.lastUpdateColor(e)}},{key:"changeFormat",value:function(t){this.manager.changeFormat(t),this.setState({value:this.manager.toColor()},!1),this.modifyColorPicker(),this.changeEndColor()}},{key:"lastUpdateColor",value:function(t,e){this.manager.changeColor(t,e),this.refresh(),this.setState({value:this.manager.toColor()},!1),this.modifyColorPicker(),this.changeEndColor()}},{key:"changeEndColor",value:function(){this.parent.trigger(this.props.onchangeend,this.props.key,this.state.value,this.props.params)}},{key:"refresh",value:function(){var t=this.manager.toColor();this.children.$palette.setValue(this.manager.hsv.s,this.manager.hsv.v,this.manager.getHueColor()),this.children.$opacity.setValue(this.manager.rgb,this.manager.alpha),this.children.$hue.setValue(this.manager.hsv.h),this.children.$colorview.setValue(t),this.children.$information.setValue()}},{key:"components",value:function(){return{Hue:_x,Opacity:Kx,ColorView:Wx,Palette:Zx,ColorInformation:Ux,ColorAssetsEditor:Gw}}},{key:"template",value:function(){return'\n        <div class=\'colorpicker sketch inline\'>\n            <div class=\'colorpicker-body\'>\n                <object refClass="Palette" ref=\'$palette\' />\n                <div class="control">\n                    <object refClass="Hue" ref=\'$hue\' />\n                    <object refClass="Opacity" ref=\'$opacity\' />\n                    <div class="empty"></div>\n                    <object refClass="ColorView" ref=\'$colorview\' />\n                </div>\n                <object refClass="ColorInformation" ref=\'$information\' />\n                <object refClass="ColorAssetsEditor" ref=\'$colorAsset\' key="colorAssets" onchange="selectColorAssets" /> \n            </div>\n        </div>\n      '}}]),e}(um),Nw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{ColorPickerEditor:Hw}}},{key:"initState",value:function(){return{value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return'\n        <div class=\'embed-color-picker\'>\n          <object refClass="ColorPickerEditor" \n            ref=\'$colorpicker\' \n            key="colorpicker" \n            value="'.concat(this.state.value,"\" \n            onchange='localChangeColor' \n            onchangeend='localLastUpdate' \n          />        \n        </div>\n      ")}},{key:lm("localChangeColor"),value:function(t,e){this.parent.trigger(this.props.onchange,e)}},{key:lm("localLastUpdate"),value:function(t,e){this.parent.trigger(this.props.onchangeend,e)}},{key:"setValue",value:function(t){this.state.value=t,this.children.$colorpicker.initColor(t)}},{key:"refresh",value:function(){this.children.$colorpicker.initColor(this.props.value)}}]),e}(um),Xw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact"}},{key:"components",value:function(){return{EmbedColorPicker:Nw}}},{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:"updateEndData",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.changeEndEvent,this.state.color,this.params)}},{key:"getBody",value:function(){return"\n      <div class=\"color-picker-popup\">\n        <div class='box'>\n          <object refClass=\"EmbedColorPicker\" ref='$color' value='".concat(this.state.color,"' onchange='changeColor' onchangeend=\"changeEndColor\" />\n        </div>\n      </div>\n    ")}},{key:Vs("$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:Yo("$projectColors .color-view"),value:function(t){this.updateData({color:t.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:lm("changeColor"),value:function(t){this.updateData({color:t})}},{key:lm("changeEndColor"),value:function(t){this.updateEndData({color:t})}},{key:lm("showColorPickerPopup"),value:function(t,e){if(t.changeEvent=t.changeEvent||"changeFillPopup",!(t.target instanceof um))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:lm("hideColorPickerPopup"),value:function(){this.hide()}}]),e}(Ex);Qs({ColorPickerPopup:Xw});var Yw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$imageBox")+Ss,value:function(){return(this.$selection.currentProject||{images:[]}).images.map((function(t,e){return"<div class='image-item' ><img src='".concat(t.local,"' data-id=\"").concat(t.id,'" /></div>')}))}},{key:Yo("$imageBox .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData({value:e.attr("data-id"),naturalWidth:Lo.px(e.naturalWidth),naturalHeight:Lo.px(e.naturalHeight),width:Lo.px(e.naturalWidth),height:Lo.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:lm("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:lm("hideImageSelectPopup"),value:function(){this.hide()}}]),e}(Ex);Qs({ImageSelectPopup:Yw});var _w=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$imageList")+Ss,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:Yo("$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:lm("addImageAsset"),value:function(){this.refresh()}}]),e}(um);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 Ww(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){S()(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}var Uw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:_w,EmbedColorPicker:Nw,GradientEditor:Km}}},{key:"initState",value:function(){return{}}},{key:"initialize",value:function(){Bs()(So()(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            <object refClass=\"EmbedColorPicker\" ref='$color' onchange='changeColor' />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "}},{key:lm("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof wl&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Vs("$gradientEditor"),value:function(){return'<object refClass="GradientEditor" \n      ref="$g" \n      value="'.concat(this.state.image,'" \n      selectedIndex="').concat(this.state.selectColorStepIndex,"\" \n      onchange='changeGradientEditor'\n    />")}},{key:lm("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:lm("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:lm("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:lm("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:lm("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:lm("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(Ww({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),e}(Ex);Qs({GradientPickerPopup:Uw});var Zw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{key:"components",value:function(){return{SVGFilterEditor:Xk}}},{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:Vs("$editor"),value:function(){return'\n      <object refClass="SVGFilterEditor" ref=\'$filter\' title=\'Filter Type\' key="filter" onchange=\'changeFilterEditor\'>\n        <property name="value" type="json">'.concat(JSON.stringify(this.state.filters),"</property>\n      </div>\n    ")}},{key:lm("changeFilterEditor"),value:function(t,e){this.updateData({filters:e})}},{key:"refresh",value:function(){this.load()}},{key:lm("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map((function(t){return xk.parse(t)})),t.preview=!Ii(t.preview)||t.preview,this.setState(t),this.show(500)}},{key:lm("hideSVGFilterPopup"),value:function(){this.$el.hide()}}]),e}(Ex);Qs({SVGFilterPopup:Zw});var qw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"components",value:function(){return{EmbedColorPicker:Nw,RangeEditor:km,SelectEditor:bm,GradientEditor:Km}}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||Lo.z(),y:this.props.y||Lo.z(),width:this.props.width||Lo.z(),height:this.props.height||Lo.z(),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        <object refClass="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:lm("changeRangeEditor"),value:function(t,e){this.updateData(S()({},t,e))}},{key:"templateForX",value:function(){return'\n      <div class=\'popup-item\'>\n        <object refClass="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        <object refClass="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      <object refClass="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      <object refClass="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:Yo("$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      <object refClass="SelectEditor"  label="'.concat(this.$i18n("background.image.position.popup.blend"),"\" ref='$blend' key='blendMode' value=\"").concat(this.state.blendMode,'" options="').concat(Tm,'" onchange="changeRangeEditor" />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\" ref='$picker'></div>\n    "}},{key:Vs("$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:lm("showBackgroundImagePositionPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changeFillPopup",this.state.params=e,this.setState(t.data),this.show(460)}}]),e}(Ex);function Jw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Qw(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Jw(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}Qs({BackgroundImagePositionPopup:qw});var tS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:_w,EmbedColorPicker:Nw,FillEditor:cx}}},{key:"initState",value:function(){return{image:Np.create()}}},{key:"initialize",value:function(){Bs()(So()(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            <object refClass=\"EmbedColorPicker\" ref='$color' onchange='changeColor' />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "}},{key:lm("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof wl&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Vs("$gradientEditor"),value:function(){return'<object refClass="FillEditor" \n      ref="$g" \n      value="'.concat(this.state.image,'" \n      selectedIndex="').concat(this.state.selectColorStepIndex,"\" \n      onchange='changeFillEditor'\n    />")}},{key:lm("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:lm("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:lm("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:lm("showFillPickerPopup"),value:function(t,e){this.show(432),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.trigger("selectColorStep",t.image.colorsteps[0].color),this.setState(t)}},{key:lm("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:lm("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(Qw({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),e}(Ex);Qs({FillPickerPopup:tS});var eS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("pattern.info.popup.title")}},{key:"initState",value:function(){return{type:this.props.type||"grid",x:this.props.x||Lo.z(),y:this.props.y||Lo.z(),width:this.props.width||Lo.z(),height:this.props.height||Lo.z(),lineWidth:this.props.lineWidth||Lo.px(1),lineHeight:this.props.lineHeight||Lo.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,i=e.width,a=e.height,o=e.foreColor,s=e.backColor,c=e.blendMode,l=e.lineWidth,u=e.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:i,height:a,foreColor:o,backColor:s,blendMode:c,lineWidth:l,lineHeight:u},this.state.params)}},{key:lm("changeRangeEditor"),value:function(t,e){this.updateData(S()({},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        <object refClass="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        <object refClass="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      <object refClass="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      <object refClass="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      <object refClass="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      <object refClass="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        <object refClass=\"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        <object refClass=\"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      <object refClass=\"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:Vs("$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:lm("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)}}]),e}(Ex);Qs({PatternInfoPopup:eS});var nS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.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:Yo("$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()}}]),e}(um),rS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"render",value:function(t,e){var n=t.elementType,r=t.id,i=t.name,a=(t.itemType,n||"div");return"    \n      <".concat(a,' class="element-item artboard" data-id="').concat(r,"\">\n        <div class='artboard-title'>").concat(i,"</div>\n        ").concat(this.toDefString(t),"\n        ").concat(t.layers.map((function(t){return e.render(t,e)})).join("\n\t"),"\n      </").concat(a,">\n    ")}}]),e}(jp),iS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(jp),aS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(iS);function oS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function sS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?oS(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):oS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var cS=["front","back","left","right","top","bottom"],lS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toDefaultCSS",value:function(t){var e={};return t.x&&(e.left=t.x),t.y&&(e.top=t.y),e.visibility=t.visible?"visible":"hidden",sS({},e,{},this.toKeyListCSS(t,["position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin","animation","transition"]))}},{key:"toCSS",value:function(t){return sS({},this.toVariableCSS(t),{},this.toDefaultCSS(t),{},this.toWebkitCSS(t),{},this.toBoxModelCSS(t),{},this.toLayoutItemCSS(t))}},{key:"toNestedCSS",value:function(t){var e=t.rate.value,n=t.width,r=t.height,i=n.value/2,a=r.value/2,o=t["backface-visibility"],s=sS({},this.toKeyListCSS(t,["filter","mix-blend-mode","border-radius","background-color","opacity","color"]),{},this.toClipPathCSS(t),{},this.toBackgroundImageCSS(t),{},this.toBorderCSS(t));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(Ji(s),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";     \n          backface-visibility: ").concat(o,";          \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(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";        \n          backface-visibility: ").concat(o,";              \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(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";    \n          backface-visibility: ").concat(o,";          \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(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";      \n          backface-visibility: ").concat(o,";          \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(a*e,"px);\n          top: ").concat(a-i,"px;\n          width: ").concat(n,";\n          height: ").concat(n,";\n          backface-visibility: ").concat(o,";          \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(a*e,"px);\n          top: ").concat(a-i,"px;          \n          width: ").concat(n,";\n          height: ").concat(n,";    \n          backface-visibility: ").concat(o,";          \n          ").concat(t["bottom.color"]?"background-color: ".concat(t["bottom.color"],";"):"","\n          ").concat(t["bottom.background"]?"".concat(t["bottom.background"],";"):"","                          \n        ").trim()}]}},{key:"render",value:function(t){var e=t.id;return("\n      <div class='element-item cube' data-id=\"".concat(e,'">\n        ').concat(this.toDefString(t),"\n        ").concat(cS.map((function(t){return"<div class='".concat(t,"'></div>")})).join(""),"\n      </div>"))}}]),e}(iS),uS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toNestedCSS",value:function(t){return[{selector:"img",cssText:"\n                width: 100%;\n                height: 100%;\n                pointer-events: none;\n                ".trim()}]}},{key:"getUrl",value:function(t){var e=t.src;return t.project.getImageValueById(e)||e}},{key:"render",value:function(t){var e=t.id;return("\n          <div class='element-item image' data-id=\"".concat(e,'">\n            ').concat(this.toDefString(t),"\n            <img src='").concat(this.getUrl(t),"' />\n          </div>"))}},{key:"update",value:function(t,n){var r=n.$("img");r&&r.attr("src",this.getUrl(t)),Bs()(So()(e.prototype),"update",this).call(this,t,n)}}]),e}(iS),hS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toRootVariableCSS",value:function(t){var e={};return t.rootVariable.split(";").filter((function(t){return t.trim()})).forEach((function(t){var n=t.split(":"),r=j()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toCSS",value:function(t){return Object.assign.apply(Object,[{}].concat(E()(this.toRootVariableCSS(t))))}},{key:"toStyle",value:function(t){var e=t.toKeyframeString(),n=this.toRootVariableCSS(t);return"\n        <style type='text/css' data-id='".concat(t.id,"'>\n            :root {\n                ").concat(Ji(n),"\n            }\n            /* keyframe */\n            ").concat(e,"\n        </style>\n        ")}},{key:"render",value:function(t,e){return t.layers.map((function(t){return e.render(t)})).join("")}},{key:"renderSVGFilter",value:function(t){return t.svgfilters.map((function(t){var e=t.filters.map((function(t){return xk.parse(t)}));return("<filter id='".concat(t.id,"'>").concat(e.join("\n"),"</filter>"))})).join("\n\n")}},{key:"renderSVG",value:function(t,e){var n=this.renderSVGFilter(t);return('\n<svg width="0" height="0">\n    <title>SVG Properties</title>\n    '.concat(n,"\n</svg>\n"))}}]),e}(jp),pS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(iS);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}var fS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"updateDefString",value:function(t,e){var n=e.$("defs");if(n)n.updateSVGDiff("<defs>".concat(this.toDefInnerString(t),"</defs>"));else{var r=this.toDefString(t).trim();e.prepend(Ro.createByHTML(r))}}},{key:"toDefInnerString",value:function(t){return"\n            ".concat(this.toFillSVG(t),"\n            ").concat(this.toStrokeSVG(t),"\n        ")}},{key:"toDefString",value:function(t){var e=this.toDefInnerString(t).trim();return("\n            <defs>\n            ".concat(e,"\n            </defs>\n        "))}},{key:"fillId",value:function(t){return this.getInnerId(t,"fill")}},{key:"strokeId",value:function(t){return this.getInnerId(t,"stroke")}},{key:"toFillSVG",value:function(t){return qp.parseImage(t.fill||"transparent").toSVGString(this.fillId(t))}},{key:"toStrokeSVG",value:function(t){return qp.parseImage(t.stroke||"black").toSVGString(this.strokeId(t))}},{key:"toFillValue",value:function(t){return qp.parseImage(t.fill||"transparent").toFillValue(this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return po.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){return qp.parseImage(t.stroke||"black").toFillValue(this.strokeId(t))}},{key:"toFilterValue",value:function(t){return t.svgfilter?"url(#".concat(t.svgfilter,")"):""}},{key:"toLayoutCSS",value:function(t){return{}}},{key:"toDefaultCSS",value:function(t){return function(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){S()(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}({},Bs()(So()(e.prototype),"toDefaultCSS",this).call(this,t),{},this.toKeyListCSS(t,["stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"]))}},{key:"toSVGAttribute",value:function(t){return this.toDefaultCSS(t)}}]),e}(iS),vS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"update",value:function(t,e){if(e){var n=e.$("path");n&&(n.setAttrNS({d:t.d,"fill-rule":t["fill-rule"]||"nonezero",filter:this.toFilterValue(t),fill:this.toFillValue(t),stroke:this.toStrokeValue(t)}),t.totalLength=n.totalLength),this.updateDefString(t,e)}}},{key:"render",value:function(t){return'\n        <svg \n          class=\'element-item path\'  \n          xmlns="http://www.w3.org/2000/svg"\n          data-id="'.concat(t.id,'"\n        >\n            ').concat(this.toDefString(t),'\n            <path \n              class="svg-path-item"\n              d="').concat(t.d,'"\n              fill-rule="').concat(t["fill-rule"],'"\n              filter="').concat(this.toFilterValue(t),'"\n              fill="').concat(this.toFillValue(t),'"\n              stroke="').concat(this.toStrokeValue(t),'"\n            />\n        </svg>\n    ')}}]),e}(fS),yS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"update",value:function(t,e){var n=e.$("path.svg-path-item");n&&n.attr("d",t.d);var r=e.$("path.guide");r&&r.attr("d",t.d);var i=e.$("textPath");i&&(i.text(t.text),i.setAttrNS({filter:this.toFilterValue(t),fill:this.toFillValue(t),stroke:this.toStrokeValue(t),textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset})),this.updateDefString(t,e),t.totalLength=n.totalLength}},{key:"toDefInnerString",value:function(t){return"\n        ".concat(this.toPathSVG(t),"\n        ").concat(this.toFillSVG(t),"\n        ").concat(this.toStrokeSVG(t),"\n    ")}},{key:"toPathId",value:function(t){return this.getInnerId(t,"path")}},{key:"toPathSVG",value:function(t){return'\n    <path class="svg-path-item" id="'.concat(this.toPathId(t),'" d="').concat(t.d,'" fill="none" />\n    ')}},{key:"render",value:function(t){var e=t.id,n=t.textLength,r=t.lengthAdjust,i=t.startOffset,a="#".concat(this.toPathId(t));return"\n      <svg class='element-item textpath' data-id=\"".concat(e,'">\n        ').concat(this.toDefString(t),'\n        <text class="svg-textpath-item">\n          <textPath \n            xlink:href="').concat(a,'"\n            textLength="').concat(n,'"\n            lengthAdjust="').concat(r,'"\n            startOffset="').concat(i,'"\n          >').concat(t.text,'</textPath>\n          <use href="').concat(a,'" stroke-width="1" stroke="black" />\n        </text>\n        <path class="guide" d="').concat(t.d,'" fill="none"/>\n      </svg>\n    ')}}]),e}(fS),gS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"update",value:function(t,e){var n=e.$("text");n&&(n.text(t.text),n.setAttrNS({filter:this.toFilterValue(t),fill:this.toFillValue(t),stroke:this.toStrokeValue(t),textLength:t.textLength,lengthAdjust:t.lengthAdjust})),this.updateDefString(t,e)}},{key:"shapeInsideId",value:function(t){return this.getInnerId(t,"shape-inside")}},{key:"render",value:function(t){var e=t.id,n=t.textLength,r=t.lengthAdjust;return("\n  <svg class='element-item textpath' data-id=\"".concat(e,'">\n    ').concat(this.toDefString(t),'\n      <text class="svg-text-item" textLength="').concat(n,'" lengthAdjust="').concat(r,'">').concat(t.text,"</text>\n  </svg>"))}}]),e}(fS),mS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toNestedCSS",value:function(t){return[{selector:"> *",cssText:"\n                    pointer-events: none;\n                "}]}},{key:"toCSS",value:function(t){var n=Bs()(So()(e.prototype),"toCSS",this).call(this,t);return n.margin=n.margin||"0px",n}},{key:"render",value:function(t){var e=t.id,n=t.content;return('<p class=\'element-item text\' tabIndex="-1" data-id="'.concat(e,'">').concat(n,"</p>"))}},{key:"update",value:function(t,e){var n=t.content;e.updateDiff(n)}}]),e}(iS),bS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toNestedCSS",value:function(t){return[{selector:"video",cssText:"\n                width: 100%;\n                height: 100%;\n                pointer-events: none;\n                ".trim()}]}},{key:"getUrl",value:function(t){var e=t.src;return t.project.getVideoValueById(e)}},{key:"render",value:function(t){var e=t.id,n=t.controls,r=t.muted,i=t.poster,a=t.loop,o=t.crossorigin,s=t.autoplay;return("\n        <div class='element-item video' data-id=\"".concat(e,'">\n            ').concat(this.toDefString(t),'\n            <video \n                controls="').concat(n,'"\n                src="').concat(this.getUrl(t),'\n                muted="').concat(r,'"\n                poster="').concat(i,'"\n                loop="').concat(a,'"\n                crossorigin="').concat(o,'"\n                autoplay="').concat(s,"\"\n            >\n                Sorry, your browser doesn't support embedded videos.\n            </video>\n        </div>"))}},{key:"update",value:function(t,n){var r=t.currentTime,i=t.playbackRate,a=t.volume,o=n.$("video");o&&o.setProp({currentTime:r,playbackRate:i,volume:a}),Bs()(So()(e.prototype),"update",this).call(this,t,n)}}]),e}(iS);function kS(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=(t=t.trim()).split(":"),r=j()(n,2),i=r[0],a=r[1];return"".concat(e,"<strong>").concat(i,"</strong>:").concat(a,";\n")})).join("").trim()}var xS={project:new hS,artboard:new rS,rect:new pS,circle:new aS,image:new uS,text:new mS,video:new bS,"svg-path":new vS,"svg-text":new gS,"svg-textpath":new yS,cube:new lS},wS={render:function(t,e){if(t){var n=xS[t.itemType];return n?n.render(t,e||this):void 0}},renderSVG:function(t,e){var n=xS[t.itemType];if(n)return n.renderSVG(t,e||this)},toCSS:function(t){var e=xS[t.itemType];if(e)return e.toCSS(t)},toNestedCSS:function(t){var e=xS[t.itemType];return e?e.toNestedCSS(t):[]},toTransformCSS:function(t){var e=xS[t.itemType];return e?e.toTransformCSS(t):{}},toStyle:function(t,e){var n=xS[t.itemType];if(n)return n.toStyle(t,e||this)},update:function(t,e){var n=xS[t.itemType];if(n)return n.update(t,e)},codeview:function(t){if(!t)return"";var e=t.top,n=kS(e?e.toKeyframeString():"").replace(/;/gi,";\n").trim(),r=e?Ji(e.toRootVariableCSS()):"",i=this.renderSVG(e);i=i.replace(/\</g,"&lt;").replace(/\>/g,"&gt;");var a=t,o=kS(a?na(Ji(this.toCSS(a))):""),s=a?this.toNestedCSS(a).map((function(t){var e=t.cssText?t.cssText:Ji(t.css);return"".concat(t.selector," { \n    ").concat(kS(na(e),"&nbsp;&nbsp;"),"\n    }")})):[],c=a?a.selectors:[];return"\n          <div class=''>\n           \n            ".concat(o&&"<div><pre title='CSS'>".concat(o,"</pre></div>"),"\n            \n            ").concat(s.map((function(t){return"<div><pre title='CSS'>".concat(t,"</pre></div>")})).join(""),"\n    \n            ").concat((c||[]).length?"<div>\n                ".concat(c.map((function(t){return"<pre title='".concat(t.selector,"'>").concat(t.toPropertyString(),"</pre>")})).join(""),"\n                \n              </div>"):"","\n    \n            ").concat(n&&"<div><pre title='Keyframe'>".concat(n,"</pre></div>"),"\n\n            ").concat(r?"<div>\n              <label>:root</label>\n              <pre>".concat(r,"</pre>\n              </div>"):"","\n    \n          </div>\n        ")}},SS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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="4">\n                    <label>Assets</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="4">\n                    <pre ref=\'$assets\'></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:lm("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(wS.renderSVG(e),"\n").concat(wS.render(e),"\n        ");this.refs.$html.text(r);var i=cd.render(this.$selection.current);this.refs.$svgimage.text(i),this.refs.$svgimagePreview.html(Ro.createByHTML(i))}},{key:"makeStyle",value:function(t){return wS.toStyle(t)}},{key:"makeHTML",value:function(t){return wS.render(t)}},{key:Yo("$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))}}]),e}(nS);Qs({ExportWindow:SS});var PS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Yo("$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:lm("showLoginWindow"),value:function(){this.show()}}]),e}(nS);Qs({LoginWindow:PS});var jS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Yo("$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:lm("showSignWindow"),value:function(){this.show()}}]),e}(nS);Qs({SignWindow:jS});var OS=new Set;af.forEach((function(t){OS.add(t.category)}));var $S={};OS.forEach((function(t){af.filter((function(e){return e.category===t})).forEach((function(t){$S[t.category]||($S[t.category]=[]),$S[t.category].push(t)}))}));var CS={ARROWRIGHT:"→",ARROWLEFT:"←",ARROWUP:"↑",ARROWDOWN:"→",BACKSPACE:"⌫",CMD:"⌘"},ES=rf(),TS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getClassName",value:function(){return"shortcut-window"}},{key:"getTitle",value:function(){return"ShortCuts"}},{key:"getKeyString",value:function(t,e){return(e[t]||e.key).split("+").map((function(t){return t.trim()})).map((function(t){var e=t.toUpperCase();return("<span>".concat(CS[e]||e,"</span>"))})).join(" + ")}},{key:"getTemplateForShortcutItem",value:function(t){return"\n            <div class='shortcut-view-item'>\n                <div class='title'>".concat(t.description,"</div>\n                <div class='os-item'>").concat(this.getKeyString(ES,t),"</div>\n            </div>                        \n        ")}},{key:"getTemplateForCategory",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return"\n            <div class='item'>\n                <h2>".concat(t,"</h2>\n                <div>\n                    ").concat(n.map((function(t){return e.getTemplateForShortcutItem(t)})).join(""),"\n                </div>\n            </div>\n        ")}},{key:"getTemplateForLayer",value:function(){return"\n            <div class='item'>\n                <h2>Layer</h2>\n                <div>\n                    <div class='shortcut-view-item'>\n                        <div class='title'>\n                            Add Rect\n                            <span class='description'>fdsafdsfdf</span>\n                        </div>\n\n                        <div class='os-item mac'><span>CTRL</span>+<span>R</span></div>\n                        <div class='os-item win'>R</div>\n                        <div class='os-item linux'>R</div>\n                    </div>\n                </div>\n            </div>\n        "}},{key:"getBody",value:function(){var t=this;return('\n        <div class="list">\n            '.concat(Object.keys($S).map((function(e){return t.getTemplateForCategory(e,$S[e])})).join(""),"\n        </div>\n        "))}},{key:lm("showShortcutWindow"),value:function(){this.show()}}]),e}(nS);Qs({ShortcutWindow:TS});var VS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n      <div class='artboard-items'>\n        <div class='artboard-items-tools'>\n          <div class='title'><label>Artboard Assets</label></div>\n          <div class='tools'>\n            <button type=\"button\" ref='$addArtboard'>".concat(Jg.add,"</button>\n          </div>\n        </div>\n        <div class='artboard-list' ref='$list'></div>\n      </div>\n    ")}},{key:Vs("$list"),value:function(){var t;return Hs.a.async((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Hs.a.awrap(this.$storageManager.getArtboardList());case 2:return t=e.sent,e.abrupt("return",t.map((function(t){return'\n        <div class=\'artboard-preview\' draggable="true" data-preview-id="'.concat(t.id,"\">\n          <div class='thumbnail'><img src='").concat(t.preview,"' /></div>\n          <div class='tools'>\n            <div class='title'>").concat(t.artboard.name,"</div>\n            <div class='buttons'>\n              <button type=\"button\" class='remove-artboard-preview' data-preview-id=\"").concat(t.id,'">').concat(Jg.remove,"</button>\n            </div>\n          </div>\n        </div>\n      ")})));case 4:case"end":return e.stop()}}),null,this)}},{key:Yo("$list .remove-artboard-preview"),value:function(t){var e;return Hs.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:if(!confirm(this.$i18n("app.confirm.message.artboard.items.removeArtboard"))){n.next=5;break}return e=t.$dt.data("preview-id"),n.next=4,Hs.a.awrap(this.$storageManager.removeArtboard(e));case 4:this.refresh();case 5:case"end":return n.stop()}}),null,this)}},{key:Uo("$list .artboard-preview"),value:function(t){var e=t.$dt.data("preview-id");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/artboard",e)}},{key:lm("afterSaveArtboard"),value:function(t){return Hs.a.async((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Hs.a.awrap(this.$storageManager.saveArtboard(t));case 2:this.refresh();case 3:case"end":return e.stop()}}),null,this)}},{key:Yo("$addArtboard"),value:function(t){this.emit("savePNG","afterSaveArtboard")}}]),e}(um);Qs({ArtboardItems:VS});var MS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return'\n        <button \n            type="button" \n            class=\'menu-item '.concat(this.getClassName(),"' \n            data-no-title=\"").concat(this.isHideTitle(),'" \n            ').concat(this.isHideTitle()?'title="'.concat(this.getTitle(),'"'):"",' \n            checked="').concat(this.getChecked()?"checked":"",'"\n            ').concat(this.isDisabled()?"disabled":"",'\n        >\n            <div class="icon ').concat(this.getIcon(),'">').concat(Jg[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:"isDisabled",value:function(){return!1}},{key:"setSelected",value:function(t){this.$el.toggleClass("selected",t)}},{key:"getTitle",value:function(){return""}},{key:"getIcon",value:function(){return""}},{key:"getIconString",value:function(){return""}},{key:"isHideTitle",value:function(){return!1}},{key:Yo(),value:function(t){this.clickButton(t)}}]),e}(um),DS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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")}}]),e}(MS);function IS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qs({Github:DS});var LS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:os(),value:function(){var t=hd.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?IS(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):IS(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}}]),e}(um);Qs({ExportCodePen:LS});var RS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"rect"}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(t){this.emit("addLayerView","rect")}},{key:lm("addLayerView"),value:function(t){this.setSelected("rect"===t)}}]),e}(MS);Qs({AddRect:RS});var AS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"lens"}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(t){this.emit("addLayerView","circle")}},{key:lm("addLayerView"),value:function(t){this.setSelected("circle"===t)}}]),e}(MS);Qs({AddCircle:AS});var zS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"align_horizontal_left"}},{key:"getTitle",value:function(){return"Left"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.left")}}]),e}(MS);Qs({LeftAlign:zS});var FS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"align_horizontal_right"}},{key:"getTitle",value:function(){return"Right"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.right")}}]),e}(MS);Qs({RightAlign:FS});var BS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"align_horizontal_center"}},{key:"getTitle",value:function(){return"Center"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.center")}}]),e}(MS);Qs({CenterAlign:BS});var GS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"align_vertical_top"}},{key:"getTitle",value:function(){return"Top"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.top")}}]),e}(MS);Qs({TopAlign:GS});var HS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"align_vertical_bottom"}},{key:"getTitle",value:function(){return"Bottom"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.bottom")}}]),e}(MS);Qs({BottomAlign:HS});var NS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"align_vertical_center"}},{key:"getTitle",value:function(){return"middle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.middle")}}]),e}(MS);Qs({MiddleAlign:NS});var XS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"vertical_distribute"}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"isDisabled",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.height")}}]),e}(MS);Qs({SameHeight:XS});var YS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"horizontal_distribute"}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"isDisabled",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.width")}}]),e}(MS);Qs({SameWidth:YS});var _S=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"title"}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"getClassName",value:function(){return"text"}},{key:"clickButton",value:function(t){this.emit("addLayerView","text")}},{key:lm("addLayerView"),value:function(t){this.setSelected("text"===t)}}]),e}(MS);Qs({AddText:_S});var KS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"launch"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.export.title")}},{key:"clickButton",value:function(t){this.emit("showExportView")}}]),e}(MS);Qs({ExportView:KS});var WS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"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")}}]),e}(MS);Qs({Manual:WS});var US=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"cube"}},{key:"getTitle",value:function(){return this.props.title||"Cube"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addLayerView","cube")}}]),e}(MS);Qs({AddCube:US});var ZS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"photo"}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addLayerView","image")}}]),e}(MS);Qs({AddImage:ZS});var qS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"pentool"}},{key:"getTitle",value:function(){return this.props.title||"Path"}},{key:"clickButton",value:function(t){this.emit("addLayerView","path")}},{key:lm("addLayerView"),value:function(t){this.setSelected("path"===t)}}]),e}(MS);Qs({AddPath:qS});var JS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"storage"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(t){this.emit("saveJSON")}}]),e}(MS);Qs({Save:JS});var QS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"archive"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.download.title")}},{key:"clickButton",value:function(t){this.emit("downloadJSON")}}]),e}(MS);Qs({Download:QS});var tP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"navigation"}},{key:"getTitle",value:function(){return this.props.title||"Select"}},{key:"clickButton",value:function(t){this.emit("addLayerView","select")}},{key:lm("addLayerView"),value:function(t){this.setSelected("select"===t)}}]),e}(MS);Qs({SelectTool:tP});var eP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"outline_rect"}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-rect")}}]),e}(MS);Qs({AddSVGRect:eP});var nP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"outline_circle"}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-circle")}}]),e}(MS);Qs({AddSVGCircle:nP});var rP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"fullscreen"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.fullscreen.title")}},{key:"clickButton",value:function(t){this.emit("toggle.fullscreen")}}]),e}(MS);Qs({Fullscreen:rP});var iP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"text_rotate"}},{key:"getTitle",value:function(){return this.props.title||"TextPath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-textpath")}}]),e}(MS);Qs({AddSVGTextPath:iP});var aP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"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("addLayerView","cylinder")}}]),e}(MS);Qs({AddCylinder:aP});var oP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"title"}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-text")}}]),e}(MS);Qs({AddSVGText:oP});var sP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Login"}},{key:"clickButton",value:function(t){this.emit("showLoginWindow")}}]),e}(MS);Qs({LoginButton:sP});var cP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Sign"}},{key:"clickButton",value:function(t){this.emit("showSignWindow")}}]),e}(MS);Qs({SignButton:cP});var lP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"artboard"}},{key:"getTitle",value:function(){return this.props.title||"ArtBoard"}},{key:"clickButton",value:function(t){this.emit("addLayerView","artboard")}},{key:lm("addLayerView"),value:function(t){this.setSelected("artboard"===t)}}]),e}(MS);Qs({AddArtboard:lP});var uP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"edit"}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(t){this.emit("addLayerView","brush")}}]),e}(MS);Qs({AddDrawPath:uP});var hP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"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("addLayerView","brush")}},{key:lm("addLayerView"),value:function(t){this.setSelected("brush"===t)}}]),e}(MS);Qs({AddDrawBrush:hP});var pP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"video"}},{key:"getTitle",value:function(){return this.props.title||"Video"}},{key:"clickButton",value:function(){this.emit("addLayerView","video")}}]),e}(MS);Qs({AddVideo:pP});var dP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"keyboard"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.shortcuts.title")}},{key:"clickButton",value:function(t){this.emit("showShortcutWindow")}}]),e}(MS);Qs({KeyBoard:dP});var fP={KeyBoard:dP,AddVideo:pP,AddDrawBrush:hP,AddDrawPath:uP,AddArtboard:lP,SignButton:cP,LoginButton:sP,AddSVGText:oP,AddCylinder:aP,AddSVGTextPath:iP,Fullscreen:rP,AddSVGCircle:nP,AddSVGRect:eP,SelectTool:tP,Download:QS,Save:JS,AddCube:US,AddImage:ZS,AddPath:qS,Manual:WS,ExportView:KS,AddText:_S,SameHeight:XS,SameWidth:YS,TopAlign:GS,BottomAlign:HS,MiddleAlign:NS,CenterAlign:BS,RightAlign:FS,LeftAlign:zS,AddCircle:AS,AddRect:RS,ExportCodePen:LS,Github:DS},vP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return fP}},{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            <object refClass=\"SelectTool\" title='Select' />\n            <object refClass=\"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            <object refClass=\"AddRect\" title='Rect' />\n            <object refClass=\"AddCircle\" title='Circle' />         \n            <object refClass=\"AddText\" title='Text' />\n            <object refClass=\"AddImage\" title='Image' />\n            <object refClass=\"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            <object refClass=\"AddDrawPath\" title='Draw' />\n            <object refClass=\"AddPath\" title='Path' />\n            <object refClass=\"AddSVGRect\" title='Rect' />\n            <object refClass=\"AddSVGCircle\" title='Circle' />\n            \x3c!-- <AddSVGText title='Text' /> --\x3e\n            <object refClass=\"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            <object refClass=\"AddCube\" title='Cube' />\n            <object refClass=\"AddCylinder\" title='Cylinder' />          \n          </div>          \n        </div>          \n      </div>\n    ")}},{key:Yo("$el button"),value:function(t){var e=this.refs.$el.$(".selected");e&&e.removeClass("selected"),t.$dt.addClass("selected")}}]),e}(um);Qs({ComponentItems:vP});var yP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return Cx}},{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(Jg.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:Yo("$title label"),value:function(t){var e=t.$dt.parent(),n=Ro.create(t.target).hasClass("add-timeline-property");e.hasClass("property-title")&&!1===n&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:Yo("$title .icon"),value:function(t){t.$dt.parent().hasClass("property-title")&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:Yo("$el .property-body .add-timeline-property")+Es+Ts,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:e,editor:n})}},{key:Yo("$el .property-title .add-timeline-property")+Es+Ts,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?Bi(t)&&t()?(this.show(),e&&this.refresh()):!Bi(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()}}}]),e}(um),gP=["visible","hidden","scroll","auto"],mP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var t=this;return gP.map((function(e){return"".concat(e,":").concat(t.$i18n("background.color.property.overflow.".concat(e)))})).join(",")}},{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='background-color'></span>\n        </div>\n        <object refClass=\"ColorViewEditor\" ref='$color' label=\"".concat(this.$i18n("background.color.property.color"),"\" key='background-color' onchange=\"changeColor\" />\n      </div>   \n        <div class='property-item animation-property-item' style='display:none;'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='z-index'></span>\n          </div>\n          <object refClass=\"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='mix-blend-mode'></span>\n          </div>\n          <object refClass=\"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          <object refClass=\"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:lm("changeColor"),value:function(t,e){this.command("setAttribute","change background color",S()({},t,e))}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$zIndex.setValue(t["z-index"]||0),this.children.$mixBlend.setValue(t["mix-blend-mode"]),this.children.$overflow.setValue(t.overflow),this.children.$color.setValue(t["background-color"]||"rgba(0, 0, 0, 1)"))}},{key:lm("changeSelect"),value:function(t,e){this.command("setAttribute","change attribute : ".concat(t),S()({},t,e))}},{key:lm("refreshSelection"),value:function(){this.refreshShow(["project","artboard","rect","circle","image","video","text"])}}]),e}(yP);Qs({AppearanceProperty:mP});var bP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$body"),value:function(){var t=(this.$selection.current||{})["border-radius"]||"";return"\n      <object refClass=\"BorderRadiusEditor\" ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:lm("refreshSelection")+Ps(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:lm("changeBorderRadius"),value:function(t){this.command("setAttribute","change border radius",{"border-radius":t})}}]),e}(yP),kP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$shadowList"),value:function(){var t=this.$selection.current||{};return('\n      <object refClass="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(Jg.add,"</button>")}},{key:Yo("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:lm("refreshSelection")+Ps(100),value:function(){this.refreshShow(["artboard","rect","circle","text"])}},{key:lm("changeBoxShadow"),value:function(t){this.command("setAttribute","change box shadow",{"box-shadow":t})}}]),e}(yP),xP=[];["margin","padding"].forEach((function(t){xP.push.apply(xP,["-top","-bottom","-left","-right"].map((function(e){return t+e})))}));var wP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:lm("refreshSelection")+Ps(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]||Lo.z();return('<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" tabIndex="1" />'))}},{key:Vs("$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:ts("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};xP.forEach((function(n){e[n]=Lo.px(t.getRef("$",n).value)})),this.command("setAttribute","change padding or margin",e)}}]),e}(yP),SP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"Content"}},{key:lm("refreshSelection","refreshContent")+Ps(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:Ls("$contentItem"),value:function(){var t=this.$selection.current;return t?{value:t.content||""}:""}},{key:ts("$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)}}}]),e}(yP),PP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"afterRender",value:function(){this.show()}},{key:lm("refreshSelection"),value:function(){this.refresh()}},{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        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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        <object refClass="SelectIconEditor" \n          ref=\'$style\' \n          label=\'').concat(this.$i18n("font.property.style"),'\' \n          key="font-style"\n          compact="true"\n          options="normal,italic" \n          icons=\'title,italic\'\n          onchange="changeRangeEditor" />\n      </div>      \n\n      <div class=\'property-item\'>\n        <object refClass="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:lm("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:lm("changeRangeEditor"),value:function(t,e){this.command("setAttribute","change font attribute",S()({},t,e))}}]),e}(yP),jP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.add,"</button>")}},{key:Yo("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:Vs("$shadowList"),value:function(){var t=this.$selection.current||{};return('\n      <object refClass="TextShadowEditor" ref=\'$textshadow\' value="'.concat(t["text-shadow"]||"",'" hide-label="true" onChange="changeTextShadow" />\n    '))}},{key:"afterRender",value:function(){this.show()}},{key:lm("refreshSelection"),value:function(){this.refresh()}},{key:lm("changeTextShadow"),value:function(t){this.command("setAttribute","change text shadow",{"text-shadow":t})}}]),e}(yP),OP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:lm("refreshSelection"),value:function(){this.refresh()}},{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        <object refClass="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        <object refClass=\"SelectIconEditor\" \n          ref='$transform' \n          label='").concat(this.$i18n("text.property.transform"),"' \n          key='text-transform' \n          options=\"none,uppercase:AG,lowercase:ag,capitalize:Ag\"\n          icons=\"horizontal_rule\"\n          onchange='changeTextValue' />                \n      </div>        \n      <div class=\"property-item\">\n        <object refClass=\"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=\"horizontal_rule,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:lm("changeTextValue"),value:function(t,e){this.command("setAttribute","change text property : ".concat(t),S()({},t,e))}}]),e}(yP),$P=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:lm("refreshSelection"),value:function(){this.refresh()}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||Lo.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      <object refClass=\"RangeEditor\"  \n        ref='$lineHeight' \n        label='".concat(this.$i18n("font.spacing.property.lineHeight"),'\' \n        key="line-height" \n        min="0"\n        max="10"\n        step="0.01"\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        <object refClass="RangeEditor"  ref=\'$letter\' label=\'').concat(this.$i18n("font.spacing.property.letterSpacing"),"' key=\"letter-spacing\" min=\"-100\" max=\"100\" 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        <object refClass=\"RangeEditor\"  ref='$word' label='").concat(this.$i18n("font.spacing.property.wordSpacing"),"' key=\"word-spacing\"  min=\"-100\" max=\"100\" 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        <object refClass=\"RangeEditor\"  ref='$indent' label='").concat(this.$i18n("font.spacing.property.indent"),'\' key="text-indent"  min="-100" max="100" onchange="changeRangeEditor" />\n      </div>      \n    ')}},{key:lm("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=Lo.number(e.value)),this.command("setAttribute","change font attribute: ".concat(t),S()({},t,e))}}]),e}(yP);function CP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var EP=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],TP=EP.map((function(t){return t.key})),VP={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Jg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Jg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Jg.repeat," Conic")},MP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"Border Image"}},{key:lm("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:Yo("$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:Vs("$borderImageView"),value:function(){var t=(this.$selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?VP[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:lm("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&TP.forEach((function(t){n.children["$".concat(t,"Slice")].setValue(e)})),this.setBorderImageProperty()}},{key:"getBody",value:function(){this.$selection.current;return'\n      <div class="property-item border-image-item" ref=\'$borderImageView\'></div>    \n      <div class="property-item border-slice-item">\n        <div class="slice-selector" data-selected-value="all" ref="$selector">\n          <button type="button" data-value="all">'.concat(Jg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Jg.border_inner,'\n          </button>\n        </div>\n        <div class="slice-value">\n          <object refClass="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(EP.map((function(t){return"\n              <div>\n                <label class='title'>".concat(t.title,'</label>\n              </div>\n              <div>\n                <object refClass="RangeEditor"  ref=\'$').concat(t.key,"Slice' label='Slice' key='border-image-slice-").concat(t.key,"' onchange='changeBorderImage' /> \n              </div>  \n              <div>\n                <object refClass=\"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:Qo("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:Yo("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:Yo("$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=E()(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||Do.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=Do.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?CP(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):CP(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;if(r)(n=this.getRef("$miniView"))&&r.image&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(VP.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;if(r)(n=this.getRef("$miniView"))&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(VP[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:lm("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 TP.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:Yo("$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()}}]),e}(yP);function DP(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function IP(t,e){var n=function(t,e){var n=t.match(e),r=[];if(!n)return r;for(var i=0,a=n.length;i<a;i++)r.push({parsedString:n[i]});var o={next:0};return r.forEach((function(e){var n=t.indexOf(e.parsedString,o.next);e.startIndex=n,e.endIndex=n+e.parsedString.length,o.next=e.endIndex})),r}(t,e);return n.forEach((function(e){t=t.replace(e.parsedString,DP(e))})),{str:t,matches:n}}function LP(t,e){return e.forEach((function(e){t=t.replace(DP(e),e.parsedString)})),t}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}var AP=/((cubic-bezier|steps)\(([^\)]*)\))/gi,zP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:Lo.second(0),timingFunction:"linear",delay:Lo.second(0),iterationCount:Lo.string("infinite"),playState:"running",fillMode:"none"}}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).duration=Lo.parse(t.duration),t.iterationCount=Lo.parse(t.iterationCount),t}},{key:"toCloneObject",value:function(){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){S()(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}({},this.attrs("name","direction","duration","timingFunction","delay","iterationCount","playState","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.duration,t.timingFunction,t.delay,t.iterationCount,t.direction,t.fillMode,t.playState,t.name].join(" ")}}],[{key:"parse",value:function(t){return new e(t)}},{key:"join",value:function(t){return t.map((function(t){return new e(t).toString()})).join(",")}},{key:"add",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=e.parseStyle(t);return r.push(e.parse(n)),e.join(r)}},{key:"remove",value:function(t,n){return e.filter(t,(function(t,e){return n!=e}))}},{key:"filter",value:function(t,n){return e.join(e.parseStyle(t).filter((function(t){return n(t)})))}},{key:"replace",value:function(t,n,r){var i=e.parseStyle(t);return i[n]?i[n]=r:i.push(r),e.join(i)}},{key:"get",value:function(t,n){return e.parseStyle(t)[n]}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=IP(t,AP);return(n=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=7?{duration:Lo.parse(e[0]),timingFunction:LP(e[1],r.matches),delay:Lo.parse(e[2]),iterationCount:"infinite"===e[3]?Lo.string("infinite"):Lo.parse(e[3]),direction:e[4],fillMode:e[5],playState:e[6],name:e[7]}:e.length>=3?{duration:Lo.parse(e[0]),timingFunction:LP(e[1],r.matches),delay:Lo.parse(e[2]),name:e[3]}:e.length>=1?{duration:Lo.parse(e[0]),name:e[1]}:{}}))).map((function(t){return e.parse(t)}))}}]),e}(Pc);function FP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var BP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.add,"</button>\n    ")}},{key:Vs("$animationList")+Ss,value:function(){var t=this,e=this.$selection.current;return e?zP.parseStyle(e.animation).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=oa(e.timingFunction,30,30);return"\n      <div class='animation-group-item'>\n        <div class='animation-item ".concat(r,"' \n             data-index='").concat(n,"' \n             ref=\"animationIndex").concat(n,"\" \n          >\n            <div class='timing preview' data-index='").concat(n,"' ref='$preview").concat(n,'\'>\n              <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                <path d="').concat(i,"\" stroke=\"white\" stroke-width=\"1\" fill='none' />\n              </svg>\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(Jg.play,"</small>\n                  <small data-play-state-value='paused'>").concat(Jg.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(Jg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:lm("refreshSelection")+Ps(100),value:function(){this.refreshShowIsNot("project"),this.emit("hideAnimationPropertyPopup")}},{key:Yo("$add"),value:function(t){var e=this.$selection.current;e&&(e.reset({animation:zP.add(e.animation,{name:null})}),this.emit("refreshElement",e)),this.refresh()}},{key:Yo("$animationList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({animation:zP.remove(n.animation,e)}),this.emit("refreshElement",n),this.refresh())}},{key:Yo("$animationList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=zP.parseStyle(n.animation),i=r[e];i&&(i.togglePlayState(),t.$dt.attr("data-play-state-selected-value",i.playState),n.reset({animation:zP.join(r)}),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")}},{key:"viewAnimationPicker",value:function(t){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+t.attr("data-index"),this.current=this.$selection.current,this.current&&(this.currentAnimation=zP.get(this.current.animation,this.selectedIndex),this.viewAnimationPropertyPopup())}},{key:"viewAnimationPropertyPopup",value:function(){if(this.currentAnimation){var t=this.currentAnimation;this.emit("showAnimationPropertyPopup",{changeEvent:"changeAnimationPropertyPopup",data:t.toCloneObject(),instance:this})}}},{key:Yo("$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:lm("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?FP(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):FP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.current.reset({animation:zP.replace(this.current.animation,this.selectedIndex,this.currentAnimation)}),this.emit("refreshElement",this.current),this.refresh()))}}]),e}(yP);Qs({AnimationProperty:BP});var GP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.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(Jg.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(Jg.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(Jg.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:Yo("$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"),i=this.$selection.currentProject;if(i){var a=i.keyframes[n];a&&a.reset({selectedType:r}),e.attr("data-selected-value",r)}}},{key:Yo("$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:Yo("$keyframeList .del")+Es,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:lm("refreshSelection")+Ps(100),value:function(){this.refreshShowIsNot("project")}},{key:Vs("$keyframeList"),value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.keyframe?ph.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map((function(e,n){return t.makeKeyframeTemplate(e,n)}))}},{key:Yo("$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:lm("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))}}]),e}(yP),HP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("background.image.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"afterRender",value:function(){this.show()}},{key:"getKeyframeProperty",value:function(){return"background-image"}},{key:"getClassName",value:function(){return"background-image"}},{key:"getBody",value:function(){return"\n      <div class='full' ref='$property'></div>               \n    "}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Jg.add,"</button>")}},{key:Yo("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:Vs("$property"),value:function(){var t=(this.$selection.current||{})["background-image"]||"";return"<object refClass=\"BackgroundImageEditor\" \n              ref='$backgroundImageEditor' \n              key='background-image'\n              value='".concat(t,"' \n              hide-label=\"true\"\n              onchange='changeBackgroundImage' \n            />")}},{key:lm("refreshSelection"),value:function(){this.refreshShow(["artboard","rect","circle","text","image","video"])}},{key:"refresh",value:function(){this.load()}},{key:lm("changeBackgroundImage")+Ps(10),value:function(t,e){this.command("setAttribute","change background image",S()({},t,e))}}]),e}(yP),NP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"afterRender",value:function(){this.show()}},{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(Jg.add,"</button>\n    ")}},{key:Yo("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Vs("$filterSelect"),value:function(){var t=this,e=Cm.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(E()(e),[{title:"-------",value:""}],E()(n)):E()(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:Vs("$body"),value:function(){var t=(this.$selection.current||{}).filter;return"<object refClass=\"FilterEditor\" ref='$filterEditor' value='".concat(t,"' hide-label='true' onchange='changeFilterEditor' />")}},{key:lm("changeFilterEditor"),value:function(t){this.command("setAttribute","change filter",{filter:t})}},{key:lm("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:lm("refreshSVGArea")+Ps(1e3),value:function(){this.load("$filterSelect")}}]),e}(yP),XP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:lm("refreshSelectionStyleView","refreshStyleView","refreshSelection","refreshSVGArea")+Ps(100),value:function(){this.refreshShowIsNot()}},{key:"getBody",value:function(){return"\n      <div class=\"property-item code-view-item\" ref='$body'></div>\n    "}},{key:Vs("$body")+Ss,value:function(){return[wS.codeview(this.$selection.current),cd.codeview(this.$selection.current)]}}]),e}(yP),YP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.add,"</button>\n    ")}},{key:Yo("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Vs("$filterSelect"),value:function(){var t=this,e=Cm.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(E()(e),[{title:"-------",value:""}],E()(n)):E()(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:Vs("$body"),value:function(){var t=(this.$selection.current||{})["backdrop-filter"];return"<object refClass=\"FilterEditor\" ref='$filterEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />")}},{key:lm("changeFilterEditor"),value:function(t){this.command("setAttribute","change backdrop filter",{"backdrop-filter":t})}},{key:lm("refreshSelection"),value:function(){this.refreshShowIsNot(["project","artboard"])}}]),e}(yP);Qs({BackdropFilterProperty:YP});var _P=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],KP={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},WP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(_P.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(Jg.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:Yo("$directionArea .direction"),value:function(t){var e=t.$dt.attr("data-value"),n=Lo.deg(KP[e]||0);this.$selection.each((function(t){var e=Ec.replace(t.transform,{type:"rotateZ",value:[n]});t.reset({transform:e})})),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect"),this.$selection.setRectCache()}},{key:Ls("$rotateContainer"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Ec.filter(t.transform||"",(function(t){return"rotateX"===t.type||"rotateY"===t.type}))}}}},{key:Ls("$rotateZ"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Ec.filter(t.transform||"",(function(t){return"rotate"===t.type||"rotateZ"===t.type}))}}}},{key:_o("$rotateArea"),value:function(){this.$selection.each((function(t){t.reset({transform:Ec.remove(t.transform,["rotateX","rotateY"])})})),this.$selection.setRectCache(),this.bindData("$rotateContainer"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:ss("$rotateArea")+$s("moveRotateXY")+Cs("moveEndRotateXY"),value:function(){this.state.rotateCache=this.$selection.map((function(t){var e=Ec.get(t.transform,"rotateX"),n=Ec.get(t.transform,"rotateY");return{item:t,rotateX:e?e[0]:Lo.deg(0),rotateY:n?n[0]:Lo.deg(0)}}))}},{key:"moveRotateXY",value:function(t,e){var n=Lo.deg(-e),r=Lo.deg(t);this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=Ec.rotateX(e,Lo.deg(t.rotateX.value+n.value)),e=Ec.rotateY(e,Lo.deg(t.rotateY.value+r.value)),t.item.transform=e})),this.bindData("$rotateContainer"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:"moveEndRotateXY",value:function(t,e){this.emit("refreshSelectionStyleView"),this.emit("refreshRect"),this.$selection.setRectCache()}},{key:_o("$handle"),value:function(){this.$selection.each((function(t){t.reset({transform:Ec.remove(t.transform,["rotateZ","rotate"])})})),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:ss("$handle")+$s()+Cs(),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.state.rotateCache=this.$selection.map((function(t){var e=Ec.get(t.transform,"rotateZ");return{item:t,rotateZ:e?e[0]:Lo.deg(0)}}))}},{key:"move",value:function(t,e){this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:"end",value:function(){this.emit("refreshSelectionStyleView"),this.emit("refreshRect"),this.$selection.setRectCache()}},{key:"modifyRotateZ",value:function(t,e){this.$config.get("bodyEvent");var n=Lo.deg(Math.floor(Ir(this.rotateZStart,this.rotateZCenter,{dx:t,dy:e})));this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=Ec.rotateZ(e,Lo.deg(t.rotateZ.value+n.value)),t.item.transform=e}))}},{key:lm("refreshSelection"),value:function(){this.refresh()}}]),e}(um);function UP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var ZP=["rotate","rotateX","rotateY","rotateZ","rotate3d","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],qP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?UP(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):UP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bs()(So()(e.prototype),"components",this).call(this),{RotateEditorView:WP})}},{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return this.$i18n("transform.property.title")}},{key:"getBody",value:function(){return"\n      <object refClass=\"RotateEditorView\" />\n      <div class='full transform-property' ref='$body'></div>\n    "}},{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(ZP.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(Jg.add,"</button>\n    "))}},{key:Yo("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:Vs("$body"),value:function(){var t=(this.$selection.current||{}).transform;return"\n      <object refClass=\"TransformEditor\" ref='$transformEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeTransformEditor' />\n    ")}},{key:lm("changeTransformEditor"),value:function(t){this.command("setAttribute","change transform property",{transform:function(e){return Ec.replaceAll(e.transform,t)}})}},{key:lm("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:lm("refreshRect")+Ps(100),value:function(){this.refresh()}}]),e}(yP),JP=["circle","ellipse","inset","polygon","path","svg"],QP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(JP.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(Jg.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>\n        <div class=\'tools\'>\n          <button type="button" class="del">').concat(Jg.remove2,"</button>\n        </div>        \n      </div>\n    ")}},{key:Yo("$clippathList .clippath-item .title"),value:function(t){this.$selection.current&&this.viewClipPathPicker()}},{key:Yo("$clippathList .del")+Es,value:function(t){var e=this,n=this.$selection.current;n&&(this.command("setAttribute","delete clip-path",{"clip-path":""},n.id),this.emit("hideClipPathPopup"),setTimeout((function(){e.refresh()}),100))}},{key:lm("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Vs("$clippathList"),value:function(){var t=this.$selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"].split("(")[0]):""}},{key:Yo("$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.command("setAttribute","change clip-path",{"clip-path":this.refs.$clipPathSelect.value},t.id)),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=this.$selection.current;if(t){var e=Du.parseStyle(t["clip-path"]);switch(e.type){case"path":var n=t.accumulatedPath(e.value.trim()).d,r=n?"modify":"path";this.emit("showPathEditor",r,{changeEvent:"updateClipPathString",current:t,d:n,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:lm("updateClipPathString"),value:function(t){var e=this.$selection.current;e&&(t.d=e.invertPath(t.d).round(1e3).d,e.reset({"clip-path":"path(".concat(t.d,")")}),this.refresh(),this.emit("updateClipPath",t))}},{key:lm("changeClipPathPopup"),value:function(t){var e=this.$selection.current;e&&(e.reset(t),this.refresh(),this.command("setAttribute","change clip-path",t,e.id))}}]),e}(yP),tj=/((cubic-bezier|steps)\(([^\)]*)\))/gi,ej=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return{name:"all",duration:Lo.second(0),timingFunction:"linear",delay:Lo.second(0)}}},{key:"toCloneObject",value:function(){return{name:this.json.name,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.name,t.duration,t.timingFunction,t.delay].join(" ")}}],[{key:"parse",value:function(t){return new e(t)}},{key:"join",value:function(t){return t.map((function(t){return new e(t).toString()})).join(",")}},{key:"add",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=e.parseStyle(t);return r.push(e.parse(n)),e.join(r)}},{key:"remove",value:function(t,n){return e.filter(t,(function(t,e){return n!=e}))}},{key:"filter",value:function(t,n){return e.join(e.parseStyle(t).filter((function(t){return n(t)})))}},{key:"replace",value:function(t,n,r){var i=e.parseStyle(t);return i[n]?i[n]=r:i.push(r),e.join(i)}},{key:"get",value:function(t,n){return e.parseStyle(t)[n]}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=IP(t,tj);return(n=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=4?{name:e[0],duration:Lo.parse(e[1]),timingFunction:LP(e[2],r.matches),delay:Lo.parse(e[3])}:e.length>=3?{name:e[0],duration:Lo.parse(e[1]),delay:Lo.parse(e[2])}:e.length>=1?{name:e[0],duration:Lo.parse(e[1])}:{}}))).map((function(t){return e.parse(t)}))}}]),e}(Pc);function nj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var rj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.add,"</button>\n    ")}},{key:Vs("$transitionList")+Ss,value:function(){var t=this,e=this.$selection.current;return e?ej.parseStyle(e.transition).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=oa(e.timingFunction,30,30);return"\n      <div class='transition-group-item'>\n        <div class='transition-item ".concat(r,"' data-index='").concat(n,"' ref=\"transitionIndex").concat(n,"\">\n            <div class='timing preview' data-index='").concat(n,"' ref='$preview").concat(n,'\'>\n              <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                <path d="').concat(i,"\" stroke=\"white\" stroke-width=\"1\" fill='none' />\n              </svg>\n            </div>\n            <div class='name'>\n              <div class='labels'>\n                <span class='property-name' title='Property'>").concat(e.name,"</span>\n                <span class='duration' title='Duration'><small>Duration: ").concat(e.duration,"</small></span>\n                <span class='delay' title='Delay'><small>Delay: ").concat(e.delay,'</small></span>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(Jg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:lm("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Yo("$add"),value:function(t){var e=this.$selection.current;e&&(e.reset({transition:ej.add(e.transition)}),this.emit("refreshElement",e)),this.refresh()}},{key:"getCurrentTransition",value:function(){return this.current.transitions[this.selectedIndex]}},{key:Yo("$transitionList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({transition:ej.remove(n.transition,e)}),this.emit("refreshElement",n),this.refresh())}},{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")}},{key:"viewTransitionPicker",value:function(t){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+t.attr("data-index"),this.current=this.$selection.current,this.current&&(this.currentTransition=ej.get(this.current.transition,this.selectedIndex),this.viewTransitionPropertyPopup())}},{key:"viewTransitionPropertyPopup",value:function(){if(this.currentTransition){var t=this.currentTransition;this.emit("showTransitionPropertyPopup",{changeEvent:"changeTransitionPropertyPopup",data:t.toCloneObject(),instance:this})}}},{key:Yo("$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:lm("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?nj(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.current.reset({transition:ej.replace(this.current.transition,this.selectedIndex,this.currentTransition)}),this.emit("refreshElement",this.current),this.refresh()))}}]),e}(yP),ij=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.remove,"</button>\n    ")}},{key:Yo("$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:Vs("$body"),value:function(){var t=(this.$selection.current||{})["perspective-origin"]||"";return"<object refClass=\"PerspectiveOriginEditor\" \n              ref='$1' \n              value='".concat(t,"' \n              onchange='changePerspectiveOrigin' \n            />")}},{key:lm("refreshSelection")+Ps(100),value:function(){this.refreshShowIsNot(["project"])}},{key:lm("changePerspectiveOrigin"),value:function(t){this.command("setAttribute","change perspective origin",{"perspective-origin":t})}}]),e}(yP),aj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.remove,"</button>\n    ")}},{key:Yo("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:Vs("$perspective"),value:function(){var t=(this.$selection.current||{}).perspective||"";return"\n        <object refClass=\"RangeEditor\"  ref='$1' key='perspective' value=\"".concat(t,'" max="2000px" onchange="changePerspective" />\n    ')}},{key:lm("changePerspective"),value:function(t,e){this.command("setAttribute","change perspective",S()({},t,e))}},{key:lm("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}}]),e}(yP),oj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("transform.origin.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform-origin"}},{key:Yo("$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:Vs("$body"),value:function(){var t=(this.$selection.current||{})["transform-origin"]||"";return"<object refClass=\"TransformOriginEditor\" ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:lm("refreshSelection","refreshRect")+Ps(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:lm("changeTransformOrigin"),value:function(t,e){this.command("setAttribute","change transform-origin",{"transform-origin":e})}}]),e}(yP),sj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$backgroundClip"),value:function(){var t=(this.$selection.current||{})["background-clip"]||"";return'<object refClass="SelectEditor"  ref=\'$1\' key=\'background-clip\' icon="true" value="'.concat(t,'" options=",paddinb-box,border-box,content-box,text" onchange="changeSelect" />')}},{key:lm("changeSelect"),value:function(t,e){this.command("setAttribute","change background clip",S()({},t,e))}},{key:lm("refreshSelection")+Ps(100),value:function(){this.refreshShow(["rect","circle","text"])}}]),e}(yP);function cj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function lj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?cj(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):cj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var uj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(t){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,lj({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return lj({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("selector","properties"))}},{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()+" !important;"}},{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," !important;")}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)}}],[{key:"parse",value:function(t){return new e(t)}}]),e}(Pc),hj=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].join(","),pj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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        <object refClass=\"SelectEditor\"  ref='$select' key='selector' icon=\"true\" key-value-char=';' none-value=\"selector\" options=\"".concat(hj,'" />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(Jg.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(Jg.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:Yo("$selectorList .selector-item .name"),value:function(t){var e=+t.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(e)}},{key:Yo("$selectorList .selector-item .del")+Es+Ts,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:lm("refreshSelection")+Ps(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:Vs("$selectorList"),value:function(){var t=this,e=this.$selection.current;if(!e)return"";var n=e.selector?uj.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,(n||[]).map((function(e,n){return t.makeSelectorTemplate(e,n)}))}},{key:Uo("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:qo("$selectorList .selector-item")+Es,value:function(t){}},{key:Zo("$selectorList .selector-item")+Es,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:Yo("$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:lm("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))}}]),e}(yP),dj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:lm("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:lm("refreshRect"),value:function(){var t=this.$selection.current;if(!t)return"";this.children.$x.setValue(t.x||Length.z()),this.children.$y.setValue(t.y||Length.z()),this.children.$width.setValue(t.width||Length.z()),this.children.$height.setValue(t.height||Length.z()),this.children.$opacity.setValue(t.opacity||"1");var e=Ec.get(t.transform,"rotateZ");e?this.children.$rotate.setValue(e[0]):this.children.$rotate.setValue(t.rotate)}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return"\n      <div class=\"position-item\" ref=\"$positionItem\" style='padding: 5px 0px;'>\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            <object refClass='InputRangeEditor' ref='$x' compact=\"true\" label=\"X\" key='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            <object refClass='InputRangeEditor' ref='$y' compact=\"true\"  label=\"Y\" key='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; 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            <object refClass='InputRangeEditor' ref='$width' compact=\"true\"  label=\"".concat(this.$i18n("position.property.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            <object refClass='InputRangeEditor' ref='$height' compact=\"true\"  label=\"").concat(this.$i18n("position.property.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; padding-top: 10px;'>\n          <div class='property-item animation-property-item'>\n            <div class='group'>\n              <span class='add-timeline-property' data-property='rotate'></span>\n            </div>\n            <object refClass='InputRangeEditor' \n              ref='$rotate' \n              key='rotateZ' \n              compact=\"true\" \n              label='rotate_left'\n              min=\"0\"\n              max=\"360\"\n              step=\"0.01\"\n              units=\"deg\"\n              onchange=\"changeRotate\" />\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            <object refClass=\"NumberInputEditor\"\n              ref='$opacity' \n              key='opacity' \n              compact=\"true\" \n              label='opacity'\n              min=\"0\"\n              max=\"1\"\n              step=\"0.01\"\n              onchange=\"changeSelect\" />\n          </div>        \n        </div>                \n      </div>\n    ")}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$x.setValue(t.x),this.children.$y.setValue(t.y),this.children.$width.setValue(t.width),this.children.$height.setValue(t.height))}},{key:lm("changRangeEditor"),value:function(t,e){this.command("setAttribute","change position or size",S()({},t,e)),this.emit("refreshAllElementBoundSize")}},{key:lm("changeRotate"),value:function(t,e){this.command("setAttribute","change rotate",{rotate:e})}},{key:lm("changeSelect"),value:function(t,e){this.command("setAttribute","change ".concat(t),S()({},t,e))}}]),e}(yP),fj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.add,"</button>\n    ")}},{key:Yo("$add"),value:function(){this.emit("addProject")}},{key:"getBody",value:function(){return'\n      <div class="project-list scrollbar" ref="$projectList"></div>\n    '}},{key:Vs("$projectList")+Ss,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(Jg.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      "))}))}},{key:_o("$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:Ko("$projectList .project-item label")+ks+Es+Ts,value:function(t){return this.modifyDoneInputEditing(t.$dt),!1}},{key:ns("$projectList .project-item label")+Es+Ts,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.refresh(),this.emit("refreshAllSelectProject")}},{key:Yo("$projectList .project-item label"),value:function(t){var e=+t.$dt.attr("data-index");this.selectProject(this.$editor.projects[e])}},{key:Yo("$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:lm("refreshProjectList"),value:function(){this.refresh()}}]),e}(yP),vj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:"getBody",value:function(){return"\n      <div class=\"layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:Ls("$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:Lo.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="before"}else if(this.state.lastDragOverOffset>this.state.itemRect.height-e){t=this.state.itemRect.height;r=this.state.lastDragOverPosition+t-this.state.rootRect.top;n={top:Lo.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="after"}else{t=0;r=this.state.lastDragOverPosition+t-this.state.rootRect.top;n={top:Lo.px(r),height:Lo.px(this.state.itemRect.height),width:"100%",left:"0px"},this.state.lastDragOverItemDirection="self"}return n.display=this.state.hideDragPointer?"none":"block",{style:n}}},{key:"getIcon",value:function(t){if(t.isGroup&&!1===t.is("artboard"))return Jg.group;switch(t.itemType){case"artboard":return Jg.artboard;case"circle":return Jg.lens;case"image":return Jg.image;case"text":case"svg-text":return Jg.title;case"svg-textpath":return Jg.text_rotate;case"svg-path":return Jg.pentool;case"cube":return Jg.cube;case"cylinder":return Jg.cylinder;default:return Jg.rect}}},{key:"makeLayerList",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(!t.layers)return"";for(var n=t.layers,r=[],i=n.length-1;i>-1;i--){var a=n[i],o=this.$selection.check(a)?"selected":"",s=this.$selection.checkHover(a)?"hovered":"",c=a.name;a.is("text")&&(c=a.text||a.name);var l="";a.hasLayout()&&(l=this.$i18n("layer.tree.property.layout.title."+a.layout));var u=a.isTreeItemHide(),h=Lo.px(24*e);r.push("        \n        <div class='layer-item ".concat(o," ").concat(s,"' data-is-group=\"").concat(a.isGroup,'" data-depth="').concat(e,"\" data-layout='").concat(a.layout,"' data-layer-id='").concat(a.id,"' data-is-hide=\"").concat(u,"\"  draggable=\"true\">\n          <div class='detail'>\n            <label data-layout-title='").concat(l,"' style='padding-left: ").concat(h,"' > \n              <div class='folder ").concat(a.collapsed?"collapsed":"","'>").concat(Jg.arrow_right,"</div>\n              <span class='icon' data-item-type=\"").concat(a.itemType,'">').concat(this.getIcon(a),"</span> \n              <span class='name'>").concat(c,'</span>\n            </label>\n            <div class="tools">\n              <button type="button" class="lock" data-lock="').concat(a.lock,"\" title='Lock'>").concat(a.lock?Jg.lock:Jg.lock_open,'</button>\n              <button type="button" class="visible" data-visible="').concat(a.visible,"\" title='Visible'>").concat(Jg.visible,'</button>\n              <button type="button" class="remove" title=\'Remove\'>').concat(Jg.remove2,"</button>            \n            </div>\n          </div>\n        </div>\n\n        ").concat(this.makeLayerList(a,e+1),"\n      "))}return r.join(" ")}},{key:lm("refreshContent"),value:function(t){this.refresh()}},{key:Vs("$layerList")+Ss,value:function(){var t=this.$selection.currentProject;return t?this.makeLayerList(t,0)+'\n      <div class=\'layer-item \' data-depth="0" data-is-last="true">\n      </div>\n    ':""}},{key:Uo("$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:Jo("$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:qo("$layerList .layer-item:not(.".concat("drag-start",")"))+Es,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:Zo("$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.currentProject,i=r.searchById(e),a=r.searchById(n);if(!i||!i.hasParent(a.id)){switch(this.state.lastDragOverItemDirection){case"self":i.appendChildItem(a);break;case"before":i.appendBefore(a);break;case"after":i.appendAfter(a)}this.$selection.select(a),this.setState({hideDragPointer:!0}),this.emit("refreshAll")}}}},{key:_o("$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 i=t.closest("layer-item").attr("data-layer-id"),a=e.$selection.currentProject.searchById(i);a&&(a.reset({name:r}),a.is("artboard")&&e.emit("refreshArtBoardName",a.id,a.name))}))}},{key:Ko("$layerList .layer-item .name")+ks+Es+Ts,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:ns("$layerList .layer-item .name")+Es+Ts,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:Yo("$add"),value:function(t){this.emit("newComponent","rect",{"background-color":po.random(),width:Lo.px(200),height:Lo.px(100)})}},{key:Yo("$layerList .layer-item label .name"),value:function(t){var e=t.$dt.closest("layer-item");e.onlyOneClass("selected");var n=e.attr("data-layer-id"),r=this.$selection.currentProject.searchById(n);this.$selection.select(r),this.emit("history.refreshSelection")}},{key:Yo("$layerList .layer-item label .folder"),value:function(t){var e=this.$selection.currentProject,n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);r.reset({collapsed:!r.collapsed}),this.refresh()}},{key:Yo("$layerList .layer-item .visible"),value:function(t){var e=this.$selection.currentProject,n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);t.$dt.attr("data-visible",!r.visible),this.command("setAttribute","change visible for layer",{visible:!r.visible},r.id)}},{key:Yo("$layerList .layer-item .remove"),value:function(t){var e=this.$selection.currentProject,n=t.$dt.closest("layer-item").attr("data-layer-id");this.$selection.removeById(n),e.searchById(n).remove(),this.refresh(),this.emit("refreshArtboard")}},{key:Yo("$layerList .layer-item .lock"),value:function(t){var e=this.$selection.currentProject,n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n),i=!r.lock;t.$dt.attr("data-lock",i),i&&(this.$selection.removeById(n),this.emit("history.refreshSelection")),this.command("setAttribute","change lock for layer",{lock:i},r.id)}},{key:lm("changeHoverItem"),value:function(){if(this.refs.$layerList.$$(".hovered").forEach((function(t){t.removeClass("hovered")})),this.$selection.hoverItems.length){var t=this.$selection.hoverItems.map((function(t){return'[data-layer-id="'.concat(t.id,'"]')})).join(",");this.refs.$layerList.$$(t).forEach((function(t){t.addClass("hovered")}))}}},{key:lm("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:lm("refreshSelection","history.refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:lm("refreshStylePosition"),value:function(){this.trigger("changeSelection")}},{key:lm("refreshLayerTreeView"),value:function(){this.refresh()}},{key:lm("changeItemLayout"),value:function(){this.refresh()}}]),e}(yP),yj=[{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"}]}]}],gj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getClassName",value:function(){return"artboard-size-list"}},{key:lm("refreshSelection"),value:function(){this.refreshShow(["artboard"])}},{key:"initState",value:function(){return{selectedIndex:0}}},{key:"getTitle",value:function(){return"ArtBoard Preset"}},{key:"getTools",value:function(){var t=yj.map((function(t,e){return{category:t.category,index:e}}));return('\n      <object refClass="SelectEditor"  ref=\'$select\' value="'.concat(t[0].category,'" options="').concat(t.map((function(t){return t.category})).join(","),"\" onchange='changeSizeIndex'/>\n    "))}},{key:lm("changeSizeIndex"),value:function(t,e){var n=this.state.selectedIndex;yj.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:Yo("$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:Vs("$list")+Ss,value:function(){var t=this;return yj[this.state.selectedIndex].groups.map((function(e){return t.makeGroup(e)}))}}]),e}(yP);function mj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mj(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}Qs({ArtBoardSizeProperty:gj});var kj=["","100x100","200x200","300x300","400x300","900x600","1024x762"],xj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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> \n        <span ref='$sizeInfo'></span> \n        <button type=\"button\" ref='$resize'>").concat(Jg.size,'</button>\n      </div>\n      <div>\n        <object refClass="SelectEditor"  ref=\'$select\' label="').concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(kj.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:lm("changeImageSize"),value:function(t,e){var n=e.split("x").map((function(t){return Lo.px(t)})),r=j()(n,2),i=r[0],a=r[1];this.command("setAttribute","resize image",{width:i,height:a})}},{key:Yo("$resize"),value:function(){var t=this.$selection.current;if(t){var e={width:t.naturalWidth.clone(),height:t.naturalHeight.clone()};this.command("setAttribute","resize image",e)}}},{key:Ls("$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:Vs("$body"),value:function(){var t=(this.$selection.current||{}).src||"";return"<object refClass=\"ImageSelectEditor\" \n              ref='$1' \n              key='src' \n              value=\"".concat(t,'" \n              onchange="changeSelect" />')}},{key:lm("changeSelect"),value:function(t,e,n){var r=this.$selection.current;r&&(r.reset(bj({src:e},n)),this.bindData("$sizeInfo"),this.command("setAttribute","change image",bj({src:e},n),r.id))}},{key:lm("refreshSelection")+Ps(100),value:function(){this.refreshShow(["image"])}}]),e}(yP),wj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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=Bw.map((function(t){return"".concat(t.key,":").concat(t.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    '))}},{key:lm("changePreset"),value:function(t,e){this.setState(S()({},t,e))}},{key:"getClassName",value:function(){return"color-assets-property"}},{key:lm("refreshSelection")+Ps(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:Uo("$colorList .color-item"),value:function(t){var e=t.$dt.attr("data-color");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/color",e)}},{key:Vs("$colorList"),value:function(){var t=this,e=Bw.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\' draggable="true" title="').concat(t.color,'" data-index="').concat(e,"\">\n            <div class='color-view' style='background-color: ").concat(t.color,";'></div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(Jg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Jg.remove,"</button>\n          </div>\n        </div>\n      ")}));return e.edit&&n.push("<div class='add-color-item'><butto type=\"button\">".concat(Jg.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:Yo("$colorList .add-color-item"),value:function(){this.executeColor((function(t){t.createColor({color:po.random(),name:"",variable:""})}))}},{key:Yo("$colorList .remove"),value:function(t){var e=+t.$dt.closest("color-item").attr("data-index");this.executeColor((function(t){t.removeColor(e)}))}},{key:Yo("$colorList .copy"),value:function(t){var e=+t.$dt.closest("color-item").attr("data-index");this.executeColor((function(t){t.copyColor(e)}))}},{key:Yo("$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:lm("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)}}]),e}(yP),Sj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:lm("refreshSelection"),value:function(){this.refresh()}},{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        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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:lm("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:lm("changeRangeEditor"),value:function(t,e){this.command("setAttribute","change text fill",S()({},t,e))}}]),e}(yP),Pj=["0deg","45deg","90deg"],jj=["0deg","45deg","90deg"],Oj=["0deg","45deg","90deg"],$j=[{title:"Linear",key:"linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(t).map((function(t){return{gradient:"linear-gradient(".concat(Wi.apply(void 0,Pj),", ").concat(ml.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(t).map((function(t){return{gradient:"linear-gradient(".concat(Wi.apply(void 0,jj),", ").concat(ml.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(t).map((function(t){return{gradient:"repeating-linear-gradient(".concat(Wi.apply(void 0,Oj),", ").concat(ml.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(t).map((function(t){return{gradient:"radial-gradient(".concat("circle",", ").concat(ml.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(t).map((function(t){return{gradient:"radial-gradient(circle, ".concat(ml.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(t).map((function(t){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat(ml.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(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(ml.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 Ki(t).map((function(t){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat(ml.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 Ki(t).map((function(t){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat(ml.createRepeatColorStep(10,"10deg"),")")}}))}}],Cj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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=$j.map((function(t){return"".concat(t.key,":").concat(t.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    '))}},{key:lm("changePreset"),value:function(t,e){this.setState(S()({},t,e))}},{key:"getClassName",value:function(){return"gradient-assets-property"}},{key:lm("refreshSelection")+Ps(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:Uo("$gradientList .gradient-item"),value:function(t){var e=t.$dt.attr("data-gradient");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/gradient",e)}},{key:Vs("$gradientList"),value:function(){var t=this,e=$j.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(Jg.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:Yo("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(t){t.createGradient({gradient:wl.random(),name:"",variable:""})}))}},{key:Yo("$gradientList .preview"),value:function(t){var e=t.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:e})}},{key:lm("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)}}]),e}(yP),Ej=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:lm("refreshStyleView","refreshRect","refreshCanvasForPartial","updatePathItem")+Os(100),value:function(){var t=this.$selection.current;t&&this.isSVGItem(t)&&this.refs.$length.text(Math.floor(t.totalLength)||"")}},{key:lm("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"]||Lo.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Lo.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||Lo.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.children.$mixBlend.setValue(t["mix-blend-mode"])):this.$el.hide()}},{key:"refresh",value:function(){}},{key:"getBody",value:function(){this.$selection.current;return("\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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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='mix-blend-mode'></span>\n          </div>\n          <object refClass=\"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        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='svgfilter'></span>      \n          </div>\n          <object refClass=\"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:lm("changeValue"),value:function(t,e,n){this.command("setAttribute","change svg item property : ".concat(t),S()({},t,e))}},{key:lm("changeSelect"),value:function(t,e){this.command("setAttribute","change attribute : ".concat(t),S()({},t,e))}}]),e}(yP),Tj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$textClip"),value:function(){var t=(this.$selection.current||{})["text-clip"]||"";return'\n      <object refClass="SelectEditor"  ref=\'$1\' key=\'text-clip\' icon="true" value="'.concat(t,'" options=",text" onchange="changeSelect" />\n    ')}},{key:lm("changeSelect"),value:function(t,e){this.emit("setAttribute",S()({},t,e))}},{key:lm("refreshSelection")+Ps(100),value:function(){this.refreshShow(["text"])}}]),e}(yP),Vj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:lm("refreshSelection")+Ps(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:Vs("$svgfilterList"),value:function(){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(t,e){var n=t.filters.map((function(t){return xk.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(Jg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Jg.remove,"</button>\n          </div>\n        </div>\n      "))}));return t.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(Jg.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:Yo("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(t){t.createSVGFilter({id:zr(),filters:[]})}))}},{key:Yo("$svgfilterList .remove"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.removeSVGFilter(e)}))}},{key:Yo("$svgfilterList .copy"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.copySVGFilter(e)}))}},{key:ts("$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:Yo("$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:lm("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:lm("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:lm("refreshSVGFilterAssets"),value:function(){this.refresh()}}]),e}(yP),Mj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return fP}},{key:"afterRender",value:function(){this.show()}},{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">\n        <object refClass="LeftAlign" />\n        <object refClass="CenterAlign" />\n        <object refClass="RightAlign" />\n\n        <object refClass="TopAlign" />\n        <object refClass="MiddleAlign" />\n        <object refClass="BottomAlign" />  \n\n        <object refClass="SameWidth" />\n        <object refClass="SameHeight" />\n      </div>\n    '}}]),e}(yP);Qs({AlignmentProperty:Mj});var Dj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{OffsetPathListEditor:mb}}},{key:"getTitle",value:function(){return this.$i18n("motion.property.title")}},{key:lm("refreshSelection","refreshRect")+Ps(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        <object refClass=\"OffsetPathListEditor\" ref=\"$offsetPathList\" key=\"offset-path\" value=\"".concat(t["offset-path"],'" onchange="changRangeEditor" />\n      </div>\n    '))}},{key:lm("changRangeEditor"),value:function(t,e){this.command("setAttribute","change motion attribute : ".concat(t),S()({},t,e))}}]),e}(yP);function Ij(t){URL.revokeObjectURL(t)}var Lj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:"afterRender",value:function(){this.show()}},{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:Vs("$imageList")+Ss,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(Jg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Jg.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(Jg.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:Uo("$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:Qo("$imageList .add-image-item input[type=file]"),value:function(t){var e=this;this.executeImage((function(n){E()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t)}))}))}},{key:Yo("$imageList .remove"),value:function(t){var e=t.$dt.closest("image-item"),n=+e.attr("data-index");this.executeImage((function(t){t.removeImage(n),Ij(e.$(".preview img").attr("src"))}))}},{key:Yo("$imageList .copy"),value:function(t){var e=+t.$dt.closest("image-item").attr("data-index");this.executeImage((function(t){t.copyImage(e)}))}},{key:lm("addImageAsset"),value:function(){this.refresh()}}]),e}(yP),Rj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:"afterRender",value:function(){this.show()}},{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:Vs("$videoList")+Ss,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(Jg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Jg.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(Jg.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:Uo("$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:Qo("$videoList .add-video-item input[type=file]"),value:function(t){var e=this;this.executeVideo((function(n){E()(t.target.files).forEach((function(t){e.emit("updateVideoAssetItem",t)}))}))}},{key:Yo("$videoList .remove"),value:function(t){var e=t.$dt.closest("video-item"),n=+e.attr("data-index");this.executeVideo((function(t){t.removeVideo(n),Ij(e.$(".preview img").attr("src"))}))}},{key:Yo("$videoList .copy"),value:function(t){var e=+t.$dt.closest("video-item").attr("data-index");this.executeVideo((function(t){t.copyVideo(e)}))}},{key:lm("addVideoAsset"),value:function(){this.refresh()}}]),e}(yP);function Aj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Aj(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Aj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Fj,Bj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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 zj({},Bs()(So()(e.prototype),"components",this).call(this),{},this.state.components)}},{key:lm("refreshSelection")+Ps(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){Ai(t.editor)||(n=zj({},n,{},t.editor))})),this.setState({components:n},!1),Bs()(So()(e.prototype),"initComponents",this).call(this)}},{key:"getPropertyEditor",value:function(t,e,n,r){return Ai(n)?"<".concat(n," ").concat(ta(zj({},r,{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />"):Object.keys(n).map((function(n){return"<".concat(n," ").concat(ta(zj({},r,{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />")})).join("")}},{key:Vs("$body"),value:function(){var t=this,e=this.$selection.current;return e?e&&!e.is("component")?"":e.getProps().map((function(n){return Ai(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:lm("changeComponentProperty"),value:function(t,e){this.command("setAttribute","change component",S()({},t,e),null,!0)}}]),e}(yP),Gj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="timeline-animation-list" ref="$timelineAnimationList"></div>\n    '}},{key:Vs("$timelineAnimationList")+Ss,value:function(){var t=this.$selection.currentProject;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(Jg.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(Jg.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      "))})):""}},{key:_o("$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 i=t.attr("data-id"),a=e.$selection.currentProject;a&&a.setTimelineTitle(i,r)}))}},{key:Ko("$timelineAnimationList .timeline-animation-item label")+ks+Es+Ts,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:ns("$timelineAnimationList .timeline-animation-item label")+Es+Ts,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Yo("$add"),value:function(t){this.emit("addTimelineItem")}},{key:Yo("$timelineAnimationList .timeline-animation-item .remove"),value:function(t){var e=t.$dt.attr("data-id");this.emit("removeAnimationItem",e)}},{key:Yo("$timelineAnimationList .timeline-animation-item label"),value:function(t){var e=t.$dt.attr("data-id"),n=this.$selection.currentProject;n&&(n.selectTimeline(e),t.$dt.closest("timeline-animation-item").onlyOneClass("selected"),this.emit("refreshTimeline"),this.emit("selectTimeline"))}},{key:lm("addTimeline","removeTimeline","removeAnimation"),value:function(){this.refresh()}},{key:lm("refreshTimeline","refreshSelection","refreshArtboard")+Ps(100),value:function(){this.refresh()}}]),e}(yP),Hj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{BorderEditor:jb}}},{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:Vs("$body"),value:function(){var t=(this.$selection.current||{}).border||"";return"\n      <object refClass='BorderEditor' ref='$1' key='border' value='".concat(t,"' onchange='changeKeyValue' />\n    ")}},{key:lm("refreshSelection")+Ps(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:lm("changeKeyValue"),value:function(t,e){this.command("setAttribute","change border",S()({},t,e))}}]),e}(yP),Nj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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'>\n            <input type='text' value='").concat(t.name,"' ref='$name' />\n          </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:lm("refreshProjectList","refreshAllSelectProject"),value:function(){this.refresh()}},{key:ps("$name"),value:function(){var t=this.$selection.currentProject;t&&(t.name=this.refs.$name.value)}},{key:ps("$description"),value:function(){var t=this.$selection.currentProject;t&&(t.description=this.refs.$description.value)}}]),e}(yP),Xj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:yb}}},{key:lm("refreshStyleView","refreshRect")+Ps(100),value:function(){this.refresh()}},{key:lm("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        <object refClass=\"PathDataEditor\" ref='$pathData' key='d' value='".concat(t.d,"' onchange='changeValue' />\n      </div>\n    "))}},{key:lm("changeValue"),value:function(t,e,n){this.emit("updatePathItem",this.$selection.current,S()({},t,e))}}]),e}(yP),Yj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:lm("refreshSelection"),value:function(){this.refreshShow(["svg-textpath","svg-text","svg-tspan"])}},{key:"refresh",value:function(){this.$selection.current&&this.setAllValue(["lengthAdjust","textLength","startOffset","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        <object refClass=\"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'>\n        <object refClass=\"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      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='lengthAdjust'></span>\n        </div>\n        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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:lm("changeTextValue"),value:function(t,e){this.command("setAttribute","change svg text property: ".concat(t),S()({},t,e),null,!0)}}]),e}(yP),_j=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:lm("refreshSelection","refreshContent")+Ps(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(Jg.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(Jg.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:Yo("$svg"),value:function(){this.emit("downloadSVG")}},{key:Yo("$png"),value:function(){this.emit("downloadPNG")}}]),e}(yP),Kj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$layoutType"),value:function(){var t=this.$selection.current||{layout:"default"};return("\n      <div class='layout-select'>\n        <object refClass=\"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          <object refClass=\"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          <object refClass=\"GridLayoutEditor\" ref='$grid' key='grid-layout' value=\"").concat(t["grid-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n      </div>\n    "))}},{key:lm("changeLayoutInfo"),value:function(t,e){var n=this;this.command("setAttribute","change layout info",S()({},t,e),null,!1,!0),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:lm("changeLayoutType"),value:function(t,e){var n=this;this.$selection.reset(S()({},t,e)),this.command("setAttribute","change layout type",S()({},t,e),null,!1,!0),this.refresh(),this.nextTick((function(){n.emit("refreshAllElementBoundSize"),n.emit("changeItemLayout")}))}},{key:lm("refreshSelection"),value:function(){this.refreshShow(["rect","circle","artboard"],!0)}}]),e}(yP),Wj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$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        <object refClass=\"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            <object refClass=\"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            <object refClass=\"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            <object refClass=\"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),Ji({flex:"".concat(t," ").concat(e," ").concat(n)})}},{key:lm("changeFlexItem"),value:function(t,e){var n=this;this.command("setAttribute","change flex layout",{"flex-layout-item":this.getFlexValue()}),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:lm("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getFlexValue()),this.command("setAttribute","change flex layout",{"flex-layout-item":e}),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:lm("refreshSelection")+Ps(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInFlex()}))}}]),e}(yP),Uj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$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=Qi(t["grid-layout-item"])),Object.keys(n).length>0&&(e="value"),"\n      <div class='layout-select'>\n        <object refClass=\"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              <object refClass="NumberInputEditor"  ref=\'$columnStart\' key="grid-column-start" value="').concat(n["grid-column-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <object refClass=\"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              <object refClass="NumberInputEditor"  ref=\'$rowStart\' key="grid-row-start" value="').concat(n["grid-row-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <object refClass=\"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 Ji({"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:lm("changeGridItem"),value:function(t,e){var n=this;this.command("setAttribute","change grid layout item",{"grid-layout-item":this.getGridValue()}),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:lm("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getGridValue()),this.command("setAttribute","change grid layout item",{"grid-layout-item":e}),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:lm("refreshSelection")+Ps(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInGrid()}))}}]),e}(yP),Zj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.add,"</button>\n    ")}},{key:Yo("$add"),value:function(){var t=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",t)}},{key:Vs("$patternSelect"),value:function(){var t=this,e=Em.map((function(e){return{title:t.$i18n("pattern.property.".concat(e)),value:e}}));return E()(e).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:Vs("$body"),value:function(){var t=(this.$selection.current||{}).pattern;return"<object refClass=\"PatternEditor\" ref='$patternEditor' value='".concat(t,"' hide-label='true' onchange='changePatternEditor' />")}},{key:lm("changePatternEditor"),value:function(t,e){this.command("setAttribute","change pattern",{pattern:e})}},{key:lm("refreshSelection"),value:function(){this.refreshShow(["artboard","rect","circle","text","cube","cylinder"])}},{key:lm("refreshSVGArea")+Ps(1e3),value:function(){this.load("$patternSelect")}}]),e}(yP),qj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$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(Jg.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(Jg.pause,"  ").concat(this.$i18n("video.property.pause"),'</button>      \n          <div>\n            <object refClass="NumberRangeEditor"  ref=\'$currentTime\' min="0" max="').concat(n,'" value="').concat(e,"\" step=\"0.001\" onchange=\"changeCurrentTime\" />\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='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(Jg.volume_off,"</span>\n            <span data-value='down'>").concat(Jg.volume_down,"</span>\n            <span data-value='up'>").concat(Jg.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            <object refClass="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          <object refClass=\"MediaProgressEditor\" ref='$progress'  key='playTime' value=\"").concat(t.playTime,'" onchange="changeSelect" />\n        </div>\n      ')}},{key:lm("changeCurrentTime"),value:function(t,e){this.setState({currentTime:e},!1),this.command("setAttribute","change video property",{currentTime:e},null,!0)}},{key:lm("changePlaybackRate"),value:function(t,e){this.setState({playbackRate:e},!1),this.command("setAttribute","change video property",{playbackRate:e},null,!0)}},{key:ps("$volume"),value:function(t){var e=Number(this.refs.$volume.value);this.setState({volume:e},!1),this.bindData("$volume_control"),this.command("setAttribute","change video property",{volume:e},null,!0)}},{key:Ls("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:Ls("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:Yo("$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:lm("changeValue")+Ps(100),value:function(t,e){this.state.$video&&this.command("setAttribute","change video property",S()({},t,e),null,!0)}},{key:lm("changeSelect"),value:function(t,e){this.command("setAttribute","change video property",S()({},t,e))}},{key:lm("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:lm("refreshSelection")+Ps(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"}}]),e}(yP),Jj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("pattern.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"check"}}},{key:"getTools",value:function(){var t=$x.map((function(t){return"".concat(t.key,":").concat(t.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    '))}},{key:lm("changePreset"),value:function(t,e){this.setState(S()({},t,e))}},{key:"getClassName",value:function(){return"pattern-assets-property"}},{key:lm("refreshSelection")+Ps(100),value:function(){this.show()}},{key:"getBody",value:function(){return"\n      <div class='property-item pattern-assets'>\n        <div class='pattern-list' ref='$patternList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:Uo("$patternList .pattern-item"),value:function(t){var e=t.$dt.attr("data-pattern");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/pattern",e)}},{key:Vs("$patternList"),value:function(){var t=this,e=$x.find((function(e){return e.key===t.state.preset}));return e?e.execute().map((function(t,e){var n=Ji(up.toCSS(t.pattern));return("\n        <div class='pattern-item' data-index=\"".concat(e,'" data-pattern="').concat(t.pattern,"\">\n          <div class='preview' title=\"").concat(t.title,"\" draggable=\"true\">\n            <div class='pattern-view' style='").concat(n,"'></div>\n          </div>\n        </div>\n      "))})):""}},{key:Yo("$patternList .pattern-item"),value:function(t){var e=t.$dt.attr("data-pattern");"CanvasView"===this.$editor.modeView?this.emit("addBackgroundImagePattern",e):this.emit("setPatternAsset",e)}}]),e}(yP),Qj=(Fj={HistoryProperty:function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return"History"}},{key:"getBody",value:function(){return"\n      <div class=\"history-list-view\" ref='$body'></div>\n    "}},{key:Vs("$body")+Ss,value:function(){var t=this;return this.$editor.history.map((function(e,n){return"-"===e?"<div class='divider'>-</div>":"\n        <div class='history-item'>\n          <span>".concat(n===t.$editor.history.currentIndex?Jg.arrowRight:"","</span>\n          <span>").concat(e.message,"</span>\n        </div>\n      ")}))}},{key:lm("refreshHistory"),value:function(){this.refresh()}}]),e}(yP),PatternAssetsProperty:Jj,VideoProperty:qj,PatternProperty:Zj,GridLayoutItemProperty:Uj,FlexLayoutItemProperty:Wj,LayoutProperty:Kj,ExportProperty:_j,SVGTextProperty:Yj,PathDataProperty:Xj,ProjectInformationProperty:Nj,BorderNewProperty:Hj,TimelineAnimationProperty:Gj,ComponentProperty:Bj,ImageAssetsProperty:Lj,VideoAssetsProperty:Rj,MotionProperty:Dj,AlignmentProperty:Mj,SVGFilterAssetsProperty:Vj,TextClipProperty:Tj,SVGItemProperty:Ej,GradientAssetsProperty:Cj,TextFillProperty:Sj,ColorAssetsProperty:wj,ImageProperty:xj,ArtBoardSizeProperty:gj,LayerTreeProperty:vj,ProjectProperty:fj,PositionProperty:dj,SelectorProperty:pj,BackgroundClipProperty:sj,TransformOriginProperty:oj,PerspectiveProperty:aj,PerspectiveOriginProperty:ij,TransitionProperty:rj,ClipPathProperty:QP,TransformProperty:qP,BackdropFilterProperty:YP,CodeViewProperty:XP,FilterProperty:NP,BorderRadiusProperty:bP,BackgroundImageProperty:HP,KeyframeProperty:GP,AnimationProperty:BP,BorderImageProperty:MP,FontSpacingProperty:$P,TextProperty:OP,TextShadowProperty:jP,FontProperty:PP,ContentProperty:SP,BoxModelProperty:wP,BoxShadowProperty:kP},S()(Fj,"BorderRadiusProperty",bP),S()(Fj,"AppearanceProperty",mP),Fj),tO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.palette,'</label>\n              </div>\n              <div class="tab-item" data-value="2" title=\'').concat(this.$i18n("inspector.tab.title.text"),"'>\n                <label class='icon'>").concat(Jg.title,'</label>\n              </div>              \n              <div class="tab-item" data-value="3" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(Jg.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="5" title=\'').concat(this.$i18n("inspector.tab.title.code"),"'>\n                <label class='icon'>").concat(Jg.code,'</label>\n              </div>       \n              <div class="tab-item" data-value="6" title=\'').concat(this.$i18n("inspector.tab.title.history"),"'>\n                <label class='icon'>").concat(Jg.expand,'</label>\n              </div>                                                   \n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="1">\n                <object refClass="AlignmentProperty" />\n\n                \x3c!-- Default Property --\x3e \n                <object refClass="PositionProperty" />\n                \x3c!--SizeProperty / --\x3e \n                <object refClass="AppearanceProperty" />\n                \n                \x3c!-- SVG Item --\x3e \n                <object refClass="SVGItemProperty" />              \n\n                \x3c!-- Image --\x3e \n                <object refClass="ImageProperty" />\n\n                \x3c!-- Video --\x3e \n                <object refClass="VideoProperty" />\n\n                \x3c!-- Component --\x3e\n                <object refClass="ComponentProperty" />                \n                \n                \x3c!-- Appearance --\x3e \n\n                <object refClass="BackgroundImageProperty" />                \n                <object refClass="PatternProperty" />\n                <object refClass="BorderNewProperty" />\n                <object refClass="BorderRadiusProperty" />\n\n                <object refClass="BoxModelProperty" />                \n                <object refClass="LayoutProperty" />\n                <object refClass="FlexLayoutItemProperty" />\n                <object refClass="GridLayoutItemProperty" />      \n\n                \x3c!-- effect --\x3e\n                <object refClass="BoxShadowProperty" />\n                <object refClass="FilterProperty" />\n                <object refClass="BackdropFilterProperty" />\n                <object refClass="ClipPathProperty" />       \n\n                \x3c!-- transform --\x3e \n                <object refClass="TransformOriginProperty" />                 \n                <object refClass="TransformProperty" />                  \n                \x3c!-- <PerspectiveProperty /> --\x3e\n                \x3c!-- <PerspectiveOriginProperty /> --\x3e \n\n                \x3c!-- ArtBoard --\x3e \n                <object refClass="ArtBoardSizeProperty" />    \n                \n                \x3c!-- SVG --\x3e\n                \x3c!-- <PathDataProperty /> --\x3e\n\n                \x3c!-- tool --\x3e                \n                <object refClass="ExportProperty" />\n\n\n                <div class=\'empty\'></div>\n              </div>     \n              <div class="tab-content scrollbar" data-value="2">\n\n                \x3c!-- <ContentProperty /> --\x3e    \n                <object refClass="SVGTextProperty" />                        \n                <object refClass="FontProperty" />\n                <object refClass="TextProperty" />\n                <object refClass="TextShadowProperty" />\n                <object refClass="TextFillProperty" />\n                <object refClass="FontSpacingProperty" />\n                <object refClass="TextClipProperty" />  \n                <div class=\'empty\'></div>\n              </div>                   \n              <div class=\'tab-content scrollbar\' data-value=\'3\'>\n                <object refClass="MotionProperty" />\n                \x3c!-- SelectorProperty" /> --\x3e \n                <object refClass="TransitionProperty" />                            \n                <object refClass="AnimationProperty" />\n                <object refClass="KeyframeProperty" />                          \n                <div class=\'empty\'></div>                \n              </div>                        \n              <div class="tab-content" data-value="5">\n                <object refClass="CodeViewProperty" />\n                <div class=\'empty\'></div>                           \n              </div>       \n              \n              <div class="tab-content" data-value="6">\n                <object refClass="HistoryProperty" />\n                <div class=\'empty\'></div>                           \n              </div>                     \n            </div>\n          </div>\n        </div>\n      </div>\n    ')}},{key:"components",value:function(){return Qj}},{key:Yo("$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))}}]),e}(um);Qs({Inspector:tO});var eO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{LayerTreeProperty:vj}}},{key:"template",value:function(){return"\n      <div class='object-items'>\n        <div>\n          <object refClass=\"LayerTreeProperty\" />\n        </div>\n      </div>\n    "}}]),e}(um);Qs({ObjectItems:eO});var nO={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>'},rO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(nO).map((function(t){return"<div class='path-item'>".concat(nO[t],"</div>")})).join(""),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:Yo("$el .path-item"),value:function(t){var e=t.$dt.$("svg"),n=e.$("path"),r=e.attr("viewBox").split(" "),i=j()(r,4),a=i[0],o=i[1],s=i[2],c=i[3],l=n.attr("d"),u={x:+a,y:+o,width:+s,height:+c};this.emit("convertPath",l,u)}}]),e}(um);Qs({LibraryItems:rO});var iO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return fP}},{key:"template",value:function(){return'\n      <div class=\'preview-tool-menu\'>\n        <div class=\'items\'>\n          <object refClass="KeyBoard" />      \n          <object refClass="Fullscreen" />      \n          <object refClass="ExportView" />\n          <object refClass="ExportCodePen" />\n          <div class=\'divdier\'></div>\n          <object refClass="Download" />\n          <object refClass="Save" />\n          <object refClass="Github" />\n          <object refClass="Manual" />          \n        </div>                \n      </div>\n    '}}]),e}(um);Qs({PreviewToolMenu:iO});var aO={option:"⌥",cmd:"⌘",shift:"⇧",alt:"⎇",ctrl:"⌃",enter:"⏎",escape:"⎋",arrowdown:"↓",arrowup:"↑",arrowleft:"←",arrowright:"→",backspace:"Delete",minus:"-",equal:"+"};var oO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n      <div class='shortcut-items'></div>\n    "}},{key:Vs("$el"),value:function(){var t=rf();return af.map((function(e){return"\n        <div class='shortcut-item'>\n          <div class='command'>\n            <label>".concat(e.description,"</label>\n            <span><kbd>").concat((n=e[t]||e.key,n.toLowerCase().split("+").map((function(t){return aO[t]||t})).join(" + ")),"</kbd></span>\n          </div>\n          <div class='when'>").concat(e.when,"</div>\n        </div>\n      ");var n}))}}]),e}(um);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}Qs({ShortCutItems:oO});var cO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return function(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){S()(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}({ShortCutItems:oO},Qj,{ObjectItems:eO,ComponentItems:vP,LibraryItems:rO,PreviewToolMenu:iO,ArtboardItems:VS})}},{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="tab-item selected" data-value="2" title="'.concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(Jg.layers,'</label>\n            </div>            \n            <div class="tab-item" data-value="1" title="').concat(this.$i18n("app.tab.title.projects"),'">\n              <label>').concat(Jg.note,"</label>\n            </div>         \n            <div class='tab-item' data-value='5' title=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(Jg.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' title=\"").concat(this.$i18n("app.tab.title.artboards"),'">\n              <label>').concat(Jg.artboard,"</label>\n            </div>            \n            <div class='tab-item' data-value='4' title=\"").concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(Jg.add,'</label>\n            </div>\n\n            <div class=\'tab-item extra-item\' >\n              <object refClass="PreviewToolMenu" />\n            </div>               \n          </div>\n          <div class="tab-body" ref="$body">\n            <div class="tab-content project-content" data-value="1">\n              <object refClass="ProjectProperty" />\n              <object refClass="ProjectInformationProperty" />\n            </div>\n            <div class="tab-content selected" data-value="2">\n              <object refClass="ObjectItems" />\n            </div>\n            <div class=\'tab-content\' data-value=\'3\'>\n              <object refClass="LibraryItems" />\n            </div>            \n            <div class=\'tab-content\' data-value=\'4\'>\n              <object refClass="ComponentItems" />\n            </div>    \n            <div class=\'tab-content\' data-value=\'5\'>\n              <div class=\'assets\'>\n                <object refClass="ColorAssetsProperty" />\n                <object refClass="GradientAssetsProperty" />    \n                <object refClass="PatternAssetsProperty" />    \n                <object refClass="ImageAssetsProperty" />      \n                <object refClass="VideoAssetsProperty" />       \n                <object refClass="SVGFilterAssetsProperty" />                \n              </div>\n            </div>\n            <div class=\'tab-content\' data-value=\'6\'>\n              <object refClass="ArtboardItems" />\n            </div>\n          </div>\n        </div>\n      </div>\n    ')}},{key:Yo("$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))}}]),e}(um);Qs({LayerTab:cO});var lO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{LayerTab:cO}}},{key:"template",value:function(){return'\n      <div class="feature-control object-list">\n        <object refClass="LayerTab" />\n      </div>\n    '}}]),e}(um);Qs({ObjectList:lO});var uO={"stroke-dasharray":"Stroke Dash Array","stroke-dashoffset":"Stroke Dash Offset","stroke-linejoin":"Stroke Line Join"},hO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:lm("refreshCanvas","refreshSelection")+Ps(1e3),value:function(){this.refresh()}},{key:"makeTimelineObjectRow",value:function(t){var e=this,n=this.$selection.currentProject,r=n.searchById(t.id);if(r){var i=this.$timeline.checkLayer(r.id),a=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(i,"' data-layer-id='").concat(r.id,"' data-property=''>\n                <div class='icon'>").concat(Jg.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(Jg.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 uO[t]||e||t}(t.property),"</div>\n                    <div class='current-value'>\n                      ").concat("d"===t.property?a.totalLength:"","\n                      ").concat("points"===t.property?a.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(Jg.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:Vs()+Ss,value:function(){var t=this,e=this.$selection.currentProject;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:Yo("$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:Yo("$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:Yo("$el .timeline-object-row.layer .remove-timeline"),value:function(t){var e=t.$dt.attr("data-layer-id");e&&this.emit("removeTimeline",e)}},{key:Yo("$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:Yo("$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:Yo("$el .timeline-object-row.layer-property .title"),value:function(t){var e=t.$dt.closest("timeline-object-row").attrs("data-layer-id","data-property"),n=j()(e,2),r=n[0],i=n[1];this.$timeline.selectProperty(r,i),this.refreshSelection(),this.emit("refreshTimeline")}},{key:lm("refreshTimeline"),value:function(){this.refresh()}}]),e}(um);function pO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qs({TimelineObjectList:hO});var dO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"config",value:function(t){return this.parent.state[t]}},{key:"initState",value:function(){return{rect:null}}},{key:"calculateTimeToPosition",value:function(t,e,n){var r=(t-e)/(n-e);return Lo.px(this.rect.totalWidth*r+10)}},{key:"makeSubOffset",value:function(t,e){var n=[];if("offset-path"===t){var r=e.split(",").map((function(t){return t.trim()})),i=j()(r,1)[0],a=this.$selection.currentProject.searchById(i);a&&(e=a.d)}else e=null;if(e){var o=qu(new Dc(e).segments),s=o.totalLength,c=o.interpolateList,l=0;(n=c.map((function(t){var e={totalLength:s,length:t.length+l};return l+=t.length,e}))).pop()}return n}},{key:"makeKeyframe",value:function(t,e,n){var r=this,i=n.keyframes.filter((function(t){return e.displayStartTime<=t.time&&t.time<=e.displayEndTime})).map((function(t,i){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?pO(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):pO(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:i})}));return"\n        <div class='keyframe-back' \n            data-layer-id=\"".concat(t,'"\n            data-property="').concat(n.property,'"\n        >\n\n            ').concat(i.map((function(e,a){var o=i[a+1];if(!o)return"";var s=Lo.px(e.left.value),c=Lo.px(o.left.value-e.left.value),l=r.$timeline.checked(e.id)&&r.$timeline.checked(o.id);return'\n                    <div \n                        data-selected="'.concat(l,'"\n                        class="offset-line"\n                        style=\'left: ').concat(s,"; width: ").concat(c,"'} ></div>\n\n                    ").concat(e.subOffset.map((function(r,i){var a=Lo.px(e.left.value+r.length/r.totalLength*c.value);return("\n                        <div \n                            class='".concat(ea({"sub-offset":!0}),"'    \n                            style='left: ").concat(a,"'\n                            data-offset-id=\"").concat(e.id,'"\n                            data-layer-id="').concat(t,'"\n                            data-property="').concat(n.property,'"\n                            data-suboffset-index="').concat(i,'"\n                        ></div>\n        \n                        '))})).join(""),"\n                ")})).join(""),"\n        </div>\n        <div class='keyframe'>\n\n            ").concat(i.map((function(e){var i=r.$timeline.checked(e.id);return("<div class='offset' style='left: ".concat(e.left,"'\n                    data-selected=\"").concat(i,'"\n                    data-offset-id="').concat(e.id,'"\n                    data-layer-id="').concat(t,'"\n                    data-property="').concat(n.property,'"\n                    data-offset-index="').concat(e.index,'"\n                ></div>\n\n                '))})).join(""),"\n        </div>")}},{key:"makeTimelineKeyframeRow",value:function(t,e){var n=this,r=this.$selection.currentProject.searchById(e.id);if(r){var i={};e.properties.map((function(t){return t.keyframes.map((function(t){return t.time}))})).forEach((function(t){t.forEach((function(t){return i[t]=!0}))}));var a=Object.keys(i).map((function(t){return+t}));return("\n        <div class='timeline-keyframe ".concat(ea({collapsed:e.collapsed}),"' data-timeline-layer-id=\"").concat(r.id,"\">\n            <div \n                class='timeline-keyframe-row layer' \n                data-row-index=\"").concat(this.state.rowIndex++,'"\n                data-layer-id="').concat(r.id,"\"\n            >\n                <div class='keyframe-shadow'>\n                ").concat(a.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 \n                    class='timeline-keyframe-row layer-property'\n                    data-row-index=\"".concat(n.state.rowIndex++,'"\n                    data-property="').concat(e.property,'"\n                    data-layer-id="').concat(r.id,'"\n                >\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=Ro.create(t.target);return!1===e.hasClass("offset")&&!1===e.hasClass("offset-line")}},{key:"getRowIndex",value:function(t){return t=Di(t)?this.state.rowIndex:+t}},{key:Wo("$el")+bs("Backspace"),value:function(t){this.emit("deleteTimelineKeyframe")}},{key:"isNotMoved",value:function(t,e){return 0===t&&0===e}},{key:ss("$el")+ms("hasDragPlace")+$s("moveDragArea")+Cs("moveEndDragArea"),value:function(t){this.dragXY=this.getRealPosition(t),this.startRowIndex=this.getRowIndex(Ro.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?Lo.px(this.dragXY.x+t):Lo.px(this.dragXY.x),r=e<0?Lo.px(this.dragXY.y+e):Lo.px(this.dragXY.y),i=Lo.px(Math.abs(t)),a=Lo.px(Math.abs(e));this.refs.$dragArea.css({left:n,top:r,width:i,height:a}),this.left=n,this.width=i}}},{key:"getLayerList",value:function(){for(var t=this.getRowIndex(Ro.create(this.$config.get("bodyEvent").target).attr("data-row-index")),e=Math.min(t,this.startRowIndex),n=Math.max(t,this.startRowIndex),r=[],i=e;i<=n;i++)r.push('[data-row-index="'.concat(i,'"]'));return this.refs.$keyframeList.$$(r.join(",")).map((function(t){var e=t.attrs("data-layer-id","data-property"),n=j()(e,2);return{layerId:n[0],property:n[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),i=this.getTimeRateByPosition((this.left.value+this.width.value)/n);this.$timeline.selectBySearch(this.getLayerList(),r,i),this.refresh(),this.startRowIndex=null}else this.doubleClicked?this.doubleClicked=!1:(this.$timeline.empty(),this.refresh())}},{key:Vs("$keyframeList")+Ss,value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.getSelectedTimeline();if(!n)return"";this.state.rect||(this.state.rect=this.$el.rect());var r=this.state.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:Yo("$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:_o("$el .layer-property"),value:function(t){var e=t.$dt.attrs("data-layer-id","data-property"),n=j()(e,2),r=n[0],i=n[1],a=this.getTimeRateByPosition(this.getRealPosition(t).rate);this.emit("addTimelineKeyframe",{layerId:r,property:i,time:a}),this.doubleClicked=!0,this.refresh()}},{key:ss("$el .layer-property .offset")+ms("hasCurrentTimeline")+$s("moveOffset")+Cs("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"),i=this.$offset.attr("data-layer-id");this.$keyframeBack=this.$offset.closest("timeline-keyframe-row").$(".keyframe-back");var a=this.$el.rect().width-20;this.rect={totalWidth:a,startX:10};var o=this.$selection.currentProject;o&&(this.offset=o.getTimelineKeyframeById(i,r,n),this.layerId=i,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,i=r.displayStartTime,a=r.displayEndTime,o=r.fps,s=t<0?-1:1,c=Math.abs(t)/this.rect.totalWidth*(a-i);this.$timeline.each((function(t){var e=n.cachedOffsetList[t.id]+c*s;e=Math.max(e,i),e=Math.min(e,a);var r=Bc(o,e);e=Fc(o,r),t.time=e})),this.refresh(),this.emit("refreshOffsetValue",this.offset)}}},{key:lm("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.currentProject;n&&(this.$timeline.each((function(t){n.sortTimelineKeyframe(t.layerId,t.property)})),this.refresh())}},{key:lm("addTimeline","moveTimeline")+Ps(100),value:function(){this.refresh()}},{key:lm("refreshTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:lm("resize.window")+Ps(100),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=this.$selection.currentProject;if(t)return t.getSelectedTimeline()}}]),e}(um);Qs({TimelineKeyframeList:dO});var fO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n        <div class='keyframe-time-control'>\n            <div class='time-manager'>\n                <button type=\"button\" ref='$timer'>".concat(Jg.timer,'</button>\n                <label>\n                    <input type="text" ref=\'$currentTime\' />\n                </label>\n                <label>FPS <input type="number" ref=\'$fps\' min="0" max="999" /></label>\n                <label>\n                    <input type="text" ref=\'$duration\' />\n                </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:lm("playTimeline"),value:function(){this.refreshCurrentTime()}},{key:lm("refreshTimeline"),value:function(){this.refresh()}},{key:lm("moveTimeline","refreshSelection")+Os(10),value:function(){this.refresh()}},{key:Wo("$fps")+ks,value:function(t){var e=+this.refs.$fps.val(),n=this.$selection.currentProject;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:Yo("$timer"),value:function(){var t=this.$selection.currentProject;t&&(t.seek(this.refs.$currentTime.value,(function(t){return!0})),this.emit("playTimeline"))}},{key:Ko("$currentTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:Wo("$currentTime")+ks+ms("checkNumberOrTimecode")+ms("hasCurrentTimeline")+Es,value:function(t){var e=this.refs.$currentTime.value,n=this.$selection.currentProject;n&&n.setTimelineCurrentTime(e),this.refresh(),this.emit("moveTimeline")}},{key:Ko("$duration"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:Wo("$duration")+ks+ms("checkNumberOrTimecode")+ms("hasCurrentTimeline")+Es,value:function(t){var e=this.refs.$duration.value,n=this.$selection.currentProject;n&&n.setTimelineTotalTime(e),this.refresh(),this.emit("moveTimeline")}},{key:"currentTimeline",get:function(){var t=this.$selection.currentProject;return t?t.getSelectedTimeline():null}}]),e}(um);Qs({KeyframeTimeControl:fO});var vO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{KeyframeTimeControl:fO}}},{key:"template",value:function(){return"\n            <div class='timeline-top-toolbar'>\n                <object refClass=\"KeyframeTimeControl\" />\n            </div>\n        "}}]),e}(um);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}Qs({TimelineTopToolbar:vO});var gO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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=Lo.percent(t.displayStartTime/t.totalTime*100),n=Lo.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:Lo.percent(n.value-e.value)})}}},{key:ss("$start")+ms("hasCurrentTimeline")+$s("moveStartButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.endX=Lo.parse(this.refs.$end.css("left")).toPx(this.sliderRect.width)}},{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.$selection.currentProject.setDisplayStartTimeRate(n),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:ss("$end")+ms("hasCurrentTimeline")+$s("moveEndButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.startX=Lo.parse(this.refs.$start.css("left")).toPx(this.sliderRect.width)}},{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.$selection.currentProject.setDisplayEndTimeRate(r),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:ss("$gauge")+ms("hasCurrentTimeline")+$s("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}},{key:"moveGaugeButton",value:function(t,e){var n=t/this.sliderRect.width;this.$selection.currentProject.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(S()({},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 i=this.$el.rect(),a=i.width,o=(i.height,r.displayStartTime),s=r.displayEndTime,c=r.fps,l=r.currentTime,u=Math.floor(o*c),h=Math.floor(s*c),p=(a=i.width,h-u),d=5;p<100?d=10:p<1e3?d=100:p<1e4?d=1e3:p<1e5&&(d=1e4),u%d!=0&&(u+=d-u%d);var f={textAlign:"center",textBaseline:"middle",font:"10px sans-serif"};this.refs.$canvas.resize({width:a,height:24}),this.refs.$canvas.update((function(){var r=this.rect(),i=a-20;this.drawOption(function(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){S()(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}({strokeStyle:"rgba(204, 204, 204, 0.3)",lineWidth:.5},f));for(;u<h;u+=d){var p=(Fc(c,u)-o)/(s-o)*i;this.drawOption({fillStyle:t}),this.drawText(p+10,7,Gc(c,u).replace(/00\:/g,"")+"f")}this.drawOption({strokeStyle:e,lineWidth:1}),this.drawLine(0,r.height-.5,r.width,r.height);var v=(l-o)/(s-o)*i;this.drawOption({strokeStyle:n,fillStyle:n,lineWidth:1}),this.drawPath([v-4+10,r.height-10],[v+4+10,r.height-10],[v+4+10,r.height-4],[v+10,r.height],[v-4+10,r.height-4],[v-4+10,r.height-10])}))}}},{key:ss("$canvas")+ms("hasCurrentTimeline")+$s()+Cs("moveEndCurrentTime"),value:function(t){this.selectedCanvasOffset=this.refs.$canvas.offset(),this.originalRect=this.$el.rect(),this.width=this.originalRect.width-20,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.$selection.currentProject.setTimelineCurrentTimeRate(n/t),this.refresh(),this.$selection.currentProject.seek(),this.emit("moveTimeline")}},{key:"moveEndCurrentTime",value:function(){this.emit("resetSelection")}},{key:lm("resize.window")+Ps(100),value:function(){this.refresh()}},{key:lm("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:lm("moveTimeline","refreshSelection")+Os(10),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=this.$selection.currentProject;return t?t.getSelectedTimeline():null}}]),e}(um);Qs({KeyframeTimeView:gO});var mO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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.currentProject;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,i=e.displayStartTime,a=e.displayEndTime;this.refs.$canvas.resize(this.$el.rect()),this.refs.$canvas.update((function(){var e=this.rect(),o=(r-i)/(a-i)*(n-20);this.drawOption({strokeStyle:t,lineWidth:1}),this.drawLine(o+10,0,o+10,e.height)}))}}},{key:lm("resize.window")+Ps(100),value:function(){this.refresh()}},{key:lm("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:lm("moveTimeline","refreshSelection")+Os(50),value:function(){this.refresh()}}]),e}(um);function bO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qs({KeyframeTimeGridView:mO});var kO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{CSSPropertyEditor:$b,CubicBezierEditor:Om}}},{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:Di(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.currentProject,e="00:00:00:00";if(t){var n=t.getSelectedTimeline();n&&(e=Bc(n.fps,this.state.time))}this.refs.$offsetTime.val(e),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.getProperties()),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",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:Yo("$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:Ko("$offsetTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:Wo("$offsetTime")+ks+ms("checkNumberOrTimecode")+Es,value:function(t){var e=this.refs.$offsetTime.value,n=this.$selection.currentProject;if(n){var r=n.getSelectedTimeline();this.updateData({time:Fc(r.fps,e)})}}},{key:"templateForOffset",value:function(){return"\n      <div class='offset-input'>\n        <label>".concat(this.$i18n("timeline.value.editor.time"),"</label>\n        <div class='input-area'>\n          <input type=\"text\" ref='$offsetTime' title=\"").concat(this.$i18n("timeline.value.editor.offset.message"),"\" />\n        </div>\n        <button type=\"button\" ref='$seek' title='Seek timeline'>").concat(Jg.gps_fixed,"</button>\n      </div>\n    ")}},{key:Yo("$seek"),value:function(){var t=this,e=this.$selection.currentProject;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      <object refClass=\"CSSPropertyEditor\" ref='$propertyEditor' hide-title='true' onchange='changePropertyEditor' />\n    "}},{key:"templateForTimingFunction",value:function(){return'\n    <div class=\'timing-function\'>\n      <object refClass="CubicBezierEditor" ref=\'$cubicBezierEditor\' key="timing" value="'.concat(this.state.timingFunction||"linear","\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:lm("refreshPropertyValue"),value:function(){var t=this.$selection.currentProject;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:lm("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?bO(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t),!1),this.refresh()}},{key:lm("changeCubicBezier"),value:function(t,e){this.updateData(S()({},t,e+""))}},{key:lm("changePropertyEditor"),value:function(t){if(t.length){var e=t[0];this.updateData({value:e.value+""})}}}]),e}(um);Qs({TimelineValueEditor:kO});var xO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jg.play,"</button>\n                        <button type=\"button\" data-value='pause' class='pause' title='").concat(this.$i18n("timeline.play.control.pause"),"'>").concat(Jg.pause,"</button>                \n                        <button type=\"button\" data-value='first' class='first' title='").concat(this.$i18n("timeline.play.control.first"),"'>").concat(Jg.skip_prev,"</button>\n                        <button type=\"button\" data-value='prev' class='prev' title='").concat(this.$i18n("timeline.play.control.prev"),"'>").concat(Jg.fast_rewind,"</button>                    \n                        <button type=\"button\" data-value='next' class='next' title='").concat(this.$i18n("timeline.play.control.next"),"'>").concat(Jg.fast_forward,"</button>\n                        <button type=\"button\" data-value='last' class='last' title='").concat(this.$i18n("timeline.play.control.last"),"'>").concat(Jg.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(Jg.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate' title='").concat(this.$i18n("timeline.play.control.alternate"),"'>").concat(Jg.alternate,"</button>\n                        <button type=\"button\" data-value='reverse' title='").concat(this.$i18n("timeline.play.control.reverse"),"' style='transform: rotateY(180deg)'>").concat(Jg.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate-reverse' title='").concat(this.$i18n("timeline.play.control.alternate.reverse"),"' style='transform: rotateY(180deg)'>").concat(Jg.alternate_reverse,"</button>\n                    </div>\n                </div>                                \n            </div>\n        ")}},{key:"initState",value:function(){var t=1,e=1,n="normal",r=this.getSelectedTimeline();if(r)t=r.speed,e=r.iterationCount,n=r.direction;return{status:"pause",speed:t,iterationCount:e,direction:n}}},{key:"getSelectedTimeline",value:function(){var t=this.$selection.currentProject;if(t)return t.getSelectedTimeline()}},{key:"updateData",value:function(t){this.setState(t,!1);var e=this.$selection.currentProject;e&&e.setTimelineInfo(t)}},{key:Yo("$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:lm("stopTimeline"),value:function(){this.updateData({status:"pause"})}},{key:Yo("$direction button"),value:function(t){this.updateData({direction:t.$dt.attr("data-value")}),this.refresh()}},{key:Yo("$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:ts("$iteration"),value:function(t){this.updateData({iterationCount:+this.refs.$iteration.value}),this.bindData("$repeatStatus")}},{key:ts("$speed"),value:function(t){this.updateData({speed:+this.refs.$speed.value})}},{key:Ls("$repeatStatus"),value:function(){return{text:0===this.state.iterationCount?this.$i18n("timeline.play.control.infinite"):this.$i18n("timeline.play.control.repeat")}}},{key:Ls("$playButtons"),value:function(){return{"data-status":this.state.status}}},{key:Ls("$direction"),value:function(){return{"data-selected-direction":this.state.direction}}},{key:lm("selectTimeline"),value:function(){this.refresh()}}]),e}(um);Qs({TimelinePlayControl:xO});var wO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{TimelineAnimationProperty:Gj,TimelinePlayControl:xO,TimelineValueEditor:kO,KeyframeTimeView:gO,TimelineKeyframeList:dO,TimelineObjectList:hO,TimelineTopToolbar:vO,KeyframeTimeGridView:mO}}},{key:"isFirstShow",value:function(){return!1}},{key:"getTitle",value:function(){return this.$i18n("timeline.property.title")}},{key:"getTools",value:function(){return'\n      <object refClass="TimelinePlayControl" />\n      \n    '}},{key:"getClassName",value:function(){return"timeline full managed-tool"}},{key:"getBody",value:function(){return"\n      <div class='timeline-animation-area'>\n        <object refClass=\"TimelineAnimationProperty\" />\n      </div>\n      <div class='timeline-area'>\n        <div class='timeline-header'>\n          <div class='timeline-object-toolbar'>\n            <object refClass=\"TimelineTopToolbar\" />\n          </div>\n          <div class='timeline-keyframe-toolbar' ref='$keyframeToolBar'>\n            <object refClass=\"KeyframeTimeView\" ref='$keyframeTimeView' /> \n          </div>\n        </div>\n        <div class='timeline-body'>\n          <div class='timeline-object-area' ref='$area'>\n            <object refClass=\"TimelineObjectList\" />\n          </div>\n          <div class='timeline-keyframe-area' ref='$keyframeArea'>\n            <object refClass=\"TimelineKeyframeList\" ref='$keyframeList' />          \n          </div>\n          <object refClass=\"KeyframeTimeGridView\" ref='$keyframeTimeGridView' />            \n        </div>\n      </div>\n      <div class='timeline-value-area'>\n        <object refClass=\"TimelineValueEditor\" ref='$valueEditor' onchange='changeKeyframeValue' />\n      </div>\n    "}},{key:as("$keyframeArea"),value:function(t){this.refs.$area.setScrollTop(this.refs.$keyframeArea.scrollTop())}},{key:as("$area"),value:function(t){this.refs.$keyframeArea.setScrollTop(this.refs.$area.scrollTop())}},{key:lm("refreshValueEditor")+Ps(100),value:function(){this.children.$valueEditor.refresh()}},{key:"afterRender",value:function(){this.trigger("refreshValueEditor")}},{key:lm("changeKeyframeValue"),value:function(t){this.emit("setTimelineOffset",t)}},{key:qo("$area")+Es,value:function(t){}},{key:Zo("$area")+Es,value:function(t){this.emit("addTimelineItem",t.dataTransfer.getData("layer/id"))}},{key:"onToggleShow",value:function(){this.emit("toggleFooter",this.isPropertyShow()),this.emit("timeline.view",this.isPropertyShow())}}]),e}(yP);Qs({TimelineProperty:wO});var SO=Ro.create("div"),PO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n    <div class='style-view' style='pointer-events: none; position: absolute;display:inline-block;left:-1000px;'>\n      <div ref='$svgArea'></div>\n    </div>\n    "}},{key:"initialize",value:function(){Bs()(So()(e.prototype),"initialize",this).call(this),this.refs.$head=Ro.create(document.head)}},{key:"makeStyle",value:function(t){return wS.toStyle(t)}},{key:"refreshStyleHead",value:function(){var t=this,e=this.$selection.currentProject||new wh;this.refs.$head.$$("style").forEach((function(t){return t.remove()})),this.changeStyleHead(e),e.layers.forEach((function(e){return t.changeStyleHead(e)}))}},{key:"changeStyleHead",value:function(t){var e=this,n=Ro.create("div"),r=this.makeStyle(t);n.html(r).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,'"]')})).join(","),i=!1;this.refs.$head.$$(r).forEach((function(e){t.isChanged(e.attr("data-timestamp"))&&(i=!0,e.remove())})),i&&this.changeStyleHead(t)}},{key:Vs("$svgArea")+Ss,value:function(){var t=this.$selection.currentProject||{};return wS.renderSVG(t)}},{key:lm("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:lm("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:lm("refreshSelectionStyleView"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=t;Li(t)?e=t:null!==t&&(e=[t]);for(var n=[],r=[],i=[],a=0,o=(n=e?Ai(e[0])?this.$selection.itemsByIds(e):e:this.$selection.items).length;a<o;a++){var s=n[a],c=s.allLayers.map((function(t){return'style[data-id="'.concat(t.id,'"]')})).join(",");i.push(c),r.push(this.makeStyle(s))}i.length&&this.refs.$head.$$(i).forEach((function(t){t.remove()}));var l=SO.html(r.join("")).createChildrenFragment();this.refs.$head.append(l)}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}]),e}(um);Qs({StyleView:PO});var jO={1:"to top left",2:"to top right",3:"to bottom right",4:"to bottom left",11:"to top",12:"to right",13:"to bottom",14:"to left"},OO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n            <div class='selection-view one-selection-view' ref='$selectionView' style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>\n            </div>\n        "}},{key:lm("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:lm("keymap.keyup"),value:function(t){this.$el.attr("data-has-shift","")}},{key:"toggleEditingPath",value:function(t){this.$el.toggleClass("editing-path",t)}},{key:"checkEditMode",value:function(){return this.$editor.isSelectionMode()}},{key:ss("$pointerRect .rotate-pointer")+Es+$s("rotateVertext")+Cs("rotateEndVertext"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.createWorldPosition(t.clientX,t.clientY),this.$selection.doCache(),this.$selection.reselect(),this.verties=Xi(this.$selection.verties),this.$snapManager.clear(),this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertext",value:function(){var t=this,e=this.$config.get("bodyEvent"),n=this.$viewport.createWorldPosition(e.clientX,e.clientY),r=a.subtract([],n,this.initMousePoint),i=4===this.rotateTargetNumber?yc(this.verties,34):this.verties[this.rotateTargetNumber],o=Math.floor(Tr(i,this.verties[4],r));this.$selection.cachedItemVerties.forEach((function(e){var n=t.$selection.get(e.id);n&&n.reset({transform:Ec.addTransform(e.transform,"rotateZ(".concat(Lo.deg(o).round(1e3),")"))})})),this.state.dragging=!0,this.renderPointers(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView"),this.emit("refreshRect")}},{key:"rotateEndVertext",value:function(){var t=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.verties=null,this.nextTick((function(){t.command("setAttributeForMulti","move selection pointer",t.$selection.cloneValue("x","y","width","height"))}))}},{key:"refreshRotatePointerIcon",value:function(t){this.emit("refreshCursor","rotate")}},{key:"refreshPointerIcon",value:function(t){var e=t.$dt.data("pointer");if(e){var n=e.split(",").map((function(t){return Number(t)})),r=a.subtract([],n,this.state.renderPointerList[0][4]),i=Lr(r[0],r[1]),o=Math.floor(i)-130;this.emit("refreshCursor","open_in_full","rotate(".concat(o," 12 12)"))}else this.emit("recoverCursor")}},{key:"checkPointerIsNotMoved",value:function(t){return!1===Boolean(this.state.dragging)}},{key:cs("$pointerRect .rotate-pointer")+ms("checkPointerIsNotMoved")+Es,value:function(t){this.refreshRotatePointerIcon(t)}},{key:cs("$pointerRect .pointer")+ms("checkPointerIsNotMoved")+Es,value:function(t){this.refreshPointerIcon(t)}},{key:ls("$pointerRect .pointer,.rotate-pointer")+ms("checkPointerIsNotMoved")+Es,value:function(t){this.emit("recoverCursor")}},{key:ss("$pointerRect .pointer")+Es+$s("moveVertext")+Cs("moveEndVertext"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number"),n=jO["".concat(e)];this.initMousePoint=this.$viewport.createWorldPosition(t.clientX,t.clientY),this.state.moveType=n,this.state.moveTarget=e,this.$selection.doCache(),this.$selection.reselect(),this.$snapManager.clear(),this.verties=this.$selection.verties}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,r,o){var s=a.subtract([],uc.scale(r,e,n),t);return Dr(i.fromTranslation([],t),i.fromTranslation([],s),o,i.fromTranslation([],a.negate([],s)))}},{key:"calculateDistance",value:function(t,e,n){var r=a.clone(t),i=this.$snapManager.check([a.add([],r,e)]),o=a.add([],r,a.add([],e,i)),s=a.transformMat4([],r,n),c=a.transformMat4([],o,n);return a.floor([],a.add([],c,a.negate([],s)))}},{key:"calculateRealDist",value:function(t,e,n){return this.calculateDistance(t.verties[e],n,t.accumulatedMatrixInverse)}},{key:"moveItem",value:function(t,e,n,r){t&&(t.reset({x:Lo.px(e[0]+(n<0?n:0)).round(1e3),y:Lo.px(e[1]+(r<0?r:0)).round(1e3),width:Lo.px(Math.abs(n)).round(1e3),height:Lo.px(Math.abs(r)).round(1e3)}),t.recover())}},{key:"moveDirectionVertext",value:function(t,e,n,r,a){var o=Mr(t.directionMatrix[r],this.calculateNewOffsetMatrixInverse(a,e,n,t.originalTransformOrigin,t.itemMatrix)),s=i.getTranslation([],o);this.moveItem(this.$selection.get(t.id),s,e,n)}},{key:"moveBottomRightVertext",value:function(t){var e=this;this.verties&&this.$selection.cachedItemVerties.forEach((function(n){var r=e.calculateRealDist(n,2,t),i=j()(r,2),a=i[0],o=i[1];e.$config.get("bodyEvent").shiftKey&&(o=a*n.height/n.width);var s=n.width+a,c=n.height+o;e.moveDirectionVertext(n,s,c,"to top left",[0,0,0])}))}},{key:"moveTopRightVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,s=e.height-a;this.moveDirectionVertext(e,o,s,"to bottom left",[0,s,0])}}},{key:"moveTopLeftVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,s=e.height-a;this.moveDirectionVertext(e,o,s,"to bottom right",[o,s,0])}}},{key:"moveTopVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=j()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertext(e,a,o,"to bottom",[a/2,o,0])}}},{key:"moveBottomVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=j()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertext(e,a,o,"to top",[a/2,0,0])}}},{key:"moveRightVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=j()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertext(e,a,o,"to left",[0,o/2,0])}}},{key:"moveLeftVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=j()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertext(e,a,o,"to right",[a,o/2,0])}}},{key:"moveBottomLeftVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,s=e.height+a;this.moveDirectionVertext(e,o,s,"to top right",[o,0,0])}}},{key:"moveVertext",value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.createWorldPosition(t.clientX,t.clientY),n=a.subtract([],e,this.initMousePoint);"to top left"===this.state.moveType?this.moveTopLeftVertext(n):"to top"===this.state.moveType?this.moveTopVertext(n):"to right"===this.state.moveType?this.moveRightVertext(n):"to bottom"===this.state.moveType?this.moveBottomVertext(n):"to left"===this.state.moveType?this.moveLeftVertext(n):"to top right"===this.state.moveType?this.moveTopRightVertext(n):"to bottom right"===this.state.moveType?this.moveBottomRightVertext(n):"to bottom left"===this.state.moveType&&this.moveBottomLeftVertext(n),this.state.dragging=!0,this.renderPointers(),this.refreshSmartGuides(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView"),this.emit("refreshRect")}},{key:"moveEndVertext",value:function(){var t=this;this.state.dragging=!1,this.emit("recoverCursor"),this.emit("refresh"),this.$selection.reselect(),this.nextTick((function(){t.command("setAttributeForMulti","move selection pointer",t.$selection.cloneValue("x","y","width","height"))}))}},{key:"moveTo",value:function(t){var e=this;this.$selection.cachedItemVerties.forEach((function(n){var r=e.$snapManager.check(n.rectVerties.map((function(e){return a.add([],e,t)}))),i=a.add([],t,r),o=n.rectVerties.map((function(t){return a.add([],t,i)})),s=a.subtract([],a.transformMat4([],o[0],n.parentMatrixInverse),a.transformMat4([],n.rectVerties[0],n.parentMatrixInverse)),c=e.$selection.get(n.id);c&&c.reset({x:Lo.px(n.x+s[0]),y:Lo.px(n.y+s[1])})})),this.refreshSmartGuides()}},{key:"refreshSmartGuides",value:function(){if(this.$selection.current){var t=this.$snapManager.findGuide(this.$selection.current.guideVerties());this.emit("refreshGuideLine",t)}}},{key:"getSelectedElements",value:function(){var t=this;return this.$selection.ids.map((function(e){return t.parent.state.cachedCurrentElement[e]}))}},{key:"initSelectionTool",value:function(){this.$editor.isSelectionMode()&&this.$el.isHide()&&this.$selection.isOne?this.$el.show():this.$el.isShow()&&!1===this.$selection.isOne&&this.$el.hide(),this.makeSelectionTool()}},{key:"makeSelectionTool",value:function(){this.renderPointers()}},{key:"renderPointers",value:function(){if(this.refs.$pointerRect.isHide())if(this.$selection.isEmpty);else{this.refs.$pointerRect.show();var t=this.$selection.verties,e=this.$selection.selectionVerties,n=i.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e),this.$viewport.applyVerties([n])];var r=this.createRenderPointers.apply(this,E()(this.state.renderPointerList)),a=r.line,o=r.point,s=r.size;this.refs.$pointerRect.updateDiff(a+o+s)}else if(this.$selection.isEmpty)this.refs.$pointerRect.hide();else{var c=this.$selection.verties,l=this.$selection.selectionVerties,u=i.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(c),this.$viewport.applyVerties(l),this.$viewport.applyVerties([u])];var h=this.createRenderPointers.apply(this,E()(this.state.renderPointerList)),p=h.line,d=h.point,f=h.size;this.refs.$pointerRect.updateDiff(p+d+f)}}},{key:"createPointer",value:function(t,e,n){return"\n        <div class='pointer' data-number=\"".concat(e,'" data-pointer="').concat(t,'" style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],"px - 50%), 0px) rotateZ(").concat(n||"0deg",')" ></div>\n        ')}},{key:"createRotatePointer",value:function(t,e,n){return 0===t.length?"":e<4?"\n            <div class='rotate-pointer no-fill' data-number=\"".concat(e,'" style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],'px - 50%), 0px) scale(1.8);" ></div>\n            '):"\n        <div class='rotate-pointer' data-number=\"".concat(e,'" style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],'px - 50%), 0px)" ></div>\n        ')}},{key:"createPointerRect",value:function(t,e,n){if(0===t.length)return"";var r=this.$selection.current,i="";if(!(r&&r.is("artboard"))){var o=a.lerp([],t[0],t[1],.5);i+="\n                M ".concat(o[0],",").concat(o[1]," \n                L ").concat(e[0],",").concat(e[1]," \n            ")}return('\n        <svg class=\'line\' overflow="visible">\n            <path \n                d="\n                    M '.concat(t[0][0],", ").concat(t[0][1]," \n                    L ").concat(t[1][0],", ").concat(t[1][1]," \n                    L ").concat(t[2][0],", ").concat(t[2][1]," \n                    L ").concat(t[3][0],", ").concat(t[3][1]," \n                    L ").concat(t[0][0],", ").concat(t[0][1],"\n                    ").concat(i,'\n                    Z\n                " />\n        </svg>'))}},{key:"createSize",value:function(t){var e=a.lerp([],t[0],t[1],.5),n=a.lerp([],t[1],t[2],.5),r=a.lerp([],t[2],t[3],.5),i=a.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:i},{start:r,end:e},{start:i,end:n}].map((function(t,e){return{index:e,data:t}}));o.sort((function(t,e){return t.data.start[1]>e.data.start[1]?-1:1}));var s=o[0],c=a.lerp([],s.data.end,s.data.start,1+16/a.dist(s.data.start,s.data.end)),l=this.$selection.current.width.value,u=this.$selection.current.height.value,h=a.subtract([],s.data.start,s.data.end),p=Lr(h[0],h[1])+90,d="".concat(dr(l,100)," x ").concat(dr(u,100));if(this.state.isRotate){var f=Ec.get(this.$selection.current.transform,"rotateZ");f&&(d="".concat(dr(f[0].value,1e3),"°"))}return("\n            <div \n                class='size-pointer' \n                style=\"transform: translate3d( calc(".concat(c[0],"px - 50%), calc(").concat(c[1],"px - 50%), 0px) rotateZ(").concat(p,'deg)" >\n               ').concat(d,"\n            </div>\n        "))}},{key:"createRenderPointers",value:function(t,e,n){var r=this.$selection.current,i=r&&r.is("artboard"),o=a.subtract([],a.lerp([],t[0],t[1],.5),a.lerp([],t[0],t[2],.5)),s=Lo.deg(Lr(o[0],o[1])+90).round(1e3),c=yc(t,34),l=a.dist(t[0],t[2]);return{line:this.createPointerRect(t,c,n[0]),size:this.createSize(t),point:[i?void 0:this.createRotatePointer(c,4,"center center"),this.createPointer(t[0],1,s),this.createPointer(t[1],2,s),this.createPointer(t[2],3,s),this.createPointer(t[3],4,s),this.createPointer(t[4],5,s),l<20?void 0:this.createPointer(a.lerp([],t[0],t[1],.5),11,s),l<20?void 0:this.createPointer(a.lerp([],t[1],t[2],.5),12,s),l<20?void 0:this.createPointer(a.lerp([],t[2],t[3],.5),13,s),l<20?void 0:this.createPointer(a.lerp([],t[3],t[0],.5),14,s)].join("")}}},{key:lm("refreshSelectionStyleView"),value:function(){this.$selection.isOne&&this.renderPointers()}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:lm("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:lm("openPathEditor"),value:function(){var t=this.$selection.current;t&&t.isSVG()&&t.d&&(this.toggleEditingPath(!0),this.emit("showPathEditor","modify",{box:"canvas",current:t,d:t.accumulatedPath().d}))}},{key:lm("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:lm("refreshSelectionTool"),value:function(){this.initSelectionTool()}},{key:lm("updateViewport"),value:function(){this.$selection.isOne&&this.initSelectionTool()}}]),e}(um)),$O=["flex","grid"];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 EO(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){S()(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}var TO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,EO({position:"absolute",x:Lo.z(),y:Lo.z(),right:"",bottom:"",rootVariable:"",variable:"",width:Lo.px(300),height:Lo.px(300),color:"black","font-size":Lo.px(13),overflow:"visible",rotate:Lo.deg(0),opacity:1,"z-index":Lo.auto,"transform-style":"preserve-3d",layout:"default","flex-layout":"display:flex;","grid-layout":"display:grid;",selectors:[],svg:[]},t))}},{key:"toCloneObject",value:function(){var t=this.json;return EO({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","text-clip","border-radius","border","box-shadow","text-shadow","clip-path","color","font-size","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","opacity","rotate","flex-layout","grid-layout","animation","transition"),{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=Bs()(So()(e.prototype),"convert",this).call(this,t)}},{key:"addSelector",value:function(t){return this.json.selectors.push(t),t}},{key:"createSelector",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSelector(new uj(EO({checked:!0},t)))}},{key:"removePropertyList",value:function(t,e){t.splice(e,1)}},{key:"removeSelector",value:function(t){this.removePropertyList(this.json.selectors,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(E()(t.splice(e,1))))}},{key:"updateSelector",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.selectors[+t].reset(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:"toAnimationKeyframes",value:function(t){return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:t}]}},{key:"toBound",value:function(){var t={x:this.json.x?this.json.x.clone():Lo.z(),y:this.json.y?this.json.y.clone():Lo.z(),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=Lo.px(t.x.value+t.width.value),t.y2=Lo.px(t.y.value+t.height.value),t}},{key:"setCache",value:function(){var t=Du.parseStyle(this.json["clip-path"]);"path"===t.type?(this.cacheClipPath=new Dc(t.value.trim()),this.cacheClipPath.scale(1/this.json.width.value,1/this.json.height.value)):this.cacheClipPath=void 0}},{key:"recover",value:function(){if(this.cacheClipPath){var t=this.json.width.value,e=this.json.height.value;this.reset({"clip-path":"path(".concat(this.cacheClipPath.clone().scaleTo(t,e),")")})}}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"isLayoutItem",value:function(){return $O.includes(this.parent.layout)}},{key:"hasLayout",value:function(){return $O.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}},{key:"isGroup",get:function(){return Boolean(this.layers.length)}}]),e}(Ac));function VO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function MO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?VO(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var DO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,MO({itemType:"artboard",name:"New ArtBoard",width:Lo.px(1e3),height:Lo.px(1e3),"background-color":"white","transform-style":"flat"},t))}},{key:"toCloneObject",value:function(){return MO({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("name"))}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return Jg.artboard}}]),e}(TO);zc.registerComponent("artboard",DO);var IO={1:"to top left",2:"to top right",3:"to bottom right",4:"to bottom left",11:"to top",12:"to right",13:"to bottom",14:"to left"},LO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n            <div class='selection-view group-selection-view' ref='$selectionView'  style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>        \n            </div>\n        "}},{key:lm("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:lm("keymap.keyup"),value:function(t){this.$el.attr("data-has-shift","")}},{key:"toggleEditingPath",value:function(t){this.refs.$selectionView.toggleClass("editing-path",t)}},{key:"checkEditMode",value:function(){return this.$editor.isSelectionMode()}},{key:ss("$pointerRect .rotate-pointer")+$s("rotateVertext")+Cs("rotateEndVertext"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.createWorldPosition(t.clientX,t.clientY),this.$selection.reselect(),this.verties=this.groupItem.verties(),this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertext",value:function(){var t=this,e=this.$config.get("bodyEvent"),n=this.$viewport.createWorldPosition(e.clientX,e.clientY),r=a.subtract([],n,this.initMousePoint),o=4===this.rotateTargetNumber?yc(this.verties,34):this.verties[this.rotateTargetNumber],s=Math.floor(Tr(o,this.verties[4],r));this.localAngle=this.angle+s,this.groupItem.reset({transform:Ec.rotateZ(this.groupItem.transform,Lo.deg(this.localAngle))});var c=Vr(s,this.verties[4]);this.$selection.cachedItemVerties.forEach((function(e){var n=wr(e.verties,i.multiply([],e.parentMatrixInverse,c)),r=yc(n,34),o=Er(r[0]-n[4][0],r[1]-n[4][1])-270,s=a.transformMat4([],n[0],Vr(-o,n[4])),l=t.$selection.get(e.id);l&&l.reset({x:Lo.px(s[0]),y:Lo.px(s[1]),transform:Ec.rotateZ(e.transform,Lo.deg(o))})})),this.state.dragging=!0,this.renderPointers(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView"),this.emit("refreshRect")}},{key:"rotateEndVertext",value:function(){var t=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.initMatrix(!0),this.renderPointers(),this.nextTick((function(){t.command("setAttributeForMulti","rotate selection pointer",t.$selection.cloneValue("x","y","width","height","transform"))}))}},{key:"refreshRotatePointerIcon",value:function(t){this.emit("refreshCursor","rotate")}},{key:"refreshPointerIcon",value:function(t){var e=t.$dt.data("pointer");if(e){var n=e.split(",").map((function(t){return Number(t)})),r=a.subtract([],n,this.state.renderPointerList[0][4]),i=Lr(r[0],r[1]),o=Math.floor(i)-135;this.emit("refreshCursor","open_in_full","rotate(".concat(o," 12 12)"))}else this.emit("recoverCursor")}},{key:"checkPointerIsNotMoved",value:function(t){return!1===Boolean(this.state.dragging)}},{key:cs("$pointerRect .rotate-pointer")+ms("checkPointerIsNotMoved")+Es,value:function(t){this.refreshRotatePointerIcon(t)}},{key:cs("$pointerRect .pointer")+ms("checkPointerIsNotMoved")+Es,value:function(t){this.refreshPointerIcon(t)}},{key:ls("$pointerRect .pointer,.rotate-pointer")+ms("checkPointerIsNotMoved")+Es,value:function(t){this.emit("recoverCursor")}},{key:ss("$pointerRect .pointer")+Es+$s("moveVertext")+Cs("moveEndVertext"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number");this.state.moveType=IO["".concat(e)],this.initMousePoint=this.$viewport.createWorldPosition(t.clientX,t.clientY),this.$selection.doCache(),this.$selection.reselect(),this.cachedGroupItem=this.groupItem.matrix}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,r,o){var s=a.add([],uc.scale(r,e,n),a.negate([],t));return Dr(i.fromTranslation([],t),i.fromTranslation([],s),o,i.fromTranslation([],a.negate([],s)))}},{key:"calculateDistance",value:function(t,e,n){var r=a.clone(t),i=this.$snapManager.check([a.add([],r,e)]),o=a.add([],r,a.add([],e,i)),s=a.transformMat4([],r,n),c=a.transformMat4([],o,n);return a.floor([],a.add([],c,a.negate([],s)))}},{key:"calculateRealDist",value:function(t,e,n){return this.calculateDistance(t.verties[e],n,t.accumulatedMatrixInverse)}},{key:"moveGroupItem",value:function(t,e,n){this.groupItem.reset({x:Lo.px(t[0]+(e<0?e:0)).round(1e3),y:Lo.px(t[1]+(n<0?n:0)).round(1e3),width:Lo.px(Math.abs(e)).round(1e3),height:Lo.px(Math.abs(n)).round(1e3)})}},{key:"moveItemForGroup",value:function(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,o=Dr(i.fromTranslation([],e[4]),t.itemMatrix,i.fromTranslation([],a.negate([],e[4]))),s=a.transformMat4([],e[0],o),c=j()(s,2),l=c[0],u=c[1],h=a.distance(e[0],e[1]),p=a.distance(e[0],e[3]),d=this.$selection.get(t.id);d&&(d.reset({x:Lo.px(l+n),y:Lo.px(u+r),width:Lo.px(h),height:Lo.px(p)}),d.recover())}},{key:"recoverItemForGroup",value:function(t,e,n){var r=this,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=t.accumulatedMatrix,c=t.accumulatedMatrixInverse;this.$selection.cachedItemVerties.forEach((function(t){var l=Mr(t.parentMatrixInverse,s,i.fromTranslation([],[a,o,0]),i.fromScaling([],[e,n,1]),c),u=wr(t.verties,l);r.moveItemForGroup(t,u)}))}},{key:"moveBottomRightVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width+i,s=e.height+a;this.moveDirectionVertext(e,0,0,o,s,"to top left",[0,0,0])}},{key:"moveTopRightVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,1,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,s=e.height-a;this.moveDirectionVertext(e,0,a,o,s,"to bottom left",[0,s,0])}},{key:"moveDirectionVertext",value:function(t,e,n,r,a,o,s){var c=r/t.width,l=a/t.height;if(c>=0&&l>=0){var u=Mr(t.directionMatrix[o],this.calculateNewOffsetMatrixInverse(s,r,a,t.originalTransformOrigin,t.itemMatrix)),h=i.getTranslation([],u);this.moveGroupItem(h,r,a),this.recoverItemForGroup(t,c,l,e,n)}}},{key:"moveTopVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=j()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertext(e,0,i,a,o,"to bottom",[a/2,o,0])}},{key:"moveBottomVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=j()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertext(e,0,0,a,o,"to top",[a/2,0,0])}},{key:"moveTopLeftVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,s=e.height-a;this.moveDirectionVertext(e,i,a,o,s,"to bottom right",[o,s,0])}},{key:"moveLeftVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=j()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertext(e,i,0,a,o,"to right",[a,o/2,0])}},{key:"moveRightVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=j()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertext(e,0,0,a,o,"to left",[0,o/2,0])}},{key:"moveBottomLeftVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,3,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,s=e.height+a;this.moveDirectionVertext(e,i,0,o,s,"to top right",[o,0,0])}},{key:"moveVertext",value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.createWorldPosition(t.clientX,t.clientY),n=a.subtract([],e,this.initMousePoint);"to bottom right"===this.state.moveType?this.moveBottomRightVertext(n):"to top right"===this.state.moveType?this.moveTopRightVertext(n):"to top left"===this.state.moveType?this.moveTopLeftVertext(n):"to bottom left"===this.state.moveType?this.moveBottomLeftVertext(n):"to top"===this.state.moveType?this.moveTopVertext(n):"to left"===this.state.moveType?this.moveLeftVertext(n):"to right"===this.state.moveType?this.moveRightVertext(n):"to bottom"===this.state.moveType&&this.moveBottomVertext(n),this.state.dragging=!0,this.renderPointers(),this.refreshSmartGuides(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView")}},{key:"moveEndVertext",value:function(t,e){var n=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.emit("refreshSelectionStyleView"),this.nextTick((function(){n.command("setAttributeForMulti","move selection pointer",n.$selection.cloneValue("x","y","width","height","transform"))}))}},{key:"moveTo",value:function(t){var e=this,n=this.$snapManager.check(this.cachedGroupItem.rectVerties.map((function(e){return a.add([],e,t)})),3),r=a.add([],n,t);this.groupItem.reset({x:Lo.px(this.cachedGroupItem.x+r[0]),y:Lo.px(this.cachedGroupItem.y+r[1])}),this.$selection.cachedItemVerties.forEach((function(t){var n=e.$selection.get(t.id);n&&n.reset({x:Lo.px(t.x+r[0]).round(1e3),y:Lo.px(t.y+r[1]).round(1e3)})})),this.refreshSmartGuides()}},{key:"refreshSmartGuides",value:function(){var t=this.$snapManager.findGuide(this.groupItem.guideVerties());this.emit("refreshGuideLine",t)}},{key:"getSelectedElements",value:function(){var t=this;return this.$selection.ids.map((function(e){return t.parent.state.cachedCurrentElement[e]}))}},{key:"initSelectionTool",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.$editor.isSelectionMode()&&this.$el.isHide()&&this.$selection.isMany?this.$el.show():this.$el.isShow()&&!1===this.$selection.isMany&&this.$el.hide(),this.initMatrix(t),this.makeSelectionTool()}},{key:"initMatrix",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];t&&this.$selection.isMany&&(this.verties=Xi(this.$selection.verties),this.angle=0,this.localAngle=this.angle,this.groupItem=this.item,this.cachedGroupItem=this.item.matrix)}},{key:"makeSelectionTool",value:function(){this.renderPointers()}},{key:"renderPointers",value:function(){if(this.groupItem){var t=this.groupItem.verties(),e=this.groupItem.selectionVerties();this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e)];var n=this.createRenderPointers.apply(this,E()(this.state.renderPointerList)),r=n.line,i=n.point,a=n.size;this.refs.$pointerRect.updateDiff(r+i+a)}}},{key:"createPointer",value:function(t,e){return"\n        <div    \n            class='pointer' \n            data-number=\"".concat(e,'" \n            data-pointer="').concat(t,'" \n            style="\n                transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],'px - 50%), 0px)\n            " \n        ></div>\n        ')}},{key:"createRotatePointer",value:function(t,e){arguments.length>2&&void 0!==arguments[2]&&arguments[2];return 0===t.length?"":e<4?"\n            <div class='rotate-pointer no-fill' data-number=\"".concat(e,'" style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],'px - 50%), 0px) scale(1.8);" ></div>\n            '):"\n        <div class='rotate-pointer' data-number=\"".concat(e,'" style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],'px - 50%), 0px)" ></div>\n        ')}},{key:"createPointerRect",value:function(t,e){if(0===t.length)return"";var n=a.lerp([],t[0],t[1],.5),r="\n            M ".concat(n[0],",").concat(n[1]," \n            L ").concat(e[0],", ").concat(e[1]," \n        ");return'\n        <svg class=\'line\' overflow="visible">\n            <path \n                d="\n                    M '.concat(t[0][0],", ").concat(t[0][1]," \n                    L ").concat(t[1][0],", ").concat(t[1][1]," \n                    L ").concat(t[2][0],", ").concat(t[2][1]," \n                    L ").concat(t[3][0],", ").concat(t[3][1]," \n                    L ").concat(t[0][0],", ").concat(t[0][1],"\n                    ").concat(r,'\n                    Z\n                " />\n        </svg>')}},{key:"createSize",value:function(t){var e=a.lerp([],t[0],t[1],.5),n=a.lerp([],t[1],t[2],.5),r=a.lerp([],t[2],t[3],.5),i=a.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:i},{start:r,end:e},{start:i,end:n}].map((function(t,e){return{index:e,data:t}}));o.sort((function(t,e){return t.data.start[1]>e.data.start[1]?-1:1}));var s=o[0],c=a.lerp([],s.data.end,s.data.start,1+16/a.dist(s.data.start,s.data.end)),l=this.groupItem.width.value,u=this.groupItem.height.value,h=a.subtract([],s.data.start,s.data.end),p=Lr(h[0],h[1])+90,d="".concat(dr(l,100)," x ").concat(dr(u,100));if(this.state.isRotate){var f=Ec.get(this.groupItem.transform,"rotateZ");f&&(d="".concat(f[0].value,"°"))}return("\n            <div \n                class='size-pointer' \n                style=\"transform: translate3d( calc(".concat(c[0],"px - 50%), calc(").concat(c[1],"px - 50%), 0px) rotateZ(").concat(p,'deg)" >\n               ').concat(d,"\n            </div>\n        "))}},{key:"createRenderPointers",value:function(t,e){var n=yc(t,30),r=a.dist(t[0],t[2]);return{line:this.createPointerRect(t,n),size:this.createSize(t),point:[this.createRotatePointer(n,4,"center center"),this.createPointer(t[0],1),this.createPointer(t[1],2),this.createPointer(t[2],3),this.createPointer(t[3],4),r<20?void 0:this.createPointer(a.lerp([],t[0],t[1],.5),11),r<20?void 0:this.createPointer(a.lerp([],t[1],t[2],.5),12),r<20?void 0:this.createPointer(a.lerp([],t[2],t[3],.5),13),r<20?void 0:this.createPointer(a.lerp([],t[3],t[0],.5),14)].join("")}}},{key:lm("refreshSelectionStyleView"),value:function(){this.$selection.isMany&&this.renderPointers()}},{key:"item",get:function(){var t=this.verties||vc(0,0,0,0);return this.state.newArtBoard||(this.state.newArtBoard=new DO),this.state.newArtBoard.reset({parent:this.$selection.currentProject,x:Lo.px(t[0][0]),y:Lo.px(t[0][1]),width:Lo.px(a.dist(t[0],t[1])),height:Lo.px(a.dist(t[0],t[3])),transform:""}),this.state.newArtBoard}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:lm("hideSelectionToolView"),value:function(){}},{key:lm("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:lm("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:lm("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:lm("updateViewport"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.$selection.isMany&&this.initSelectionTool(t)}}]),e}(um)),RO=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"base-line";return('<line x1="'.concat(t[0],'" y1="').concat(t[1],'" x2="').concat(e[0],'" y2="').concat(e[1],"\" class='").concat(n,"' />"))},AO=function(t){return RO([t[0],0,0],[t[0],1e4,0])},zO=function(t){return RO([0,t[1],0],[1e4,t[1],0])},FO=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;return('\n        <path \n            stroke="red"\n            stroke-width="1"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]+e," ").concat(t[1]+e,"\n                M ").concat(t[0]-e," ").concat(t[1]+e,"\n                L ").concat(t[0]+e," ").concat(t[1]-e,'\n            " \n        />\n    '))},BO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return'<svg class=\'guide-line-view\' width="100%" height="100%" ></svg>'}},{key:"initState",value:function(){return{list:[]}}},{key:Ls("$el"),value:function(){return{html:this.createGuideLine(this.state.list)}}},{key:"createGuideLine",value:function(t){for(var e=[],n=0,r=t.length;n<r;n++){var i=j()(t[n],3),a=i[0],o=i[1],s=i[2],c=this.$viewport.applyVerties([a])[0],l=this.$viewport.applyVerties([o])[0];"x"===s&&(e.push(AO(l)),e.push(FO([l[0],c[1],c[2]]))),"y"===s&&(e.push(zO(l)),e.push(FO([c[0],l[1],c[2]]))),e.push(FO(l))}return E()(new Set(e)).join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(t){this.setState({list:t})}},{key:lm("removeGuideLine"),value:function(){this.removeGuideLine()}},{key:lm("refreshGuideLine"),value:function(t){this.setGuideLine(t)}},{key:lm("updateViewport"),value:function(){this.refresh()}}]),e}(um);function GO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function HO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?GO(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):GO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var NO=function(){function t(){go()(this,t),this.segmentList=[]}return bo()(t,[{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,i,a){return this.segmentList.push({angle:!0,rx:e,ry:n,line:a,degree:r,center:t,last:i}),this}},{key:"addPoint",value:function(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.segmentList.push(HO({},t,{cx:e.x,cy:e.y,selected:i,index:n,segment:r,isFirst:e.isFirst,isLast:e.isLast,isSecond:e.isSecond})),this}},{key:"addStartPoint",value:function(t,e){return this.segmentList.push(HO({},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("")}}]),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){S()(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}var _O=["startPoint","endPoint","reversePoint"];function KO(t,e,n,r,i){var a=t.filter((function(t){return!!t&&Math.abs(t[e]-n)<=i})).map((function(t){return{dist:Math.abs(t[e]-n),point:t}}));a.sort((function(t,e){return t.dist<e.dist?-1:1}));var o=null;return a.length&&(r+=(o=a[0].point)[e]-n),{point:o,distanceValue:r}}function WO(t,e,n,r){var i=[],a=_O;return t.filter((function(t){return t})).forEach((function(t){a.filter((function(e){return t[e]})).forEach((function(a){var o=t[a],s=Math.abs(o[e]-n);s<=r&&i.push({dist:s,point:o})}))})),i.sort((function(t,e){return t.dist>e.dist?1:-1})),i.length?i[0].point:null}function UO(t,e,n){for(var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=[],a=0,o=t.length;a<o;a++){var s=a,c=t[s];if(c){if("M"===c.command)i.push({command:"M",values:[c.startPoint]});else{var l=Tc.getPrevPoint(t,a);!1===c.curve?!1===l.curve?i.push({command:"L",values:[c.startPoint]}):i.push({command:"Q",values:[l.endPoint,c.startPoint]}):!1===l.curve?Tc.isEqual(c.reversePoint,c.startPoint)?i.push({command:"L",values:[c.startPoint]}):i.push({command:"Q",values:[c.reversePoint,c.startPoint]}):i.push({command:"C",values:[l.endPoint,c.reversePoint,c.startPoint]})}c.close&&i.push({command:"Z"})}}var u=i.map((function(t){return ZO(e,n,t,r)})).join(" ");return{d:u}}function ZO(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=n.command,a=n.values;switch(i){case"Z":return"Z";default:var o=a.map((function(n){var i=n.x-t==0?0:(n.x-t)/r,a=n.y-e==0?0:(n.y-e)/r;return"".concat(i," ").concat(a)})).join(" ");return"".concat(i," ").concat(o)}}var qO=function(){function t(e){go()(this,t),this.pathEditor=e,this.pathStringManager=new Xu,this.guideLineManager=new Xu,this.segmentManager=new NO,this.initialize(),this.initializeSelect()}return bo()(t,null,[{key:"generatorPathString",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=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return UO(t,e,n,r).d}}]),bo()(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,i){n.forEach((function(n){var a=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,a)&&e.push({x:a.x,y:a.y,key:n,index:i})}))})),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:"commitTransformMatrix",value:function(t,e){var n=a.transformMat4([],[t.x,t.y,0],e);return{x:n[0],y:n[1]}}},{key:"transformMat4",value:function(t){var e=this;this.transformPoints.forEach((function(n,r){var i=e.state.points[r];Object.assign(i.startPoint,e.commitTransformMatrix(n.startPoint,t)),Object.assign(i.endPoint,e.commitTransformMatrix(n.endPoint,t)),Object.assign(i.reversePoint,e.commitTransformMatrix(n.reversePoint,t))}))}},{key:"transform",value:function(t){arguments.length>1&&void 0!==arguments[1]&&arguments[1],arguments.length>2&&void 0!==arguments[2]&&arguments[2];var e=this.transformRect,n=e.x,r=e.y,a=e.width,o=e.height,s=i.create();switch(i.translate(s,s,[n,r,0]),t){case"flipX":i.scale(s,s,[-1,1,1]),i.translate(s,s,[-a,0,0]);break;case"flipY":i.scale(s,s,[1,-1,1]),i.translate(s,s,[0,-o,0]);break;case"flip":i.scale(s,s,[-1,-1,1]),i.translate(s,s,[-a,-o,0])}i.translate(s,s,[-n,-r,0]),this.transformMat4(s)}},{key:"initTransform",value:function(t){this.transformRect=Xi(t),this.transformPoints=this.clonePoints.map((function(t){return{startPoint:Xi(t.startPoint),endPoint:Xi(t.endPoint),reversePoint:Xi(t.reversePoint)}}))}},{key:"setConnectedPoint",value:function(t,e){var n=this.state,r=n.dragXY.x+t,i=n.dragXY.y+e,a={x:r,y:i},o={x:r,y:i};n.dragPoints&&(n.reversePoint=Tc.getReversePoint(n.startPoint,a));var s={startPoint:n.startPoint,endPoint:a,curve:!!n.dragPoints,reversePoint:o,connected:!0,close:!0};n.points.push(s)}},{key:"setLastPoint",value:function(t){var e=this.state,n={startPoint:t,endPoint:Xi(t),curve:!1,reversePoint:Xi(t),connected:!1,close:!1};e.points.push(n)}},{key:"setCachePoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=this.state,i=r.points;this.snapPointList=[],r.selectedIndex=t,r.connectedPoint=Tc.getPrevPoint(i,t),r.connectedPoint&&!r.connectedPoint.connected&&(r.connectedPoint=null),r.segment=Tc.getIndexPoint(i,t),r.segment.connected&&(r.connectedPoint=Tc.getNextPoint(i,t));var a=Tc.isFirst(r.segment);if(a){var o=Tc.getLastPoint(i,t);o.connected&&(r.connectedPoint=o)}r.segmentKey=e,r.isCurveSegment=r.segment.curve&&"startPoint"!=r.segmentKey,r.originalSegment=Xi(r.segment),r.connectedPoint&&(r.originalConnectedPoint=Xi(r.connectedPoint)),r.cachedPoints=[],i.filter((function(t){return t&&t!=r.segment})).forEach((function(t){r.cachedPoints.push(t.startPoint,t.reversePoint,t.endPoint)})),r.cachedPoints.push.apply(r.cachedPoints,n.map((function(t){var e=j()(t,3);return{x:e[0],y:e[1],z:e[2]}})))}},{key:"moveSegment",value:function(t,e,n){var r=this.state,i=r.originalSegment[t],a=r.segment[t];i&&(a.x=i.x+e,a.y=i.y+n)}},{key:"calculateToCurve",value:function(t,e,n){var r=(e.startPoint.x+n.startPoint.x)/2,i=(e.startPoint.y+n.startPoint.y)/2,a=(e.startPoint.x-r)/2,o=(e.startPoint.y-i)/2;return t.endPoint={x:t.startPoint.x+a,y:t.startPoint.y+o},t.reversePoint={x:t.startPoint.x-a,y:t.startPoint.y-o},{dx:a,dy:o}}},{key:"convertToCurve",value:function(t){var e=this.state.points,n=e[t];if(n.curve)if(n.curve=!1,n.reversePoint=Xi(n.startPoint),n.endPoint=Xi(n.startPoint),"M"===n.command){var r=Tc.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=Xi(r.startPoint),r.endPoint=Xi(r.startPoint))}else{if((i=Tc.getNextPoint(e,t))&&"M"===i.command)(o=i).curve=!1,o.reversePoint=Xi(o.startPoint),o.endPoint=Xi(o.startPoint)}else{n.curve=!0;var i,a=Tc.getPrevPoint(e,t);if((i=Tc.getNextPoint(e,t))&&i.index<t&&"M"===i.command){var o=i;i=Tc.getNextPoint(e,o.index),this.calculateToCurve(n,i,a),o.curve=!0,o.endPoint=Xi(n.endPoint),o.reversePoint=Xi(n.reversePoint)}else if(i&&i.index>t&&"M"!==i.command)this.calculateToCurve(n,i,a);else if(!i&&a){var s=(n.startPoint.x-a.startPoint.x)/3,c=(n.startPoint.y-a.startPoint.y)/3;n.endPoint={x:n.startPoint.x+s,y:n.startPoint.y+c},n.reversePoint=Tc.getReversePoint(n.startPoint,n.endPoint)}else if(!a&&i){s=(n.startPoint.x-i.startPoint.x)/3,c=(n.startPoint.y-i.startPoint.y)/3;n.endPoint={x:n.startPoint.x+s,y:n.startPoint.y+c},n.reverse=Tc.getReversePoint(n.startPoint,n.endPoint)}}}},{key:"moveCurveSegment",value:function(t,e,n){var r=this.state;this.moveSegment(t,e,n);var i="endPoint"===t?"reversePoint":"endPoint";r.segment[i]=Tc.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,i=r.x,a=r.y,o=n.segment[t],s=o.x,c=o.y,l=n.originalSegment[e],u=l.x,h=l.y,p=br(Lr(s-i,c-a),kr(u,h,i,a),i,a),d=p.x,f=p.y;n.segment[e]={x:d,y:f}}}},{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,i=this.state,a=i.cachedPoints,o=i.originalSegment[t];if(!t)return{dx:e,dy:n,snapPointList:[]};var s=o.x+e,c=o.y+n,l=KO(a,"x",s,e,r),u=l.point,h=(e=l.distanceValue,KO(a,"y",c,n,r)),p=h.point,d=(n=h.distanceValue,{x:o.x+e,y:o.y+n}),f=[];return u&&f.push({startPoint:u,endPoint:d}),p&&f.push({startPoint:p,endPoint:d}),{dx:e,dy:n,snapPointList:f}}},{key:"copySegment",value:function(t,e){e.startPoint=Xi(t.startPoint),e.endPoint=Xi(t.endPoint),e.reversePoint=Xi(t.reversePoint)}},{key:"moveSelectedSegment",value:function(t,e){var n=this;this.selectedPointList.forEach((function(r){var i=n.state.points[r.index][r.key];i.x=r.x+t,i.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=Tc.splitPoints(this.state.points),n=Tc.recoverPoints(e.map((function(t){return t.filter((function(t){return!t.startPoint.removed})).map((function(t){return t.endPoint.removed&&(t.endPoint=Xi(t.startPoint)),t.reversePoint.removed&&(t.reversePoint=Xi(t.startPoint)),Tc.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,i=r.isCurveSegment,a=r.segmentKey,o=r.connectedPoint,s=this.calculateSnap(a,t,e,3),c=(t=s.dx,e=s.dy,s.snapPointList);if(this.snapPointList=c||[],this.selectedPointList.length>1)this.moveSelectedSegment(t,e);else if(i)if(n.shiftKey)this.moveSegment(a,t,e);else if(n.altKey)this.moveSegment(a,t,e),this.rotateSegment(a);else{this.moveSegment(a,t,e);var l="endPoint"===a?"reversePoint":"endPoint";r.segment[l]=Tc.getReversePoint(r.segment.startPoint,r.segment[a])}else this.moveSegment("startPoint",t,e),this.moveSegment("endPoint",t,e),this.moveSegment("reversePoint",t,e);o&&this.copySegment(r.segment,r.connectedPoint)}},{key:"moveEnd",value:function(t,e){var n=this.state,r=n.points,i=n.dragXY.x+t,a=n.dragXY.y+e,o={x:i,y:a},s={x:i,y:a};n.dragPoints&&(s=Tc.getReversePoint(n.startPoint,o)),r.push({command:0===n.clickCount?"M":"",startPoint:n.startPoint,endPoint:o,curve:!!n.dragPoints,reversePoint:s}),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,i=Tc.getPoint(r,e),a=Tc.getPoint(r,n),o=[YO({},i,{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},YO({},a,{reversePoint:t.second[2]})],s=Tc.getIndex(r,e);return r.splice.apply(r,[s,2].concat(o)),this.state.points=r,s+1}},{key:"setPointQuard",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Tc.getPoint(r,e),a=Tc.getPoint(r,n);if(i.curve&&!1===a.curve){var o=[YO({},i,{endPoint:i.startPoint}),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]}],s=Tc.getIndex(r,e);r.splice.apply(r,[s,1].concat(E()(o)))}else{o=[YO({},i),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]},YO({},a,{reversePoint:t.second[1],curve:!0})],s=Tc.getIndex(r,e);r.splice.apply(r,[s,2].concat(E()(o)))}return this.state.points=r,s+1}},{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]}],i=Tc.getIndex(n,e);return n.splice.apply(n,[i+1,0].concat(r)),this.state.points=n,i+1}},{key:"toPath",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]:1;return UO(this.clonePoints,t,e,n)}},{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),i=Math.min(t.startPoint.y,e.startPoint.y),a=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:i},{x:r,y:i}).addDistanceLine({x:r,y:i},{x:r,y:a});var o=n,s=i,c=Lr(r-n,a-i)-180,l=br(0,20,o,s),u=l.x,h=l.y,p=br(c/2,20,o,s),d=p.x,f=p.y,v=br(c,20,o,s);this.segmentManager.addDistanceAngle(v,20,20,c,{x:u,y:h},{x:u-20,y:h}).addText({x:d-5,y:f+15},c)}else t.startPoint.x<e.startPoint.x&&t.startPoint.y>e.startPoint.y?this.segmentManager.addDistanceLine({x:n,y:a},{x:r,y:a}).addDistanceLine({x:r,y:i},{x:r,y:a}):t.startPoint.x>e.startPoint.x&&t.startPoint.y>e.startPoint.y?this.segmentManager.addDistanceLine({x:n,y:i},{x:n,y:a}).addDistanceLine({x:n,y:a},{x:r,y:a}):t.startPoint.x>e.startPoint.x&&t.startPoint.y<e.startPoint.y&&this.segmentManager.addDistanceLine({x:n,y:a},{x:r,y:a}).addDistanceLine({x:r,y:i},{x:r,y:a})}},{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===Tc.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 i=this.segmentManager;!1===e.curve?!1===t.curve?(i.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),e.startPoint.isLast||i.addText(e.startPoint,r+1)):(i.addGuideLine(t.startPoint,t.endPoint).addCurvePoint(e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),!1===Tc.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),e.startPoint.isLast||i.addText(e.startPoint,r+1)):!1===t.curve?Tc.isEqual(e.reversePoint,e.startPoint)?(i.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),e.startPoint.isLast||i.addText(e.startPoint,r+1)):(i.addGuideLine(e.startPoint,e.reversePoint).addCurvePoint(e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),!1===Tc.isEqual(e.startPoint,e.reversePoint)&&i.addCurvePoint(e.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)),e.startPoint.isLast||i.addText(e.startPoint,r+1)):e.connected?(i.addGuideLine(t.startPoint,t.endPoint).addGuideLine(e.startPoint,e.reversePoint),!1===Tc.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Tc.isEqual(e.startPoint,e.reversePoint)&&i.addCurvePoint(e.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r))):(i.addGuideLine(t.startPoint,t.endPoint).addGuideLine(e.startPoint,e.reversePoint).addCurvePoint(e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),!1===Tc.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Tc.isEqual(e.startPoint,e.reversePoint)&&i.addCurvePoint(e.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)),e.startPoint.isLast||i.addText(e.startPoint,r+1))}},{key:"makeMiddlePointGuideRealPath",value:function(t,e,n,r){var i=this.pathStringManager;!1===e.curve?!1===t.curve?i.L(e.startPoint):i.Q(t.endPoint,e.startPoint):!1===t.curve?Tc.isEqual(e.reversePoint,e.startPoint)?i.L(e.startPoint):i.Q(e.reversePoint,e.startPoint):i.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 Xu).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new Xu).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Tc.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new Xu).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new Xu).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new Xu).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 i=t[n];if(i){var a=Tc.getNextPoint(t,n),o=Tc.getPrevPoint(t,n);o&&"M"===o.command&&i.startPoint&&(i.startPoint.isSecond=!0),i.startPoint&&(i.startPoint.isLast=a?"M"===a.command:n===r-1),i.selected=e===n,"M"===i.command?this.makeStartPointGuide(o,i,a,n):(this.makeMiddlePointGuideRealPath(o,i,a,n),this.makeMiddlePointGuideSplitLine(o,i,a,n),this.makeMiddlePointGuideSegment(o,i,a,n)),i.close&&this.pathStringManager.Z()}}}},{key:"makeMovePositionGuide",value:function(){var t=this.state,e=t.points,n=t.startPoint,r=t.moveXY,i=t.dragPoints,a=(t.altKey,t.snapPointList);if(r){a=a||[];var o=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=WO(t,"x",e.x,n),i=WO(t,"y",e.y,n),a=YO({},e);r&&(a.x=r.x),i&&(a.y=i.y);var o=[];return r&&o.push({startPoint:r,endPoint:a}),i&&o.push({startPoint:i,endPoint:a}),{snapPointList:o,moveXY:a}}(e,r,3),s=o.snapPointList,c=o.moveXY;a.push.apply(a,s),t.moveXY=c,r=c,this.snapPointList=a;var l=e[e.length-1];if(i)if(l){if(l.curve){var u=Tc.getReversePoint(n,r);d=u.x,f=u.y;this.guideLineManager.M(l.startPoint).C(l.endPoint,{x:d,y:f},n),this.segmentManager.addGuideLine(l.startPoint,l.endPoint).addGuideLine(n,{x:d,y:f}).addGuideLine(n,r).addCurvePoint(l.endPoint).addCurvePoint({x:d,y:f}).addCurvePoint(r).addPoint(!1,n)}else if(!1===l.curve){var h=Tc.getReversePoint(n,r);d=h.x,f=h.y;this.guideLineManager.M(l.startPoint).Q({x:d,y:f},n),this.segmentManager.addGuideLine(r,{x:d,y:f}).addPoint(!1,n).addCurvePoint({x:d,y:f}).addCurvePoint(r)}}else{var p=Tc.getReversePoint(n,r),d=p.x,f=p.y;this.guideLineManager.M(r).L(n).L({x:d,y:f}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:d,y:f})}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 Xu;t=this.snapPointList.map((function(t){return e.reset(),e.M(t.startPoint).L(t.endPoint).X(t.startPoint).toString("snap-path")}))}return t.join("")}},{key:"toSVGString",value:function(){return'\n        <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\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 E()(this.state.points)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}}]),t}();function JO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function QO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?JO(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):JO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var t$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,QO({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return Jg.rect}},{key:"toCloneObject",value:function(){return QO({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("tagName"))}}],[{key:"getIcon",value:function(){return Jg.rect}}]),e}(TO);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 n$(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){S()(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}var r$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,n$({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":0,"stroke-dasharray":" ","text-anchor":"start"},t))}},{key:"toCloneObject",value:function(){return n$({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"))}},{key:"getDefaultTitle",value:function(){return"SVG"}},{key:"isSVG",value:function(){return!0}}]),e}(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){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?i$(Object(n),!0).forEach((function(e){S()(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}var o$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Jg.edit}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,a$({itemType:"svg-path",name:"New Path","stroke-width":1,d:"",totalLength:0},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"setCache",value:function(){Bs()(So()(e.prototype),"setCache",this).call(this),this.cachePath=new Dc(this.json.d),this.cachePath.scale(1/this.json.width.value,1/this.json.height.value)}},{key:"recover",value:function(){Bs()(So()(e.prototype),"recover",this).call(this),this.cachePath||this.setCache();var t=this.json.width.value,n=this.json.height.value;this.json.d=this.cachePath.clone().scaleTo(t,n)}},{key:"toCloneObject",value:function(){return a$({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("d"))}},{key:"getDefaultTitle",value:function(){return"Path"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return Im(t.property)&&Lm(t.property)})),n=t.filter((function(t){return Rm(t.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] path'),properties:e}]}}]),e}(r$);function s$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function c$(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?s$(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):s$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function l$(t){var e=j()(t,2);return{x:e[0],y:e[1]}}zc.registerComponent("svg-path",o$);var u$=["fill","fill-opacity","stroke","stroke-width"],h$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initialize",value:function(){Bs()(So()(e.prototype),"initialize",this).call(this),this.pathParser=new Dc,this.pathGenerator=new qO(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],mode:"path",clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:Lo.z(),screenY:Lo.z(),screenWidth:Lo.z(),screenHeight:Lo.z()}}},{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='segment-box' ref='$segmentBox'></div>\n        </div>"}},{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:Wo("document")+ms("isShow")+ks+Es+Ts,value:function(){this.state.current?(this.refreshPathLayer(),this.trigger("hidePathEditor")):this.addPathLayer(),!this.state.current&&this.state.points.length?this.trigger("initPathEditorView"):this.trigger("hidePathEditor")}},{key:Wo("document")+ms("isShow")+xs+Es+Ts,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"makePathLayer",value:function(){var t,e=this,n=this.$selection.currentProject;if(n){var r=new Dc(this.pathGenerator.toPath().d);r.transformMat4(this.$viewport.matrixInverse);var i=r.getBBox(),o=a.distance(i[1],i[0]),s=a.distance(i[3],i[0]);r.translate(-i[0][0],-i[0][1]);var c={x:Lo.px(i[0][0]),y:Lo.px(i[0][1]),width:Lo.px(o),height:Lo.px(s),d:r.d,totalLength:this.totalPathLength,fill:"#C4C4C4"};u$.forEach((function(t){e.state[t]&&(c[t]=e.state[t])})),t=(this.$selection.getArtboardByPoint(i[0])||n).appendChildItem(new o$(c))}return t}},{key:"updatePathLayer",value:function(){var t=this.pathGenerator.toPath().d,e=new Dc(t);e.transformMat4(this.$viewport.matrixInverse),this.emit(this.state.changeEvent,{d:e.d,box:this.state.box,totalLength:this.totalPathLength})}},{key:"addPathLayer",value:function(){this.changeMode("modify");var t=this.makePathLayer();t&&t.totalLength&&(this.$selection.select(t),this.trigger("hidePathEditor"),this.emit("refreshAll"))}},{key:"changeMode",value:function(t,e){this.setState(c$({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:lm("changePathManager"),value:function(t){this.setState(c$({},t,{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:lm("updateViewport"),value:function(t,e){if(this.$el.isShow()){var n=this.pathGenerator.toPath().d,r=new Dc(n);r.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:r.d})}}},{key:"refresh",value:function(t){t&&t.d&&(this.pathParser.reset(t.d),this.pathParser.transformMat4(this.$viewport.matrix),this.state.cachedMatrixInverse=this.$viewport.matrixInverse,this.state.points=this.pathParser.convertGenerator()),this.pathGenerator.initializeSelect(),this.renderPath()}},{key:lm("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.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:lm("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:lm("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.pathParser.reset(""),this.setState(this.initState(),!1),this.refs.$view.empty(),this.$el.hide(),this.emit("hidePathManager")}},{key:Ls("$view"),value:function(){return{class:{path:"path"===this.state.mode,modify:"modify"===this.state.mode,box:"box"===this.state.box,"segment-move":"segment-move"===this.state.mode},innerHTML:this.pathGenerator.makeSVGPath()}}},{key:Ls("$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")}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:0,y:0,width:0,height: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:us("$view")+Es,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=Ro.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:ss("$view :not(.split-path)")+Es+Ts+$s()+Cs(),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=Ro.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 i=n.attrs("data-index","data-segment-point"),a=j()(i,2),o=(r=a[0],a[1]);this.pathGenerator.setCachePoint(+r,o,this.$viewport.applyVerties(this.$snapManager.getSnapPoints())),this.pathGenerator.selectKeyIndex(o,r)}}},{key:"hideSelectBox",value:function(){this.refs.$segmentBox.css({left:Lo.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:Lo.px(t.x+(e<0?e:0)),top:Lo.px(t.y+(n<0?n:0)),width:Lo.px(Math.abs(e)),height:Lo.px(Math.abs(n))};this.refs.$segmentBox.css(r)}},{key:"getSelectBox",value:function(){var t=this.refs.$segmentBox.styles("left","top","width","height").map((function(t){return Lo.parse(t)})),e=j()(t,4),n={x:e[0],y:e[1],width:e[2],height:e[3]};return n.x2=Lo.px(n.x.value+n.width.value),n.y2=Lo.px(n.y.value+n.height.value),n}},{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")){if(kr(t,e,0,0)>=2){n=this.$config.get("bodyEvent");this.state.dragPoints=!n.altKey}}}},{key:"renderSegment",value:function(t){this.pathGenerator.selectedLength&&(this.pathGenerator.reselect(),Bi(t)&&t(),this.renderPath(),this.updatePathLayer())}},{key:lm("deleteSegment"),value:function(){var t=this;this.renderSegment((function(){t.pathGenerator.removeSelectedSegment()}))}},{key:lm("moveSegment"),value:function(t,e){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(t,e)}))}},{key:lm("initPathEditorView"),value:function(){this.pathParser.reset(""),this.setState(this.initState(),!1),this.state.isShow=!0,this.refs.$view.empty(),this.$el.focus()}},{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("initPathEditorView"))):this.state.isSplitPath||(this.pathGenerator.moveEnd(t,e),this.state.clickCount++,this.renderPath()),this.state.isSplitPath=!1))}},{key:"scale",get:function(){return this.$viewport.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 go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:lm("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:lm("changePathUtil"),value:function(t){switch(t){case"reverse":var e=this.pathGenerator.toPath().d,n=new Dc(e);n.reverse(),n.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:n.d})}}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"calculatePointOnLine",value:function(t,e){var n=new Dc(t);if("C"===n.segments[1].command){var r=[l$(n.segments[0].values),l$(n.segments[1].values.slice(0,2)),l$(n.segments[1].values.slice(2,4)),l$(n.segments[1].values.slice(4,6))],i=di.apply(void 0,E()(r).concat([200]))(e.x,e.y);return xi(r,i).first[3]}if("Q"===n.segments[1].command){r=[l$(n.segments[0].values),l$(n.segments[1].values.slice(0,2)),l$(n.segments[1].values.slice(2,4))],i=fi.apply(void 0,E()(r).concat([200]))(e.x,e.y);return wi(r,i).first[2]}if("L"===n.segments[1].command){r=[l$(n.segments[0].values),l$(n.segments[1].values.slice(0,2))],i=vi.apply(void 0,E()(r).concat([200]))(e.x,e.y);return Si(r,i).first[1]}return e}},{key:ss("$view .split-path")+$s()+Cs(),value:function(t){this.initRect();var e=new Dc(t.$dt.attr("d")),n={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},r=-1;if("path"===this.state.mode)return this.state.dragXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.startPoint=this.state.dragXY,this.pathGenerator.setLastPoint(this.state.startPoint),this.state.isSplitPath=!0,this.renderPath(),void(this.state.current?this.refreshPathLayer():(this.addPathLayer(),this.trigger("initPathEditorView")));if("C"===e.segments[1].command){var i=[l$(e.segments[0].values),l$(e.segments[1].values.slice(0,2)),l$(e.segments[1].values.slice(2,4)),l$(e.segments[1].values.slice(4,6))],a=di.apply(void 0,E()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPoint(xi(i,a))}else if("Q"===e.segments[1].command){i=[l$(e.segments[0].values),l$(e.segments[1].values.slice(0,2)),l$(e.segments[1].values.slice(2,4))],a=fi.apply(void 0,E()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointQuard(wi(i,a))}else if("L"===e.segments[1].command){i=[l$(e.segments[0].values),l$(e.segments[1].values.slice(0,2))],a=vi.apply(void 0,E()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointLine(Si(i,a))}this.renderPath(),this.refreshPathLayer(),this.changeMode("segment-move"),this.pathGenerator.setCachePoint(r,"startPoint",this.$viewport.applyVerties(this.$snapManager.getSnapPoints())),this.pathGenerator.selectKeyIndex("startPoint",r)}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"convertToCurve",value:function(t){this.pathGenerator.convertToCurve(t),this.renderPath(),this.refreshPathLayer()}},{key:_o("$view [data-segment]"),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}},{key:vs("$view [data-segment]")+Es+js(300),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}}]),e}(um))));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 d$(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){S()(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}var f$=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],v$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initialize",value:function(){Bs()(So()(e.prototype),"initialize",this).call(this),this.pathParser=new Dc}},{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:Lo.z(),screenY:Lo.z(),screenWidth:Lo.z(),screenHeight:Lo.z()}}},{key:lm("changeDrawManager"),value:function(t){this.setState(d$({},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:Wo("document")+ms("isShow")+xs+ks+Es+Ts,value:function(){this.trigger("hidePathDrawEditor")}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.$selection.currentProject;if(r){var i=Tc.simply(this.state.points,this.state.tolerance),o=new Dc(Xu.makePathByPoints(i)),s=new Dc(qO.generatorPathString(o.convertGenerator()));s.transformMat4(this.$viewport.matrixInverse);var c=s.getBBox(),l=a.distance(c[1],c[0]),u=a.distance(c[3],c[0]);s.translate(-c[0][0],-c[0][1]);var h={x:Lo.px(c[0][0]),y:Lo.px(c[0][1]),width:Lo.px(l),height:Lo.px(u),d:s.d,totalLength:this.totalPathLength};f$.forEach((function(t){n.state[t]&&Object.assign(h,S()({},t,n.state[t]))})),e=r.appendChildItem(new o$(h))}return e}},{key:"addPathLayer",value:function(){var t=this.getPathRect();if(0!==t.width&&0!==t.height){var e=this.makePathLayer(t);e&&(this.$selection.select(e),this.trigger("hidePathDrawEditor"),this.emit("refreshAll"))}}},{key:"changeMode",value:function(t){this.setState(d$({},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:lm("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:lm("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:lm("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:lm("hideAddViewLayer"),value:function(){this.$el.hide(),this.emit("hideDrawManager")}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"draw-manager-"+t}},{key:Ls("$view"),value:function(){return{innerHTML:'\n            <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n                '.concat(this.toDefString,"\n                <path \n                    class='object' \n                    fill=\"").concat(this.toFillValue,'"\n                    stroke="').concat(this.toStrokeValue,'"\n                    fill-opacity="').concat(this.state["fill-opacity"],'"\n                    stroke-width="').concat(this.state["stroke-width"],'"\n                    stroke-linecap="').concat(this.state["stroke-linecap"],'"\n                    stroke-linejoin="').concat(this.state["stroke-linejoin"],'"\n                    d="').concat(Xu.makePathByPoints(this.state.points),'" \n                />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:lm("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:Lo.z(),y:Lo.z(),width:Lo.z(),height:Lo.z()};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:ss("$view")+$s()+Cs(),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.$viewport.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 qp.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return qp.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 qp.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return qp.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}}]),e}(um),y$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n        <div class='layer-add-view'>\n            <div class='area' ref='$area'></div>\n            <div class='area-rect' ref='$areaRect'></div>\n            <div class='area-pointer' ref='$mousePointer'></div>\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:"initState",value:function(){return{dragStart:!1,width:0,height:0,color:po.random(),fontSize:30,showRectInfo:!1,areaVerties:vc(0,0,0,0),content:"Insert a text",pathManager:new Xu,rect:{},containerItem:void 0}}},{key:"checkNotDragStart",value:function(){return!1===Boolean(this.state.dragStart)}},{key:us("$el")+ms("checkNotDragStart"),value:function(t){var e=this.$viewport.createWorldPosition(t.clientX,t.clientY),n=this.$snapManager.checkPoint(e);!1===a.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(this.state.target),this.state.targetPositionVertext=a.clone(this.state.target),this.state.targetGuides=this.$snapManager.findGuideOne([this.state.target])):(this.state.target=null,this.state.targetGuides=[],this.state.targetPositionVertext=null),this.bindData("$mousePointer")}},{key:ss("$el")+$s()+Cs(),value:function(t){this.initMousePoint=this.state.targetPositionVertext?this.state.targetPositionVertext:this.$viewport.createWorldPosition(t.clientX,t.clientY),this.state.dragStart=!0,this.state.color="#C4C4C4",this.state.text="Insert a text",this.state.areaVerties=vc(0,0,0,0),this.bindData("$area"),this.bindData("$areaRect")}},{key:"createLayerTemplate",value:function(t,e){var n=this.state,r=n.type,i=n.text,a=n.color;switch(r){case"artboard":return"<div class='draw-item' style='background-color: white;'></div>";case"rect":return"<div class='draw-item' style='background-color: ".concat(a,";'></div>");case"circle":return"<div class='draw-item' style='background-color: ".concat(a,"; border-radius: 100%;'></div>");case"video":case"audio":case"image":case"cube":case"cylinder":return"<div class='draw-item' style='outline: 1px solid blue;'></div>";case"text":case"svg-text":return"<div class='draw-item' style='font-size: 30px;outline: 1px solid blue;'>".concat(i,"</div>");case"svg-rect":return"\n            <div class='draw-item'>\n                <svg width=\"".concat(t,'" height="').concat(e,'" style="width:100%; height:100%;" overflow="visible">\n                    <path d="').concat(Xu.makeRect(0,0,t,e),'" stroke-width="1" stroke="black" fill="transparent" />\n                </svg>\n            </div>\n            ');case"svg-circle":return"\n            <div class='draw-item'>\n                <svg width=\"".concat(t,'" height="').concat(e,'" style="width:100%; height:100%;" overflow="visible">\n                    <path d="').concat(Xu.makeCircle(0,0,t,e),'" stroke-width="1" stroke="black" fill="transparent" />\n                </svg>\n            </div>\n            ');case"svg-textpath":return"\n            <div class='draw-item' style='outline: 1px solid blue;'>\n                <svg width=\"".concat(t,'" height="').concat(e,'" style="width:100%; height:100%;font-size: ').concat(e,'px;" overflow="visible">\n                    <defs>\n                        <path id=\'layer-add-path\' d="').concat(Xu.makeLine(0,e,t,e),'" />\n                    </defs>\n                    <text>\n                        <textPath \n                          xlink:href="#layer-add-path"\n                          textLength="100%"\n                          lengthAdjust="spacingAndGlyphs"\n                          startOffset="0em"\n                        >').concat(i,"</textPath>\n                    </text>\n                </svg>\n            </div>\n            ")}}},{key:Ls("$area"),value:function(){var t=mc(this.state.areaVerties),e=t.left,n=t.top,r=t.width,i=t.height;return{style:{left:e,top:n,width:r,height:i},innerHTML:this.createLayerTemplate(r.value,i.value)}}},{key:Ls("$areaRect"),value:function(){var t=this.state,e=t.areaVerties,n=t.showRectInfo,r=mc(this.$viewport.applyVertiesInverse(e)),i=r.width,a=r.height;return{style:{display:n?"inline-block":"none",left:Lo.px(e[2][0]),top:Lo.px(e[2][1])},innerHTML:"".concat(i.value," x ").concat(a.value)}}},{key:"makeMousePointer",value:function(){var t=this;if(!this.state.target)return"";var e=this.state.targetGuides||[];return('\n        <svg width="100%" height="100%">\n            '.concat(e.map((function(e){return t.state.pathManager.reset(),e=t.$viewport.applyVerties([e[0],e[1]]),t.state.pathManager.M({x:e[0][0],y:e[0][1]}).L({x:e[1][0],y:e[1][1]}).X({x:e[0][0],y:e[0][1]}).X({x:e[1][0],y:e[1][1]}).toString("layer-add-snap-pointer")})).join("\n"),"\n        </svg>\n    "))}},{key:Ls("$mousePointer"),value:function(){return{innerHTML:this.makeMousePointer()}}},{key:"move",value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.createWorldPosition(t.clientX,t.clientY),n=this.$snapManager.checkPoint(e);!1===a.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(n),this.state.targetGuides=this.$snapManager.findGuideOne([n])):(this.state.target=null,this.state.targetGuides=[]);var r=t.shiftKey,i=Math.min(n[0],this.initMousePoint[0]),o=Math.min(n[1],this.initMousePoint[1]),s=Math.max(n[0],this.initMousePoint[0])-i,c=Math.max(n[1],this.initMousePoint[1])-o;r&&(c=s);var l=vc(i,o,s,c);this.state.areaVerties=this.$viewport.applyVerties(l),this.state.showRectInfo=!0,this.bindData("$area"),this.bindData("$areaRect"),this.bindData("$mousePointer")}},{key:"end",value:function(t,e){var n=this.$config.get("bodyEvent").altKey,r=this.state,i=r.color,a=r.text,o=r.fontSize,s=r.areaVerties,c=this.$viewport.applyVertiesInverse(s),l="artboard"===this.state.type?null:this.$selection.getArtboardByPoint(c[0]),u=mc(c),h={x:u.x,y:u.y,width:u.width,height:u.height,"background-color":i,content:a,"font-size":o};switch(this.state.type){case"text":case"svg-text":case"svg-textpath":delete h["background-color"];break;default:delete h.content}switch(this.state.type){case"image":this.trigger("openImage",h,l);break;case"video":this.trigger("openVideo",h,l);break;case"audio":this.trigger("openAudio",h,l);break;default:this.emit("newComponent",this.state.type,h,!0,l)}n||this.trigger("hideLayerAppendView"),this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect")}},{key:lm("showLayerAppendView"),value:function(t){this.state.type=t,this.state.isShow=!0,this.refs.$area.empty(),this.$el.show(),this.$el.focus(),this.$snapManager.clear(),this.emit("change.mode.view","CanvasView")}},{key:lm("hideLayerAppendView"),value:function(){this.$el.isShow()&&(this.state.isShow=!1,this.$el.hide(),this.emit("change.mode.view"))}},{key:lm("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.$el.hide()}},{key:"isShow",value:function(){return this.state.isShow}},{key:Wo("document")+ms("isShow")+xs+ks+Es+Ts,value:function(){this.trigger("hideLayerAppendView")}},{key:Qo("$file"),value:function(t){var e=this;this.refs.$file.files.forEach((function(t){e.emit("updateImage",t,e.state.rect,e.state.containerItem)}))}},{key:Qo("$video"),value:function(t){var e=this;this.refs.$video.files.forEach((function(t){e.emit("updateVideo",t,e.state.rect,e.state.containerItem)}))}},{key:lm("openImage"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$file.click()}},{key:lm("openVideo"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$video.click()}},{key:"scale",get:function(){return this.$viewport.scale}}]),e}(um);function g$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?g$(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):g$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var b$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:Vs("$el"),value:function(){if(1!==this.$selection.length)return"";var t=this.$selection.current;if(t.isInGrid()){var e=t.parent,n=e.screenX,r=e.screenY,i=e.width,a=e.height,o=e.toGridLayoutCSS();return"<div style='".concat(Ji(m$({position:"absolute",left:n,top:r,width:i,height:a,border:"1px solid black"},o)),"'>\n                ").concat(e.layers.map((function(t){var e=t.toLayoutItemCSS();return("<div style='".concat(Ji(m$({},e,{border:"1px solid dashed"})),"'></div>"))})).join(""),"\n            </div>")}return("<div></div>")}},{key:lm("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}},{key:lm("updateViewport"),value:function(){this.refresh()}}]),e}(um),k$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n            <div class='hover-view'>\n                <div class='hover-rect' ref='$hoverRect'></div>            \n            </div>\n        "}},{key:lm("config:bodyEvent"),value:function(){var t=Ro.create(this.$config.get("bodyEvent").target).data("id");this.$editor.isPointerUp?(this.$selection.setHoverId(""),this.renderHoverLayer()):this.$selection.setHoverId(t)&&this.renderHoverLayer()}},{key:lm("updateViewport"),value:function(){this.$selection.setHoverId(""),this.renderHoverLayer()}},{key:"renderHoverLayer",value:function(){var t=this.$selection.hoverItems;if(0===t.length)this.refs.$hoverRect.updateDiff("");else{var e=t[0].verties(),n=this.createPointerLine(this.$viewport.applyVerties(e));this.refs.$hoverRect.updateDiff(n)}}},{key:"createPointerLine",value:function(t){return 0===t.length?"":'\n        <svg class=\'line\' overflow="visible">\n            <path \n                d="\n                    M '.concat(t[0][0],", ").concat(t[0][1]," \n                    L ").concat(t[1][0],", ").concat(t[1][1]," \n                    L ").concat(t[2][0],", ").concat(t[2][1]," \n                    L ").concat(t[3][0],", ").concat(t[3][1]," \n                    L ").concat(t[0][0],", ").concat(t[0][1],'\n                    Z\n                " \n                stroke-width="2"\n                />\n        </svg>')}}]),e}(um),x$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{StyleView:PO,HoverView:k$,SelectionToolView:OO,GroupSelectionToolView:LO,GuideLineView:BO,PathEditorView:h$,PathDrawView:v$,LayerAppendView:y$,GridLayoutLineView:b$}}},{key:"initState",value:function(){return{mode:"selection",x:Lo.z(),y:Lo.z(),width:Lo.px(1e4),height:Lo.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                <object refClass='StyleView' ref='$styleView' />\n                <object refClass='GuideLineView' ref='$guideLineView' />\n                <object refClass='HoverView' ref='$hoverView' />                \n                <object refClass='GridLayoutLineView' ref='$gridLayoutLineView' />\n                <object refClass='SelectionToolView' ref='$selectionTool' />\n                <object refClass='GroupSelectionToolView' ref='$groupSelectionTool' />\n                <object refClass='LayerAppendView' ref='$objectAddView' />\n                <object refClass='PathEditorView' ref='$pathEditorView' />\n                <object refClass='PathDrawView' ref='$pathDrawView' />\n          \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:lm("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:lm("refElement"),value:function(t,e){Bi(e)&&e(this.getElement(t))}},{key:"getElement",value:function(t){return this.state.cachedCurrentElement[t]||(this.state.cachedCurrentElement[t]=this.refs.$view.$('[data-id="'.concat(t,'"]'))),this.state.cachedCurrentElement[t]}},{key:"checkEmptyElement",value:function(t){var e=Ro.create(t.target),n=this.$viewport.createWorldPosition(t.clientX,t.clientY),r=this.$shortcuts.getGeneratedKeyCode(of.space);return!this.$keyboardManager.check(r)&&("selection"===this.state.mode&&(!t.altKey&&(e.hasClass("artboard")?!this.$selection.check({id:e.attr("data-id")})&&!this.$selection.hasPoint(n):!this.$selection.hasPoint(n)&&(!1===e.hasClass("element-item")&&!1===e.hasClass("artboard-title")&&!1===e.hasClass("selection-tool-item")&&!1===e.hasClass("pointer")&&!1===e.hasClass("rotate-pointer")&&!1===e.hasClass("layer-add-view")&&!1===e.hasClass("handle")&&!1===e.hasClass("path-draw-container")&&!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:ss("$body")+ms("checkEmptyElement")+$s("movePointer")+Cs("moveEndPointer"),value:function(t){if(this.$target=Ro.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,y:this.canvasOffset.top},this.dragXY.x-=this.rect.x,this.dragXY.y-=this.rect.y,this.$editor.isSelectionMode()){var e={left:Lo.px(this.dragXY.x),top:Lo.px(this.dragXY.y),width:Lo.z(),height:Lo.z()};this.refs.$dragAreaRect.css(e),this.state.cachedCurrentElement={}}}},{key:"getSelectedItems",value:function(t,e){var n=this.$selection.currentProject,r=[],i=[];return n&&(0===t.width&&0===t.height?r=[]:(n.layers.forEach((function(t){t.is("artboard")&&t.isIncludeByArea(e)?i.push(t):t.is("artboard")&&t.checkInArea(e)&&!1===t.hasChildren()?r.push(t):r.push.apply(r,t.checkInAreaForAll(e))})),r.length>1&&(r=r.filter((function(t){return!1===t.is("artboard")}))))),i.length?i:r}},{key:"movePointer",value:function(t,e){this.$config.get("bodyEvent").shiftKey&&(e=t);var n={left:Lo.px(this.dragXY.x+(t<0?t:0)),top:Lo.px(this.dragXY.y+(e<0?e:0)),width:Lo.px(Math.abs(t)),height:Lo.px(Math.abs(e))};if(this.refs.$dragAreaRect.css(n),this.$editor.isSelectionMode()){var r=n.top,i=n.width,a=n.height,o={x:n.left.value,y:r.value,width:i.value,height:a.value},s=this.$viewport.createAreaVerties(o.x,o.y,o.width,o.height);if(this.$selection.currentProject){var c,l=this.getSelectedItems(o,s);(c=this.$selection).select.apply(c,E()(l))&&(this.selectCurrent.apply(this,E()(l)),this.emit("refreshSelectionTool",!0))}}}},{key:"moveEndPointer",value:function(t,e){var n=this.refs.$dragAreaRect.styles("left","top","width","height").map((function(t){return Lo.parse(t)})),r=j()(n,4),i=r[0],a=r[1],o=r[2],s=r[3],c={x:i.value,y:a.value,width:o.value,height:s.value},l=this.$viewport.createAreaVerties(c.x,c.y,c.width,c.height);if(this.refs.$dragAreaRect.css({left:Lo.px(-1e4),top:Lo.z(),width:Lo.z(),height:Lo.z()}),this.$selection.currentProject){var u,h=this.getSelectedItems(c,l);(u=this.$selection).select.apply(u,E()(h))&&this.selectCurrent.apply(this,E()(h))}else this.$selection.select();this.emit("history.refreshSelection"),this.emit("refreshSelectionTool",!0),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:_o("$view .element-item.text"),value:function(t){t.$dt.addClass("focused"),t.$dt.attr("contenteditable","true"),t.$dt.focus(),t.$dt.select()}},{key:ns("$view .element-item.text"),value:function(t){t.$dt.removeAttr("contenteditable"),t.$dt.removeClass("focused")}},{key:Wo("$view .element-item.text"),value:function(t){var e=t.$dt.html(),n=t.$dt.text(),r=t.$dt.attr("data-id"),i=[];this.$selection.items.filter((function(t){return t.id===r})).forEach((function(t){t.reset({content:e,text:n}),i.push({id:t.id,content:e,text:n})})),this.emit("refreshContent",i),this.emit("refreshSelectionTool",!1)}},{key:"checkEditMode",value:function(t){var e=this.$viewport.createWorldPosition(t.clientX,t.clientY);if(this.$selection.hasPoint(e))return!0;var n=this.$shortcuts.getGeneratedKeyCode(of.space);if(this.$keyboardManager.check(n))return!1;var r=Ro.create(t.target),i=r.closest("element-item");if(!i)return!1;if(i.hasClass("focused"))return!1;var a=i.attr("data-id");if(!1===t.altKey&&i.hasClass("artboard")){var o=this.$selection.currentProject.searchById(a);if(o&&o.hasChildren()&&!1===r.hasClass("artboard-title"))return!1}return this.$editor.isSelectionMode()}},{key:ss("$view")+ms("checkEditMode")+$s("calculateMovedElement")+Cs("calculateEndedElement"),value:function(t){this.startXY=t.xy,this.initMousePoint=this.$viewport.createWorldPosition(t.clientX,t.clientY);var e=this.$selection.hasPoint(this.initMousePoint),n=Ro.create(t.target),r=n.closest("element-item"),i=r&&r.attr("data-id");if(e&&r&&!1===r.hasClass("artboard")&&(e=!1),t.altKey)e||(n.hasClass("artboard-title")?this.$selection.selectById(i):!1===this.$selection.check({id:i})&&this.$selection.selectById(i)),!1===this.$selection.isEmpty&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.selectCurrent.apply(this,E()(this.$selection.items)),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(e);else if(n.hasClass("artboard-title"))this.$selection.selectById(i);else if(t.shiftKey)this.$selection.toggleById(i);else if(!1===this.$selection.check({id:i})){var a=this.$selection.currentProject.searchById(i);a&&a.is("artboard")&&a.hasChildren()||this.$selection.selectById(i)}this.selectCurrent.apply(this,E()(this.$selection.items)),this.initializeDragSelection(),this.emit("history.refreshSelection")}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool")}},{key:"calculateMovedElement",value:function(){var t=this,e=this.$config.get("bodyEvent"),n=this.$viewport.createWorldPosition(e.clientX,e.clientY),r=a.floor([],a.subtract([],n,this.initMousePoint));this.selectionToolView.moveTo(r),this.$selection.changeArtBoard()&&(this.initMousePoint=n,this.$selection.reselect(),this.$snapManager.clear(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.emit("refreshSelectionTool",!0)),this.nextTick((function(){t.emit("refreshSelectionStyleView"),t.emit("refreshSelectionTool",!1),t.emit("refreshRect")}))}},{key:lm("refreshArtBoardName"),value:function(t,e){this.$el.$("[data-id='".concat(t,"'] > .artboard-title")).html(e)}},{key:"calculateEndedElement",value:function(t,e){var n=this,r=this.$config.get("bodyEvent").xy,i=r.x-this.startXY.x,a=r.y-this.startXY.y;if(0===i&&0===a){if(this.$selection.current.isSVG())return void this.emit("openPathEditor")}else this.nextTick((function(){n.command("setAttributeForMulti","move item",n.$selection.cloneValue("x","y","width","height"))}))}},{key:Ls("$body"),value:function(){var t=this.$editor,e=t.canvasWidth,n=t.canvasHeight;return{"data-mode":t.mode,tabIndex:-1,style:{width:Lo.px(e),height:Lo.px(n)}}}},{key:Ls("$view"),value:function(){var t=this.$viewport,e=t.translate,n=t.transformOrigin,r=t.scale,i="translate(".concat(e[0],"px, ").concat(e[1],"px) scale(").concat(r||1,")"),a="".concat(n[0],"px ").concat(n[1],"px");return this.refs.$view.$$(".artboard-title").forEach((function(t){t.css("transform-origin","bottom left"),t.css("transform","scale(".concat(1/r,")"))})),{style:{"transform-origin":a,transform:i}}}},{key:"selectCurrent",value:function(){var t=this;this.state.cachedCurrentElement={};var e=this.$el.$$(".selected");e.length&&e.forEach((function(t){return t.removeClass("selected")}));for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];if(r.length){var a=r.map((function(t){return"[data-id='".concat(t.id,"']")})).join(","),o=this.$el.$$(a);o.length&&o.forEach((function(e){t.state.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")}))}}},{key:lm("refreshCanvasForPartial","refreshSelectionStyleView"),value:function(t){var e=this,n=t?[t]:this.$selection.items;n.forEach((function(t){e.updateElement(t)})),this.selectCurrent.apply(this,E()(n))}},{key:"updateElement",value:function(t){t&&wS.update(t,this.getElement(t.id))}},{key:"updateTimelineElement",value:function(t){t&&wS.update(t,this.getElement(t.id))}},{key:lm("playTimeline","moveTimeline"),value:function(){var t=this,e=this.$selection.currentProject,n=e.getSelectedTimeline();n&&n.animations.map((function(t){return e.searchById(t.id)})).forEach((function(e){t.updateTimelineElement(e,!0,!1)}))}},{key:lm("refreshAllCanvas"),value:function(){var t=this.$selection.currentProject,e=wS.render(t)||"";this.setState({html:e},!1),this.refs.$view.updateDiff(e),this.bindData("$view")}},{key:lm("refreshAllElementBoundSize"),value:function(){var t=this,e=this.$selection.items.map((function(t){return t.is("artboard")?t:t.parent}));E()(new Set(e)).forEach((function(e){t.trigger("refreshElementBoundSize",e)}))}},{key:lm("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(),i=r.x,a=r.y,o=r.width,s=r.height;t.reset({x:Lo.px(i),y:Lo.px(a),width:Lo.px(o),height:Lo.px(s)}),e.trigger("refreshSelectionStyleView",t,!0)}}e.trigger("refreshElementBoundSize",t)}))}},{key:lm("updateViewport"),value:function(){this.bindData("$view")}},{key:"selectionToolView",get:function(){return this.$selection.isMany?this.children.$groupSelectionTool:this.children.$selectionTool}}]),e}(um);Qs({HTMLRenderView:x$});var w$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{NumberInputEditor:qm}}},{key:"template",value:function(){return"     \n      <div class='page-tools'>\n        <button type='button' ref='$minus'>".concat(Jg.remove2,"</button>\n        <div class='select'>\n          <object refClass=\"NumberInputEditor\"  ref='$scale' min='10' max='240' step=\"1\" key=\"scale\" value=\"").concat(100*this.$viewport.scale,"\" onchange=\"changeRangeEditor\" />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(Jg.add,"</button>        \n        <button type='button' ref='$center'>").concat(Jg.gps_fixed,"</button>                \n      </div>\n\n    ")}},{key:lm("updateViewport"),value:function(){var t=Math.floor(100*this.$viewport.scale);this.children.$scale.setValue(t)}},{key:lm("changeRangeEditor")+Ps(1e3),value:function(t,e){this.$viewport.setScale(e/100),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:Yo("$plus")+Es+Ts,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t+.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:Yo("$minus")+Es+Ts,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t-.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:Yo("$center")+Es+Ts,value:function(){this.emit("moveSelectionToCenter")}}]),e}(um),S$={"segment-move":"modify",modify:"modify",path:"path"},P$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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 Cx}},{key:lm("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"]||Lo.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Lo.number(1)))}},{key:"template",value:function(){this.$selection.current;return("\n      <div class='path-manager'>\n        <div class='tools' ref='$mode' data-selected-value='".concat(this.state.mode,"'>\n            <button type=\"button\" data-value='modify' title='").concat(this.$i18n("path.manager.mode.modify"),"' > ").concat(Jg.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(Jg.control_point,"</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(Jg.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(Jg.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(Jg.flip,"</button>\n        </div>\n\n        <div class='tools' ref='$util'>\n            <button type=\"button\" data-value='reverse' title='").concat(this.$i18n("path.manager.mode.transform"),"' >").concat(Jg.swap_horiz,'</button>\n        </div>        \n        <div class=\'tools\'>      \n          <div>\n            <object refClass="FillSingleEditor" ref="$fill" simple="true" label="').concat(this.$i18n("svg.item.property.fill"),'" key="fill" onchange="changeValue" />\n          </div>\n          <div>\n            <object refClass="FillSingleEditor" ref="$stroke" simple="true" label="').concat(this.$i18n("svg.item.property.stroke"),'" key="stroke" onchange="changeValue" />\n          </div>      \n          <div >\n            <span \n              refClass="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            <span \n              refClass="NumberInputEditor" \n              ref="$strokeWidth" \n              label="').concat(this.$i18n("svg.item.property.strokeWidth"),'" \n              key="stroke-width" \n              onchange="changeValue"\n            />\n          </div>\n        </div>\n      </div>    \n    '))}},{key:lm("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.command("setAttribute","change color assets",{stroke:e},null,!0))}},{key:lm("changeValue"),value:function(t,e,n){this.command("setAttribute","change path",S()({},t,e),null,!0),this.updateData(S()({},t,e))}},{key:Ls("$mode"),value:function(){return{"data-selected-value":S$[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:Yo("$flip button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathTransform",e)}},{key:Yo("$util button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathUtil",e)}},{key:Yo("$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:lm("changePathManager"),value:function(t){this.setState({mode:t})}},{key:lm("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:lm("hidePathManager"),value:function(){this.$el.hide()}}]),e}(um);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}var O$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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?j$(Object(n),!0).forEach((function(e){S()(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}({},Cx)}},{key:lm("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"]||Lo.number(1)))}},{key:lm("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            <object refClass="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            <object refClass="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            <object refClass="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            <object refClass="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            <object refClass="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:lm("changeValue"),value:function(t,e,n){this.updateData(S()({},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:lm("changePathManager"),value:function(t){this.setState({mode:t})}},{key:lm("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:lm("hideDrawManager"),value:function(){this.$el.hide()}}]),e}(um),$$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{PathManager:P$,DrawManager:O$}}},{key:"template",value:function(){return"\n      <div class='page-subeditor'>\n        <object refClass='PathManager' />\n        <object refClass='DrawManager' />\n        <object refClass='SelectionManager' />\n      </div>\n    "}}]),e}(um),C$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{PageTools:w$,HTMLRenderView:x$,PageSubEditor:$$}}},{key:"initState",value:function(){return{cursor:"auto",cursorArgs:[]}}},{key:"afterRender",value:function(){var t=this;this.emit("load.json"),this.trigger("resizeCanvas"),this.nextTick((function(){t.emit("moveSelectionToCenter")}))}},{key:"template",value:function(){return"\n      <div class='page-container' tabIndex=\"-1\" ref='$container'>\n        <div class='page-view'>\n          <div class='page-lock scrollbar' ref='$lock'>\n            <object refClass='HTMLRenderView' ref='$elementView' />\n            <div ref='$viewport'></div>\n          </div>\n        </div>\n        \x3c!--<PageSubEditor /> --\x3e\n        <object refClass='PageTools' />\n      </div>\n    "}},{key:"makeViewportConsole",value:function(){if(!this.$viewport.verties)return"";var t=this.$viewport.pos;return("\n      <div style='background-color: rgba(0, 0, 0, 0.5); color: white;position:absolute;left:0px;top:0px;bottom:0px;right:0px;pointer-events:none;'>\n        <div style='position:absolute;width:1px;height:100%;top:0px;left:50%;transform:translateX(-50%);background-color:black;'></div>  \n        <div style='position:absolute;height:1px;width:100%;top:50%;transform:translateY(-50%);background-color:black;'></div>                \n        <div style='position:absolute;display:inline-block;left:0px;top:50%;transform:translateY(-50%);'>".concat(Math.floor(this.$viewport.minX),"</div>\n        <div style='position:absolute;display:inline-block;right:0px;top:50%;transform:translateY(-50%);'>").concat(Math.floor(this.$viewport.maxX),"</div>\n        <div style='position:absolute;display:inline-block;left:50%;top:0px;transform:translateX(-50%)'>").concat(Math.floor(this.$viewport.minY),"</div>\n        <div style='position:absolute;display:inline-block;left:50%;bottom:0px;transform:translateX(-50%)'>").concat(Math.floor(this.$viewport.maxY),"</div>\n        <div style='position:absolute;top:50%;left:50%;display:inline-block;'>").concat(this.$viewport.transformOrigin.map((function(t){return Math.floor(t)})).join(", "),"</div>\n        <div style='position:absolute;left:").concat(t[0],"%;top:").concat(t[1],"%;display:inline-block;'>\n          mouse: ").concat(this.$viewport.mouse.map((function(t){return Math.floor(t)})).join(", ")," <br />\n          translate: ").concat(this.$viewport.translate.join(", ")," <br />          \n          zoom : ").concat(this.$viewport.zoomFactor," <br />\n        </div>                  \n\n      </div>\n    "))}},{key:"checkSpace",value:function(){return this.$keyboardManager.check(this.$shortcuts.getGeneratedKeyCode(of.space))}},{key:ss("$lock")+ms("checkSpace")+$s("movePan"),value:function(t){this.lastDist=a.create(),this.emit("addStatusBarMessage",this.$i18n("viewport.panning.enable"))}},{key:"movePan",value:function(t,e){var n,r=a.fromValues(t,e,0);(n=this.$viewport).pan.apply(n,E()(a.transformMat4([],a.subtract([],this.lastDist,r),this.$viewport.scaleMatrixInverse))),this.lastDist=r}},{key:Ls("$viewport"),value:function(){return""}},{key:Ls("$container"),value:function(){var t,e;return Hs.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,Hs.a.awrap((t=this.$editor.cursorManager).load.apply(t,[this.state.cursor].concat(E()(this.state.cursorArgs||[]))));case 2:return e=n.sent,n.abrupt("return",{style:{cursor:e}});case 4:case"end":return n.stop()}}),null,this)}},{key:qo("$lock")+Es,value:function(){}},{key:Zo("$lock")+Es,value:function(t){if(t.dataTransfer.getData("text/artboard")){var e=this.$viewport.createWorldPosition(t.clientX,t.clientY);this.emit("drop.asset",{artboard:{id:t.dataTransfer.getData("text/artboard"),center:e}})}else{$m.getAllDropItems(t);var n=Ro.create(t.target).attr("data-id");if(n)this.emit("drop.asset",{gradient:t.dataTransfer.getData("text/gradient"),pattern:t.dataTransfer.getData("text/pattern"),color:t.dataTransfer.getData("text/color"),imageUrl:t.dataTransfer.getData("image/info")},n);else{var r=t.dataTransfer.getData("image/info");this.emit("dropImageUrl",r)}}}},{key:ds("$lock")+Es,value:function(t){var e=this,n=function(t){var e=t.deltaX,n=t.deltaY;if(0===e&&t.shiftKey){var r=[e,n];n=r[0],e=r[1]}return t.deltaMode===WheelEvent.DOM_DELTA_LINE?n*=8:t.deltaMode===WheelEvent.DOM_DELTA_PAGE&&(n*=24),[Rs(e,24),Rs(n,24),0]}(t),r=j()(n,2),i=r[0],a=r[1];if(this.state.gesture)if(t.ctrlKey){var o=1-2.5*a/100;this.$viewport.zoom(o)}else{var s=-2.5*i,c=-2.5*a;this.$viewport.pan(-s/this.$viewport.scale,-c/this.$viewport.scale,0)}else t.ctrlKey&&this.$viewport.setMousePoint(t.clientX,t.clientY),this.emit("startGesture"),this.state.gesture=!0;clearTimeout(this.state.timer),this.state.timer=setTimeout((function(){e.state.gesture=void 0,e.emit("endGesture")}),200)}},{key:"refreshCanvasSize",value:function(){this.$viewport.refreshCanvasSize(this.refs.$lock.rect())}},{key:lm("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}},{key:lm("updateViewport"),value:function(){this.bindData("$viewport")}},{key:lm("changeIconView"),value: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];"".concat(this.state.cursor," ").concat(this.state.cursorArgs)!=="".concat(t," ").concat(n)&&(this.state.cursor=t,this.state.cursorArgs=n,this.bindData("$container"))}}]),e}(um);Qs({CanvasView:C$});var E$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return fP}},{key:"template",value:function(){return"\n      <div class='tool-menu center'>\n        <div class='items'>\n          <div class='draw-items' ref='$items' data-selected-value=\"".concat(this.$editor.layout,"\">\n\n            <object refClass='SelectTool' />\n            <object refClass='AddArtBoard' />\n            <span data-item='css'>\n              <object refClass='AddRect' />\n              <object refClass='AddCircle' />         \n              <object refClass='AddText' />\n              <object refClass='AddImage' />\n              <object refClass='AddVideo' />\n            </span>            \n            <span data-item='svg'>\n              <div class='divider'></div>\n              <object refClass='AddDrawPath' />\n              <object refClass='AddPath' />\n              <object refClass='AddSVGRect' />\n              <object refClass='AddSVGCircle' />            \n              \x3c!-- <AddSVGText /> --\x3e\n              <object refClass='AddSVGTextPath' />\n              <object refClass='AddPolygon' />\n            </span>\n          </div>\n        </div>\n\n      </div>\n    ")}},{key:lm("changedEditorlayout"),value:function(){this.refs.$items.attr("data-selected-value",this.$editor.layout)}},{key:lm("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:Yo("$items button"),value:function(t){t.$dt.onlyOneClass("selected")}}]),e}(um);Qs({ToolMenu:E$});var T$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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    "}}]),e}(um);Qs({LogoView:T$});var V$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return fP}},{key:"template",value:function(){return'\n      <div class=\'external-tool-menu  right\'>\n        <div class=\'items\'>\n          <object refClass="Download" />\n          <object refClass="Save" />\n          <object refClass="Github" />\n          <object refClass="Manual" />\n          \x3c!-- LoginButton /--\x3e\n          \x3c!-- SignButton /--\x3e\n        </div>                \n      </div>\n    '}}]),e}(um);Qs({ExternalToolMenu:V$});var M$=Object.keys(Oh),D$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:bm}}},{key:"template",value:function(){var t=this,e=M$.map((function(e){var n=t.$i18n("app.lang.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='status-selector'>\n                <label>".concat(this.$i18n("app.label.lang"),"</label>\n                <div class='item'>\n                    <object refClass=\"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:lm("changeLocale"),value:function(t,e){this.emit("setLocale",e)}}]),e}(um),I$=["dark","light","toon"],L$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:bm}}},{key:"template",value:function(){var t=this,e=I$.map((function(e){var n=t.$i18n("app.theme.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='status-selector'>\n                <label>".concat(this.$i18n("app.label.theme"),"</label>\n                <div class='item'>\n                    <object refClass=\"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:lm("changeItem"),value:function(t,e){this.emit("switchTheme",e)}}]),e}(um),R$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:bm}}},{key:"template",value:function(){var t=this,e=["all","css","svg"].map((function(e){var n=t.$i18n("app.layout.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='status-selector'>\n                <label>".concat(this.$i18n("app.label.layout"),"</label>\n                <div class='item'>\n                    <object refClass=\"SelectEditor\"  \n                        ref='$locale' \n                        options=\"").concat(e,'" \n                        value="').concat(this.$editor.layout,'" \n                        onchange="changeEditorLayoutValue"\n                    /> \n                </div>\n            </div>\n        ')}},{key:lm("changeEditorLayoutValue"),value:function(t,e){this.emit("setEditorLayout",e)}}]),e}(um),A$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{version:"0.10.6"}}},{key:"template",value:function(){return'<div class="version-view">v'.concat(this.state.version,"</div>")}}]),e}(um),z$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{LayoutSelector:R$,LanguageSelector:D$,ThemeSwitcher:L$,VersionView:A$}}},{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                    <object refClass=\"LayoutSelector\" />\n                    <object refClass=\"ThemeSwitcher\" />\n                    <object refClass=\"LanguageSelector\" />\n                    <object refClass=\"VersionView\" />\n                </div>\n            </div>\n        "}},{key:"initState",value:function(){return{msg:""}}},{key:Ls("$msg"),value:function(){return{text:this.state.msg}}},{key:lm("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}]),e}(um);Qs({StatusBar:z$});var F$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n            <div class='notification-view'>\n            </div>\n        "}},{key:fs("$el"),value:function(t){Ro.create(t.target).remove()}},{key:Yo("$el .item > .icon"),value:function(t){t.$dt.parent().remove()}},{key:"getMessageTemplate",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:2e3;return("\n        <div class='item ".concat(t,"' style='transition-duration: ").concat(r,"ms;'>\n            <div class='title'>").concat(e,"</div> \n            <div class='description'>").concat(n,"</div>\n            <span class='icon'>").concat(Jg.close,"</span>\n        </div>\n    "))}},{key:lm("notify"),value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:2e3,i=Ro.createByHTML(this.getMessageTemplate(t,e,n,r));this.$el.prepend(i),setTimeout((function(t){t.css("opacity",0)}),100,i)}}]),e}(um);Qs({NotificationView:F$});var B$=[],G$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n            <div class=\"horizontal-ruler\">\n                <div class='horizontal-ruler-container' ref='$layerRuler'></div>                            \n                <div class='horizontal-ruler-container' ref='$ruler'></div>\n            </div>\n        "}},{key:"afterRender",value:function(){this.refreshCanvasSize()}},{key:"refreshCanvasSize",value:function(){this.state.rect=this.$el.rect()}},{key:"makeLine",value:function(t,e,n,r,i,a){var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:3,s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,l=n-n%e,u=r+r%e,h=(l-n)/i*a,p=(l+e-n)/i*a;if(!(Math.abs(p-h)<o))for(var d=l;d<u;d+=e)if(0==d||d%c!=0){var f=Math.floor((d-n)/i*a);t.push("M ".concat(f," ").concat(30-s," L ").concat(f," 30 "))}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=(arguments.length>6&&void 0!==arguments[6]&&arguments[6],arguments.length>7&&void 0!==arguments[7]?arguments[7]:10),s=[],c=e-e%t,l=n+n%t,u=(c-e)/r*i,h=(c+t-e)/r*i;if(!(Math.abs(h-u)<a)){for(var p=c;p<l;p+=t)if(0==p||p%o!=0){var d=Math.floor((p-e)/r*i);s.push('<text x="'.concat(d,'" y="',0,'" dx="2" dy="8" text-anchor="middle" alignment-baseline="bottom" >').concat(p,"</text>"))}return s.join("")}}},{key:"makeRulerForCurrentArtboard",value:function(){var t=this.$selection.current;if(!t)return"";var e=t.artboard;if(!e)return"";var n=e.verties(),r=this.$viewport,i=r.minX,a=(r.maxX,r.width),o=this.state.rect.width,s=(n[0][0]-i)/a*o,c=(n[2][0]-i)/a*o;return"\n            M ".concat(s," 20 \n            L ").concat(s," 30 \n            L ").concat(c," 30 \n            L ").concat(c," 20 \n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var t=this.$selection.verties.map((function(t){return t[0]})),e=Math.min.apply(Math,E()(t)),n=Math.max.apply(Math,E()(t)),r=this.$viewport,i=r.minX,a=r.width,o=this.state.rect.width,s=(e-i)/a*o,c=(n-i)/a*o;return"\n            M ".concat(s," 10 \n            L ").concat(s," 20 \n            L ").concat(c," 20 \n            L ").concat(c," 10 \n            Z\n        ")}},{key:"makeRuler",value:function(){var t=this.$viewport,e=t.minX,n=t.maxX,r=t.width,i=this.state.rect.width;return B$=[],this.makeLine(B$,200,e,n,r,i,10,20,1e4),this.makeLine(B$,100,e,n,r,i,10,20,200),this.makeLine(B$,50,e,n,r,i,10,20,100),this.makeLine(B$,10,e,n,r,i,10,20,50),this.makeLine(B$,5,e,n,r,i,10,20,10),this.makeLine(B$,1,e,n,r,i,10,20,5),this.makeLine(B$,.5,e,n,r,i,10,20,1),B$.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minX,n=t.maxX,r=t.width,i=this.state.rect.width;return[this.makeLineText(200,e,n,r,i,5,25,1e4),this.makeLineText(100,e,n,r,i,5,20,200),this.makeLineText(50,e,n,r,i,20,18,100),this.makeLineText(10,e,n,r,i,20,15,50),this.makeLineText(5,e,n,r,i,20,13,10),this.makeLineText(1,e,n,r,i,20,20,5)].join("")}},{key:Vs("$ruler")+Ss,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" width="100%" overflow="hidden">\n                <path d="'.concat(this.makeRuler(),'" fill="transparent" stroke-width="0.5" stroke="white" transform="translate(0.5, 0)" />\n                ').concat(this.makeRulerText(),"                \n            </svg>\n        ")}},{key:Vs("$layerRuler")+Ss,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" width="100%" overflow="hidden">\n                <path d="'.concat(this.makeRulerForCurrent(),'" fill="rgba(100, 255, 255, 0.5)" />\n            </svg>\n        ')}},{key:lm("updateViewport"),value:function(){this.refresh()}},{key:lm("refreshSelection","refreshRect"),value:function(){this.load("$layerRuler")}},{key:lm("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),e}(um);Qs({HorizontalRuler:G$});var H$=[],N$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n            <div class=\"vertical-ruler\">\n                <div class='vertical-ruler-container' ref='$layerRuler'></div>                                        \n                <div class='vertical-ruler-container' ref='$body'></div>\n            </div>\n        "}},{key:"afterRender",value:function(){this.refreshCanvasSize()}},{key:"refreshCanvasSize",value:function(){this.state.rect=this.$el.rect()}},{key:"makeLine",value:function(t,e,n,r,i,a){var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:3,s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,l=n-n%e,u=r+r%e,h=(l-n)/i*a,p=(l+e-n)/i*a;if(!(Math.abs(p-h)<o))for(var d=l;d<u;d+=e)if(0==d||d%c!=0){var f=Math.floor((d-n)/i*a);t.push("M ".concat(30-s," ").concat(f," L 30 ").concat(f))}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=(arguments.length>6&&void 0!==arguments[6]&&arguments[6],arguments.length>7&&void 0!==arguments[7]?arguments[7]:10),s=[],c=e-e%t,l=n+n%t,u=(c-e)/r*i,h=(c+t-e)/r*i;if(!(Math.abs(h-u)<a)){for(var p=c;p<l;p+=t)if(!(p>0&&p%o==0)){var d=Math.floor((p-e)/r*i);s.push('<text x="'.concat(1,'" y="',d,'" dy="3" dx="-4" transform="rotate(270, 5, ').concat(d,')">').concat(p,"</text>"))}return s.join("")}}},{key:"makeRulerForCurrentArtboard",value:function(){var t=this.$selection.current;if(!t)return"";var e=t.artboard;if(!e)return"";var n=e.verties(),r=this.$viewport,i=r.minY,a=(r.maxY,r.height),o=this.state.rect.height,s=(n[0][1]-i)/a*o,c=(n[2][1]-i)/a*o;return"\n            M 20 ".concat(s,"\n            L 30 ").concat(s,"\n            L 30 ").concat(c,"\n            L 20 ").concat(c,"\n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var t=this.$viewport,e=t.minY,n=(t.maxY,t.height),r=this.state.rect.height,i=this.$selection.verties.map((function(t){return t[1]})),a=(Math.min.apply(Math,i)-e)/n*r,o=(Math.max.apply(Math,i)-e)/n*r;return"\n            M 10 ".concat(a,"\n            L 20 ").concat(a,"\n            L 20 ").concat(o,"\n            L 10 ").concat(o,"\n            Z\n        ")}},{key:"makeRuler",value:function(){var t=this.$viewport,e=t.minY,n=t.maxY,r=t.height,i=this.state.rect.height;return H$=[],this.makeLine(H$,200,e,n,r,i,10,18,1e4),this.makeLine(H$,100,e,n,r,i,10,18,200),this.makeLine(H$,50,e,n,r,i,10,18,100),this.makeLine(H$,10,e,n,r,i,10,18,50),this.makeLine(H$,5,e,n,r,i,10,18,10),this.makeLine(H$,1,e,n,r,i,10,18,5),this.makeLine(H$,.5,e,n,r,i,10,18,1),H$.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minY,n=t.maxY,r=t.height,i=this.state.rect.height;return[this.makeLineText(200,e,n,r,i,5,25,1e4),this.makeLineText(100,e,n,r,i,5,22,200),this.makeLineText(50,e,n,r,i,20,18,100),this.makeLineText(10,e,n,r,i,20,15,50),this.makeLineText(5,e,n,r,i,20,12,10),this.makeLineText(1,e,n,r,i,20,10,5)].join("")}},{key:Vs("$body")+Ss,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" height="100%" overflow="hidden">\n                <path d="'.concat(this.makeRuler(),'" fill="transparent" stroke-width="0.5" stroke="white" transform="translate(0, 0.5)" />\n                ').concat(this.makeRulerText(),"\n            </svg>\n        ")}},{key:Vs("$layerRuler")+Ss,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" height="100%" overflow="hidden">\n                <path d="'.concat(this.makeRulerForCurrent(),'" fill="rgba(100, 255, 255, 0.5)" />\n            </svg>\n        ')}},{key:lm("updateViewport"),value:function(){this.refresh()}},{key:lm("refreshSelection","refreshRect"),value:function(){this.load("$layerRuler")}},{key:lm("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),e}(um);Qs({VerticalRuler:N$});var X$=["TEXTAREA","INPUT","SELECT"],Y$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initialize",value:function(){Bs()(So()(e.prototype),"initialize",this).call(this);var t=Ro.body();t.attr("data-theme",this.$editor.theme),t.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initState",value:function(){return{hideLeftPanel:!1,hideRightPanel:!1,leftSize:340,rightSize:300,bottomSize:30,lastBottomSize:150}}},{key:lm("changed.locale"),value:function(){this.rerender()}},{key:"template",value:function(){return"\n      <div class=\"layout-main\">\n        <div class='layout-top' ref='$top'>\n          <div class='logo-item'>\n            <label class='logo' title='EasyLogic Studio'></label>\n          </div>      \n          <object refClass=\"ToolMenu\" />\n          <object refClass='PageSubEditor' />    \n        </div>\n        <div class=\"layout-middle\" ref='$middle'>\n          <div class=\"layout-header\" ref='$headerPanel'>\n  \n          </div>        \n          <div class=\"layout-body\" ref='$bodyPanel'>\n            <object refClass='HorizontalRuler' />\n            <object refClass='VerticalRuler' />\n            <object refClass='CanvasView' />        \n          </div>                           \n          <div class='layout-left' ref='$leftPanel'>\n            <object refClass='ObjectList' />\n          </div>\n          <div class=\"layout-right\" ref='$rightPanel'>\n            <object refClass='Inspector' />\n          </div>\n\n          <div class='layout-footer' ref='$footerPanel'>\n            <div class='footer-splitter' ref='$footerSplitter' title=\"".concat(this.$i18n("timeline.property.resize"),"\"></div>\n            <object refClass='TimelineProperty' />\n          </div>   \n          <div class='splitter' ref='$splitter'></div>\n          <button type=\"button\" class='toggleLeft' ref='$toggleLeftButton'></button>\n          <button type=\"button\" class='toggleRight' ref='$toggleRightButton'></button>\n        </div>\n        \n        <object refClass='StatusBar' />\n        <object refClass='Test' />\n        <object refClass='ColorPickerPopup' />\n        <object refClass='BoxShadowPropertyPopup' />\n        <object refClass='BackgroundImagePositionPopup' />\n        <object refClass='TextShadowPropertyPopup' />\n        <object refClass='AnimationPropertyPopup' />\n        <object refClass='TransitionPropertyPopup' />\n        <object refClass='KeyframePopup' />\n        <object refClass='ClipPathPopup' />\n        <object refClass='SVGPropertyPopup' />\n        <object refClass='SelectorPopup' />\n        <object refClass='ImageSelectPopup' />\n        <object refClass='GradientPickerPopup' />\n        <object refClass='FillPickerPopup' />\n        <object refClass='PatternInfoPopup' />\n        <object refClass='SVGFilterPopup' />\n        <object refClass='ExportWindow' />\n        <object refClass='ShortcutWindow' />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        \x3c!-- ImageFileView / --\x3e\n        <object refClass='NotificationView' />\n      </div>\n    ")}},{key:Ls("$headerPanel"),value:function(){var t="".concat(this.state.leftSize,"px"),e="".concat(this.state.rightSize,"px");return this.state.hideLeftPanel&&(t="0px"),this.state.hideRightPanel&&(e="0px"),{style:{left:t,right:e}}}},{key:Ls("$splitter"),value:function(){var t="".concat(this.state.leftSize,"px");return this.state.hideLeftPanel&&(t="0px"),{style:{left:t}}}},{key:Ls("$leftPanel"),value:function(){var t="0px",e=Lo.px(this.state.leftSize),n=Lo.px(this.state.bottomSize);return this.state.hideLeftPanel&&(t="-".concat(this.state.leftSize,"px")),{style:{left:t,width:e,bottom:n}}}},{key:Ls("$toggleLeftButton"),value:function(){var t="0px",e=Jg.arrowRight;return!1===this.state.hideLeftPanel&&(t="".concat(this.state.leftSize,"px"),e=Jg.arrowLeft),{style:{left:t},html:e}}},{key:Ls("$toggleRightButton"),value:function(){var t="0px",e=Jg.arrowLeft;return!1===this.state.hideRightPanel&&(t="".concat(this.state.rightSize,"px"),e=Jg.arrowRight),{style:{right:t},html:e}}},{key:Ls("$rightPanel"),value:function(){var t="0px",e=Lo.px(this.state.bottomSize);return this.state.hideRightPanel&&(t="-".concat(this.state.rightSize,"px")),{style:{right:t,bottom:e}}}},{key:Ls("$bodyPanel"),value:function(){var t="".concat(this.state.leftSize,"px"),e="".concat(this.state.rightSize,"px"),n="".concat(this.state.bottomSize,"px");return this.state.hideLeftPanel&&(t="0px"),this.state.hideRightPanel&&(e="0px"),{style:{left:t,right:e,bottom:n}}}},{key:Ls("$footerPanel"),value:function(){return{style:{height:Lo.px(this.state.bottomSize)}}}},{key:"components",value:function(){return{ToolMenu:E$,PageSubEditor:$$,CanvasView:C$,LogoView:T$,ExternalToolMenu:V$,StatusBar:z$,PreviewToolMenu:iO,NotificationView:F$,HorizontalRuler:G$,VerticalRuler:N$}}},{key:ss("$splitter")+$s("moveSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=Lo.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)})}},{key:ss("$footerSplitter")+$s("moveFooterSplitter"),value:function(){this.minFooterSize=this.$theme("bottom_size"),this.maxFooterSize=this.$theme("bottom_max_size"),this.bottomSize=Lo.parse(this.refs.$footerPanel.css("height")).value}},{key:"moveFooterSplitter",value:function(t,e){var n=Math.max(Math.min(this.bottomSize-e,this.maxFooterSize),this.minFooterSize);this.setState({bottomSize:n,lastBottomSize:n}),this.trigger("changeTimelineHeight")}},{key:lm("changeTimelineHeight")+Os(100),value:function(){this.emit("refreshTimeline")}},{key:"refresh",value:function(){this.bindData("$splitter"),this.bindData("$headerPanel"),this.bindData("$leftPanel"),this.bindData("$rightPanel"),this.bindData("$toggleRightButton"),this.bindData("$toggleLeftButton"),this.bindData("$bodyPanel"),this.bindData("$footerPanel"),this.emit("resizeEditor")}},{key:Yo("$toggleRightButton"),value:function(){var t=this;this.toggleState("hideRightPanel"),setTimeout((function(){t.emit("resizeCanvas")}),100)}},{key:Yo("$toggleLeftButton"),value:function(){var t=this;this.toggleState("hideLeftPanel"),setTimeout((function(){t.emit("resizeCanvas")}),100)}},{key:lm("changeTheme"),value:function(){Ro.body().attr("data-theme",this.$editor.theme)}},{key:lm("toggleFooter"),value:function(t){this.$el.toggleClass("show-footer",t),this.$el.hasClass("show-footer")?30===this.state.bottomSize&&(this.state.bottomSize=this.state.lastBottomSize||this.$theme("bottom_size")):this.state.bottomSize=30,this.refresh()}},{key:fs("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:lm("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:lm("refreshAllSelectProject"),value:function(){this.emit("refreshArtboard")}},{key:qo("$middle")+Es,value:function(t){}},{key:Zo("$middle")+Es,value:function(t){}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName;return!X$.includes(e)&&"true"!==Ro.create(t.target).attr("contenteditable")}},{key:Ko("document")+ms("isNotFormElement"),value:function(t){this.emit("keymap.keydown",t)}},{key:Wo("document")+ms("isNotFormElement"),value:function(t){this.emit("keymap.keyup",t)}}]),e}(um);function _$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function K$(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?_$(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):_$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function W$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qs({DesignEditor:Y$});var U$=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?W$(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):W$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},kp,{},Ou,{BackgroundImage:eu,BorderImage:function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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 Cl({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,i=t.radialType,a=t.radialPosition,o=e.toJSON();switch(delete o.itemType,delete o.type,t.type){case"static-gradient":return new Pl(K$({},o,{colorsteps:n}));case"linear-gradient":return new Il(K$({},o,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new Ll(K$({},o,{colorsteps:n,angle:r}));case"radial-gradient":return new Bl(K$({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new Gl(K$({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new _l(K$({},o,{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new Kl(K$({},o,{colorsteps:n,angle:r,radialPosition:a}))}return new wl}},{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{itemType:"border-image",checked:!1,repeat:"stretch",slice:{},width:{},image:Pl.create()})}},{key:"convert",value:function(t){return Object.keys(t.slice).forEach((function(e){t.slice[e]=Lo.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 K$({},this.toBorderImageCSS(),{},this.toBorderImageRepeatCSS(),{},this.toBorderImageSliceCSS(),{},this.toBorderImageWidthCSS())}},{key:"toString",value:function(){return Ei(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}}],[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=null;if(t["border-image"]){var r=_a(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(i,a){var o=null;i=Wa(i,r.matches);var s=t["border-image"].replace(i,"").split(" ").map((function(t){return Lo.parse(t)}));i.includes("repeating-linear-gradient")?o=Ll.parse(i):i.includes("linear-gradient")?o=Il.parse(i):i.includes("repeating-radial-gradient")?o=Gl.parse(i):i.includes("radial")?o=Bl.parse(i):i.includes("repeating-conic-gradient")?o=Kl.parse(i):i.includes("conic")?o=_l.parse(i):i.includes("url")&&(o=Cl.parse(i)),n=new e({type:o.type,image:o});var c=s.filter((function(t){return Gi(t.value)}));1===c.length?n.reset({slice:{top:c[0].clone(),bottom:c[0].clone(),left:c[0].clone(),right:c[0].clone()}}):2===c.length?n.reset({slice:{top:c[0].clone(),bottom:c[0].clone(),left:c[1].clone(),right:c[1].clone()}}):3===c.length?n.reset({slice:{top:c[0].clone(),bottom:c[2].clone(),left:c[1].clone(),right:c[1].clone()}}):4===c.length&&n.reset({slice:{top:c[0].clone(),bottom:c[2].clone(),left:c[3].clone(),right:c[1].clone()}})}))}return n}}]),e}(Pc),BoxShadow:Jc}),Z$={ColorStep:ml,ConicGradient:_l,LinearGradient:Il,RadialGradient:Bl,RepeatingConicGradient:Kl,RepeatingLinearGradient:Ll,RepeatingRadialGradient:Gl,URLImageResource:Cl},q$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"is",value:function(){for(var t,n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return!!r.includes("component")||(t=Bs()(So()(e.prototype),"is",this)).call.apply(t,[this].concat(r))}},{key:"getProps",value:function(){return[]}}]),e}(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){S()(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}zc.registerComponent("component",q$);var tC=["front","back","left","right","top","bottom"],eC={"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"},nC={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},rC={filter:!0,"mix-blend-mode":!0,"background-image":!0,"border-radius":!0,border:!0},iC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Q$({itemType:"cube",name:"New Cube","transform-style":"preserve-3d","backface-visibility":"visible",rate:Lo.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(E()(tC.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"],E()(tC.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(eC[e.property]),properties:[Q$({},e,{property:"background-color"})]}),e.property.includes(".background")&&t.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(eC[e.property]),properties:[Q$({},e,{property:"background-image"})]})}},{key:"toAnimationKeyframes",value:function(t){var e=this,n=[],r=[],i=[];t.forEach((function(t){t.property.includes(".color")||t.property.includes(".background")?n.push(t):nC[t.property]?r.push(t):rC[t.property]&&i.push(t)}));var a=[];return r.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"]'),properties:r}),i.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"] div'),properties:i}),n.length&&n.forEach((function(t){e.setCustomKeyframes(a,t)})),a}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).rate=Lo.parse(t.rate),t}},{key:"toCloneObject",value:function(){var t=this,n={};return tC.forEach((function(e){n["".concat(e,".color")]=t.json["".concat(e,".color")],n["".concat(e,".background")]=t.json["".concat(e,".background")]})),Q$({},Bs()(So()(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 Jg.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",Q$({},t,{},this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return Q$({},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,i=n.value/2,a=r.value/2,o=t["backface-visibility"],s=Q$({},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(Ji(s),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";     \n          backface-visibility: ").concat(o,";          \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(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";        \n          backface-visibility: ").concat(o,";              \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(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";    \n          backface-visibility: ").concat(o,";          \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(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";      \n          backface-visibility: ").concat(o,";          \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(a*e,"px);\n          top: ").concat(a-i,"px;\n          width: ").concat(n,";\n          height: ").concat(n,";\n          backface-visibility: ").concat(o,";          \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(a*e,"px);\n          top: ").concat(a-i,"px;          \n          width: ").concat(n,";\n          height: ").concat(n,";    \n          backface-visibility: ").concat(o,";          \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,i=r.width,a=r.height,o=this.toCSS(),s=this.toNestedCSS(),c={},l=s.find((function(t){return"div"===t.selector}))||{cssText:""};return l=l.cssText.replace(/\n/g,""),tC.forEach((function(t){c[t]=s.find((function(e){return e.selector==="."+t}))||{cssText:""},c[t]=c[t].cssText.replace(/\n/g,"")})),n?(delete o.left,delete o.top,"absolute"===o.position&&delete o.position,this.wrapperRootSVG(t,e,i,a,"\n        <foreignObject ".concat(ta({width:i.value,height:a.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(Ji(o),'">\n            ').concat(tC.map((function(t){return'<div style="'.concat(l,";").concat(c[t],'"></div>')})).join(""),"          \n          </div>   \n          </div>\n        </foreignObject>          \n\n      "))):"\n        ".concat(this.toDefString,"\n        <foreignObject ").concat(ta({width:i.value,height:a.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(Ji(o),'">\n              ').concat(tC.map((function(t){return'<div style="'.concat(l,";").concat(c[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(tC.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)}}],[{key:"getIcon",value:function(){return Jg.cube}}]),e}(q$);function aC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function oC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?aC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):aC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}zc.registerComponent("cube",iC);var sC={count:!0,rate:!0,face:!0},cC={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},lC={filter:!0,"mix-blend-mode":!0,"background-image":!0,"background-color":!0,"border-radius":!0,border:!0},uC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,oC({itemType:"cylinder",name:"New Cylinder","transform-style":"preserve-3d","backface-visibility":"visible",transform:"rotateX(10deg) rotateY(30deg)",count:Lo.number(40),rate:Lo.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(E()(Ki(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"],E()(Ki(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,i=this.json.count.value,a=r.value/2,o=360/i,s=Ki(i).map((function(t,r){var i=r*o;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(i,"deg) translateZ(").concat(a*n,"px)"),timing:r}})),property:"transform"}]}}));t.push.apply(t,s)}if(e.property.includes(".color")){var c=e.property.split("."),l=j()(c,3),u=(l[0],l[1]);l[2];t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(u,'"]'),properties:[oC({},e,{property:"background-color"})]})}if(e.property.includes(".background")){var h=e.property.split("."),p=j()(h,3);p[0],u=p[1],p[2];t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(u,'"]'),properties:[oC({},e,{property:"background-image"})]})}}},{key:"toAnimationKeyframes",value:function(t){var e=this,n=[],r=[],i=[];t.forEach((function(t){t.property.includes("face")||sC[t.property]?n.push(t):cC[t.property]?r.push(t):lC[t.property]&&i.push(t)}));var a=[];return r.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"]'),properties:r}),i.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"] div'),properties:i}),n.length&&n.forEach((function(t){e.setCustomKeyframes(a,t)})),a}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).count=Lo.parse(t.count),t.rate=Lo.parse(t.rate),t}},{key:"toCloneObject",value:function(){var t=this,n={};return Ki(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")]})),oC({},Bs()(So()(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 Jg.cylinder}},{key:"toDefaultCSS",value:function(){var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),oC({},t,{},this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return oC({},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"],i=t.rate.value,a=this.cylinderInfo,o=a.angle,s=a.r,c=a.faceWidth,l=oC({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","opacity","background-color"),{},this.toBackgroundImageCSS(),{},this.toBorderCSS(),{},this.toClipPathCSS()),u=Ki(e).map((function(e,n){var r=n*o,a="face.".concat(n,".color"),c="face.".concat(n,".background");return{selector:'.face[data-index="'.concat(n,'"]'),cssText:"\n          transform:rotateY(".concat(r,"deg) translateZ(").concat(s*i,"px);\n          ").concat(t[a]?"background-color: ".concat(t[a],";"):"","\n          ").concat(t[c]?"".concat(t[c],";"):"","\n        ").trim()}}));return[{selector:".face",cssText:"\n          position: absolute;\n          left: ".concat(n.value/2-c/2,"px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          width: ").concat(c,"px;\n          backface-visibility: ").concat(r,";\n          opacity: 1;\n          pointer-events: none;\n          ").concat(Ji(l),"\n        ").trim()}].concat(E()(u))}},{key:"updateFunction",value:function(t){if(Bs()(So()(e.prototype),"updateFunction",this).call(this,t),+t.attr("data-count")!==this.json.count.value){t.$$(".face").forEach((function(t){return t.remove()}));var n=Ki(this.json.count.value).map((function(t,e){return"<div class='face' data-index=\"".concat(e,'"></div>')})).join("");t.appendHTML(n),t.attr("data-count",this.json.count)}}},{key:"cylinderInfo",get:function(){var t=this.json.width.value,e={x:o=t/2,y:t/2},n=[],r=this.json.count.value;r<3&&(r=3);for(var i=360/r,a=0;a<360;a+=i)n.push(br(a,o,e.x,e.y));var o,s=kr(n[0].x,n[0].y,n[1].x,n[1].y),c={x:(n[0].x+n[1].x)/2,y:(n[0].y+n[1].y)/2};return{polygon:n,faceWidth:s,angle:i,r:o=kr(c.x,c.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(Ki(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,i=t.y;r=r.value,i=i.value;var a=this.toCSS(),o=this.toNestedCSS(),s=this.json.count.value,c=o.find((function(t){return".face"===t.selector}))||{cssText:""};c=c.cssText.replace(/\n/g,"");var l=Ki(s).map((function(t,e){return o[e+1].cssText.replace(/\n/g,"")}));return delete a.left,delete a.top,"absolute"===a.position&&delete a.position,'\n    <g transform="translate('.concat(r,", ").concat(i,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(ta({width:e.value,height:n.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <div style="').concat(Ji(a),'">\n            ').concat(Ki(s).map((function(t,e){return"<div class='face' data-index=\"".concat(e,"\" style='").concat(c,";").concat(l[e],";'></div>")})).join(""),"\n          </div>\n        </div>\n      </foreignObject>    \n    </g>\n")}}],[{key:"getIcon",value:function(){return Jg.cylinder}}]),e}(q$);function hC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function pC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}zc.registerComponent("cylinder",uC);var dC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Jg.image}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,pC({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 Jg.image}},{key:"toCloneObject",value:function(){return pC({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}]),e}(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 vC(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){S()(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}zc.registerComponent("image",dC);var yC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Jg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,vC({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":Lo.number(100),textLength:Lo.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"setCache",value:function(){this.rect=this.clone(!1)}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).textLength=Lo.parse(t.textLength),t}},{key:"toCloneObject",value:function(){this.json;return vC({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"))}},{key:"getDefaultTitle",value:function(){return"Text"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return Im(t.property)})),n=t.filter((function(t){return Rm(t.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] text'),properties:e}]}}]),e}(r$);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){S()(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}zc.registerComponent("svgtext",yC);var bC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Jg.text_rotate}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,mC({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:Lo.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:Lo.em(0)},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"setCache",value:function(){this.cachePath=new Dc(this.json.d),this.cachePath.scale(1/this.json.width.value,1/this.json.height.value)}},{key:"recover",value:function(){this.cachePath||this.setCache();var t=this.json.width.value,e=this.json.height.value;this.json.d=this.cachePath.clone().scaleTo(t,e)}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).textLength=Lo.parse(t.textLength),t.startOffset=Lo.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){return mC({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"))}},{key:"getDefaultTitle",value:function(){return"TextPath"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return Im(t.property)})),n=t.filter((function(t){return Lm(t.property)})),r=t.filter((function(t){return Rm(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}]}}]),e}(r$);function kC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?kC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):kC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}zc.registerComponent("svg-textpath",bC);var wC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Jg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,xC({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 xC({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("content"))}}]),e}(t$);function SC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?SC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):SC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}zc.registerComponent("text",wC);var jC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Jg.rect}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,PC({itemType:"rect",name:"New Rect"},t))}},{key:"getDefaultTitle",value:function(){return"Rect"}}]),e}(t$);function OC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function $C(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}zc.registerComponent("rect",jC);var CC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Jg.lens}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,$C({itemType:"circle",name:"New Circle","border-radius":"100%"},t))}},{key:"getDefaultTitle",value:function(){return"Circle"}}]),e}(t$);function EC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?EC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):EC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}zc.registerComponent("circle",CC);var VC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,TC({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 Jg.video}},{key:"toCloneObject",value:function(){return TC({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}],[{key:"getIcon",value:function(){return Jg.video}}]),e}(t$);function MC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?MC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):MC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}zc.registerComponent("video",VC);var IC=DC({createDesignEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return dm(DC({className:"designeditor",container:document.getElementById("app"),template:'\n        <div>\n          <object refClass="DesignEditor" />\n        </div>\n      '},t))},DesignEditor:Y$},U$,{},Z$,{},{Project:wh,ArtBoard:DO,RectLayer:jC,CircleLayer:CC,ImageLayer:dC,TextLayer:wC,VideoLayer:VC,SVGPathItem:o$,SVGTextItem:yC,SVGTextPathItem:bC,Component:q$,CubeLayer:iC,CylinderLayer:uC},{},{AssetParser:ep,PathGenerator:qO,PathParser:Dc,PathStringManager:Xu,Point:Tc,SegmentManager:NO,PolygonParser:_u},{Length:Lo});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 RC(){return new IC.createDesignEditor}e.default=function(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){S()(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}({version:"0.10.6"},fm,{},IC,{startEditor:RC});window.EasylogicEditor=RC()}])}));
\ 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 i=e[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.l=!0,i.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 i in t)n.d(r,i,function(e){return t[e]}.bind(null,i));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=29)}([function(t,e){function n(e){return t.exports=n=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)},n(e)}t.exports=n},function(t,e){t.exports=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},function(t,e){function n(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}t.exports=function(t,e,r){return e&&n(t.prototype,e),r&&n(t,r),t}},function(t,e,n){var r=n(12),i=n(25);t.exports=function(t,e){return!e||"object"!==r(e)&&"function"!=typeof e?i(t):e}},function(t,e,n){var r=n(26);t.exports=function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("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)}},function(t,e){t.exports=function(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,n){var r=n(27);function i(e,n,a){return"undefined"!=typeof Reflect&&Reflect.get?t.exports=i=Reflect.get:t.exports=i=function(t,e,n){var i=r(t,e);if(i){var a=Object.getOwnPropertyDescriptor(i,e);return a.get?a.get.call(n):a.value}},i(e,n,a||e)}t.exports=i},function(t,e,n){var r=n(14),i=n(22),a=n(11),o=n(16);t.exports=function(t,e){return r(t)||i(t,e)||a(t,e)||o()}},function(t,e,n){var r=n(23),i=n(17),a=n(11),o=n(24);t.exports=function(t){return r(t)||i(t)||a(t)||o()}},function(t,e,n){t.exports=n(28)},function(t,e,n){var r=n(14),i=n(17),a=n(11),o=n(16);t.exports=function(t){return r(t)||i(t)||a(t)||o()}},function(t,e,n){var r=n(15);t.exports=function(t,e){if(t){if("string"==typeof t)return r(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)?r(t,e):void 0}}},function(t,e){function n(e){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?t.exports=n=function(t){return typeof t}:t.exports=n=function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(e)}t.exports=n},function(t,e){t.exports=function(t,e){return e||(e=t.slice(0)),Object.freeze(Object.defineProperties(t,{raw:{value:Object.freeze(e)}}))}},function(t,e){t.exports=function(t){if(Array.isArray(t))return t}},function(t,e){t.exports=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(t,e){t.exports=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(t,e){t.exports=function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}},,,,function(t,e,n){},function(t,e){t.exports=function(t,e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t)){var n=[],r=!0,i=!1,a=void 0;try{for(var o,s=t[Symbol.iterator]();!(r=(o=s.next()).done)&&(n.push(o.value),!e||n.length!==e);r=!0);}catch(t){i=!0,a=t}finally{try{r||null==s.return||s.return()}finally{if(i)throw a}}return n}}},function(t,e,n){var r=n(15);t.exports=function(t){if(Array.isArray(t))return r(t)}},function(t,e){t.exports=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(t,e){t.exports=function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}},function(t,e){function n(e,r){return t.exports=n=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t},n(e,r)}t.exports=n},function(t,e,n){var r=n(0);t.exports=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=r(t)););return t}},function(t,e,n){var r=function(t){"use strict";var e=Object.prototype,n=e.hasOwnProperty,r="function"==typeof Symbol?Symbol:{},i=r.iterator||"@@iterator",a=r.asyncIterator||"@@asyncIterator",o=r.toStringTag||"@@toStringTag";function s(t,e,n){return Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{s({},"")}catch(t){s=function(t,e,n){return t[e]=n}}function c(t,e,n,r){var i=e&&e.prototype instanceof h?e:h,a=Object.create(i.prototype),o=new S(r||[]);return a._invoke=function(t,e,n){var r="suspendedStart";return function(i,a){if("executing"===r)throw new Error("Generator is already running");if("completed"===r){if("throw"===i)throw a;return j()}for(n.method=i,n.arg=a;;){var o=n.delegate;if(o){var s=k(o,n);if(s){if(s===u)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if("suspendedStart"===r)throw r="completed",n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);r="executing";var c=l(t,e,n);if("normal"===c.type){if(r=n.done?"completed":"suspendedYield",c.arg===u)continue;return{value:c.arg,done:n.done}}"throw"===c.type&&(r="completed",n.method="throw",n.arg=c.arg)}}}(t,n,o),a}function l(t,e,n){try{return{type:"normal",arg:t.call(e,n)}}catch(t){return{type:"throw",arg:t}}}t.wrap=c;var u={};function h(){}function p(){}function d(){}var f={};f[i]=function(){return this};var v=Object.getPrototypeOf,y=v&&v(v(P([])));y&&y!==e&&n.call(y,i)&&(f=y);var g=d.prototype=h.prototype=Object.create(f);function m(t){["next","throw","return"].forEach((function(e){s(t,e,(function(t){return this._invoke(e,t)}))}))}function b(t,e){var r;this._invoke=function(i,a){function o(){return new e((function(r,o){!function r(i,a,o,s){var c=l(t[i],t,a);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==typeof h&&n.call(h,"__await")?e.resolve(h.__await).then((function(t){r("next",t,o,s)}),(function(t){r("throw",t,o,s)})):e.resolve(h).then((function(t){u.value=t,o(u)}),(function(t){return r("throw",t,o,s)}))}s(c.arg)}(i,a,r,o)}))}return r=r?r.then(o,o):o()}}function k(t,e){var n=t.iterator[e.method];if(void 0===n){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,k(t,e),"throw"===e.method))return u;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return u}var r=l(n,t.iterator,e.arg);if("throw"===r.type)return e.method="throw",e.arg=r.arg,e.delegate=null,u;var i=r.arg;return i?i.done?(e[t.resultName]=i.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,u):i:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,u)}function x(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function w(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function S(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function P(t){if(t){var e=t[i];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,a=function e(){for(;++r<t.length;)if(n.call(t,r))return e.value=t[r],e.done=!1,e;return e.value=void 0,e.done=!0,e};return a.next=a}}return{next:j}}function j(){return{value:void 0,done:!0}}return p.prototype=g.constructor=d,d.constructor=p,p.displayName=s(d,o,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===p||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,d):(t.__proto__=d,s(t,o,"GeneratorFunction")),t.prototype=Object.create(g),t},t.awrap=function(t){return{__await:t}},m(b.prototype),b.prototype[a]=function(){return this},t.AsyncIterator=b,t.async=function(e,n,r,i,a){void 0===a&&(a=Promise);var o=new b(c(e,n,r,i),a);return t.isGeneratorFunction(n)?o:o.next().then((function(t){return t.done?t.value:o.next()}))},m(g),s(g,o,"Generator"),g[i]=function(){return this},g.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var n in t)e.push(n);return e.reverse(),function n(){for(;e.length;){var r=e.pop();if(r in t)return n.value=r,n.done=!1,n}return n.done=!0,n}},t.values=P,S.prototype={constructor:S,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(w),!t)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function r(n,r){return o.type="throw",o.arg=t,e.next=n,r&&(e.method="next",e.arg=void 0),!!r}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],o=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var s=n.call(a,"catchLoc"),c=n.call(a,"finallyLoc");if(s&&c){if(this.prev<a.catchLoc)return r(a.catchLoc,!0);if(this.prev<a.finallyLoc)return r(a.finallyLoc)}else if(s){if(this.prev<a.catchLoc)return r(a.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return r(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var i=this.tryEntries[r];if(i.tryLoc<=this.prev&&n.call(i,"finallyLoc")&&this.prev<i.finallyLoc){var a=i;break}}a&&("break"===t||"continue"===t)&&a.tryLoc<=e&&e<=a.finallyLoc&&(a=null);var o=a?a.completion:{};return o.type=t,o.arg=e,a?(this.method="next",this.next=a.finallyLoc,u):this.complete(o)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),u},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.finallyLoc===t)return this.complete(n.completion,n.afterLoc),w(n),u}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var n=this.tryEntries[e];if(n.tryLoc===t){var r=n.completion;if("throw"===r.type){var i=r.arg;w(n)}return i}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,n){return this.delegate={iterator:P(t),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=void 0),u}},t}(t.exports);try{regeneratorRuntime=r}catch(t){Function("r","regeneratorRuntime = r")(r)}},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 D})),n.d(r,"random",(function(){return I})),n.d(r,"randomRGBA",(function(){return L}));var i={};n.r(i),n.d(i,"create",(function(){return z})),n.d(i,"clone",(function(){return F})),n.d(i,"copy",(function(){return B})),n.d(i,"fromValues",(function(){return G})),n.d(i,"set",(function(){return H})),n.d(i,"identity",(function(){return N})),n.d(i,"transpose",(function(){return X})),n.d(i,"invert",(function(){return Y})),n.d(i,"adjoint",(function(){return _})),n.d(i,"determinant",(function(){return K})),n.d(i,"multiply",(function(){return W})),n.d(i,"translate",(function(){return U})),n.d(i,"scale",(function(){return Z})),n.d(i,"rotate",(function(){return q})),n.d(i,"rotateX",(function(){return J})),n.d(i,"rotateY",(function(){return Q})),n.d(i,"rotateZ",(function(){return tt})),n.d(i,"fromTranslation",(function(){return et})),n.d(i,"fromScaling",(function(){return nt})),n.d(i,"fromRotation",(function(){return rt})),n.d(i,"fromXRotation",(function(){return it})),n.d(i,"fromYRotation",(function(){return at})),n.d(i,"fromZRotation",(function(){return ot})),n.d(i,"fromRotationTranslation",(function(){return st})),n.d(i,"fromQuat2",(function(){return ct})),n.d(i,"getTranslation",(function(){return lt})),n.d(i,"getScaling",(function(){return ut})),n.d(i,"getRotation",(function(){return ht})),n.d(i,"fromRotationTranslationScale",(function(){return pt})),n.d(i,"fromRotationTranslationScaleOrigin",(function(){return dt})),n.d(i,"fromQuat",(function(){return ft})),n.d(i,"frustum",(function(){return vt})),n.d(i,"perspective",(function(){return yt})),n.d(i,"perspectiveFromFieldOfView",(function(){return gt})),n.d(i,"ortho",(function(){return mt})),n.d(i,"lookAt",(function(){return bt})),n.d(i,"targetTo",(function(){return kt})),n.d(i,"str",(function(){return xt})),n.d(i,"frob",(function(){return wt})),n.d(i,"add",(function(){return St})),n.d(i,"subtract",(function(){return Pt})),n.d(i,"multiplyScalar",(function(){return jt})),n.d(i,"multiplyScalarAndAdd",(function(){return Ot})),n.d(i,"exactEquals",(function(){return $t})),n.d(i,"equals",(function(){return Ct})),n.d(i,"mul",(function(){return Et})),n.d(i,"sub",(function(){return Tt}));var a={};n.r(a),n.d(a,"create",(function(){return Vt})),n.d(a,"clone",(function(){return Mt})),n.d(a,"length",(function(){return Dt})),n.d(a,"fromValues",(function(){return It})),n.d(a,"copy",(function(){return Lt})),n.d(a,"set",(function(){return Rt})),n.d(a,"add",(function(){return At})),n.d(a,"subtract",(function(){return zt})),n.d(a,"multiply",(function(){return Ft})),n.d(a,"divide",(function(){return Bt})),n.d(a,"ceil",(function(){return Gt})),n.d(a,"floor",(function(){return Ht})),n.d(a,"min",(function(){return Nt})),n.d(a,"max",(function(){return Xt})),n.d(a,"round",(function(){return Yt})),n.d(a,"scale",(function(){return _t})),n.d(a,"scaleAndAdd",(function(){return Kt})),n.d(a,"distance",(function(){return Wt})),n.d(a,"squaredDistance",(function(){return Ut})),n.d(a,"squaredLength",(function(){return Zt})),n.d(a,"negate",(function(){return qt})),n.d(a,"inverse",(function(){return Jt})),n.d(a,"normalize",(function(){return Qt})),n.d(a,"dot",(function(){return te})),n.d(a,"cross",(function(){return ee})),n.d(a,"lerp",(function(){return ne})),n.d(a,"hermite",(function(){return re})),n.d(a,"bezier",(function(){return ie})),n.d(a,"random",(function(){return ae})),n.d(a,"transformMat4",(function(){return oe})),n.d(a,"transformMat3",(function(){return se})),n.d(a,"transformQuat",(function(){return ce})),n.d(a,"rotateX",(function(){return le})),n.d(a,"rotateY",(function(){return ue})),n.d(a,"rotateZ",(function(){return he})),n.d(a,"angle",(function(){return pe})),n.d(a,"zero",(function(){return de})),n.d(a,"str",(function(){return fe})),n.d(a,"exactEquals",(function(){return ve})),n.d(a,"equals",(function(){return ye})),n.d(a,"sub",(function(){return me})),n.d(a,"mul",(function(){return be})),n.d(a,"div",(function(){return ke})),n.d(a,"dist",(function(){return xe})),n.d(a,"sqrDist",(function(){return we})),n.d(a,"len",(function(){return Se})),n.d(a,"sqrLen",(function(){return Pe})),n.d(a,"forEach",(function(){return je}));var o={};n.r(o),n.d(o,"create",(function(){return Ce})),n.d(o,"identity",(function(){return Ee})),n.d(o,"setAxisAngle",(function(){return Te})),n.d(o,"getAxisAngle",(function(){return Ve})),n.d(o,"getAngle",(function(){return Me})),n.d(o,"multiply",(function(){return De})),n.d(o,"rotateX",(function(){return Ie})),n.d(o,"rotateY",(function(){return Le})),n.d(o,"rotateZ",(function(){return Re})),n.d(o,"calculateW",(function(){return Ae})),n.d(o,"exp",(function(){return ze})),n.d(o,"ln",(function(){return Fe})),n.d(o,"pow",(function(){return Be})),n.d(o,"slerp",(function(){return Ge})),n.d(o,"random",(function(){return He})),n.d(o,"invert",(function(){return Ne})),n.d(o,"conjugate",(function(){return Xe})),n.d(o,"fromMat3",(function(){return Ye})),n.d(o,"fromEuler",(function(){return _e})),n.d(o,"str",(function(){return Ke})),n.d(o,"clone",(function(){return en})),n.d(o,"fromValues",(function(){return nn})),n.d(o,"copy",(function(){return rn})),n.d(o,"set",(function(){return an})),n.d(o,"add",(function(){return on})),n.d(o,"mul",(function(){return sn})),n.d(o,"scale",(function(){return cn})),n.d(o,"dot",(function(){return ln})),n.d(o,"lerp",(function(){return un})),n.d(o,"length",(function(){return hn})),n.d(o,"len",(function(){return pn})),n.d(o,"squaredLength",(function(){return dn})),n.d(o,"sqrLen",(function(){return fn})),n.d(o,"normalize",(function(){return vn})),n.d(o,"exactEquals",(function(){return yn})),n.d(o,"equals",(function(){return gn})),n.d(o,"rotationTo",(function(){return mn})),n.d(o,"sqlerp",(function(){return bn})),n.d(o,"setAxes",(function(){return kn}));var s={};n.r(s),n.d(s,"create",(function(){return xn})),n.d(s,"clone",(function(){return wn})),n.d(s,"fromValues",(function(){return Sn})),n.d(s,"copy",(function(){return Pn})),n.d(s,"set",(function(){return jn})),n.d(s,"add",(function(){return On})),n.d(s,"subtract",(function(){return $n})),n.d(s,"multiply",(function(){return Cn})),n.d(s,"divide",(function(){return En})),n.d(s,"ceil",(function(){return Tn})),n.d(s,"floor",(function(){return Vn})),n.d(s,"min",(function(){return Mn})),n.d(s,"max",(function(){return Dn})),n.d(s,"round",(function(){return In})),n.d(s,"scale",(function(){return Ln})),n.d(s,"scaleAndAdd",(function(){return Rn})),n.d(s,"distance",(function(){return An})),n.d(s,"squaredDistance",(function(){return zn})),n.d(s,"length",(function(){return Fn})),n.d(s,"squaredLength",(function(){return Bn})),n.d(s,"negate",(function(){return Gn})),n.d(s,"inverse",(function(){return Hn})),n.d(s,"normalize",(function(){return Nn})),n.d(s,"dot",(function(){return Xn})),n.d(s,"cross",(function(){return Yn})),n.d(s,"lerp",(function(){return _n})),n.d(s,"random",(function(){return Kn})),n.d(s,"transformMat2",(function(){return Wn})),n.d(s,"transformMat2d",(function(){return Un})),n.d(s,"transformMat3",(function(){return Zn})),n.d(s,"transformMat4",(function(){return qn})),n.d(s,"rotate",(function(){return Jn})),n.d(s,"angle",(function(){return Qn})),n.d(s,"zero",(function(){return tr})),n.d(s,"str",(function(){return er})),n.d(s,"exactEquals",(function(){return nr})),n.d(s,"equals",(function(){return rr})),n.d(s,"len",(function(){return ir})),n.d(s,"sub",(function(){return ar})),n.d(s,"mul",(function(){return or})),n.d(s,"div",(function(){return sr})),n.d(s,"dist",(function(){return cr})),n.d(s,"sqrDist",(function(){return lr})),n.d(s,"sqrLen",(function(){return ur})),n.d(s,"forEach",(function(){return hr}));var c={};n.r(c),n.d(c,"round",(function(){return dr})),n.d(c,"degreeToRadian",(function(){return fr})),n.d(c,"div",(function(){return vr})),n.d(c,"radianToDegree",(function(){return yr})),n.d(c,"getXInCircle",(function(){return gr})),n.d(c,"getYInCircle",(function(){return mr})),n.d(c,"getXYInCircle",(function(){return br})),n.d(c,"getDist",(function(){return kr})),n.d(c,"getPointBetweenVerties",(function(){return xr})),n.d(c,"vertiesMap",(function(){return wr})),n.d(c,"getVertiesMaxX",(function(){return Sr})),n.d(c,"getVertiesMaxY",(function(){return Pr})),n.d(c,"getVertiesMinX",(function(){return jr})),n.d(c,"getVertiesCenterX",(function(){return Or})),n.d(c,"getVertiesMinY",(function(){return $r})),n.d(c,"getVertiesCenterY",(function(){return Cr})),n.d(c,"calculateAngle",(function(){return Er})),n.d(c,"calculateAngleForVec3",(function(){return Tr})),n.d(c,"calculateRotationOriginMat4",(function(){return Vr})),n.d(c,"calculateMatrix",(function(){return Mr})),n.d(c,"calculateMatrixInverse",(function(){return Dr})),n.d(c,"calculateAnglePointDistance",(function(){return Ir})),n.d(c,"calculateAngle360",(function(){return Lr})),n.d(c,"uuid",(function(){return Ar})),n.d(c,"uuidShort",(function(){return zr})),n.d(c,"cubicBezier",(function(){return Hr})),n.d(c,"getGradientLine",(function(){return Nr})),n.d(c,"CCW",(function(){return Xr})),n.d(c,"incircle",(function(){return Yr})),n.d(c,"initPolygon",(function(){return _r})),n.d(c,"Deluanay",(function(){return Wr})),n.d(c,"generate_sample_points",(function(){return Ur})),n.d(c,"getCenterInTriangle",(function(){return Zr})),n.d(c,"normalize",(function(){return Jr}));var l={};n.r(l),n.d(l,"collectProps",(function(){return ji})),n.d(l,"debounce",(function(){return Oi})),n.d(l,"throttle",(function(){return $i})),n.d(l,"keyEach",(function(){return Ci})),n.d(l,"keyMap",(function(){return Ei})),n.d(l,"keyMapJoin",(function(){return Ti})),n.d(l,"get",(function(){return Vi})),n.d(l,"defaultValue",(function(){return Mi})),n.d(l,"isUndefined",(function(){return Di})),n.d(l,"isNotUndefined",(function(){return Ii})),n.d(l,"isArray",(function(){return Li})),n.d(l,"isBoolean",(function(){return Ri})),n.d(l,"isString",(function(){return Ai})),n.d(l,"isNotString",(function(){return zi})),n.d(l,"isObject",(function(){return Fi})),n.d(l,"isFunction",(function(){return Bi})),n.d(l,"isNumber",(function(){return Gi})),n.d(l,"isZero",(function(){return Hi})),n.d(l,"isNotZero",(function(){return Ni})),n.d(l,"clone",(function(){return Xi})),n.d(l,"cleanObject",(function(){return Yi})),n.d(l,"combineKeyArray",(function(){return _i})),n.d(l,"repeat",(function(){return Ki})),n.d(l,"randomItem",(function(){return Wi})),n.d(l,"html",(function(){return qi})),n.d(l,"CSS_TO_STRING",(function(){return Ji})),n.d(l,"STRING_TO_CSS",(function(){return Qi})),n.d(l,"OBJECT_TO_PROPERTY",(function(){return ta})),n.d(l,"OBJECT_TO_CLASS",(function(){return ea})),n.d(l,"TAG_TO_STRING",(function(){return na})),n.d(l,"mapjoin",(function(){return ra})),n.d(l,"isArrayEquals",(function(){return ia})),n.d(l,"splitMethodByKeyword",(function(){return aa})),n.d(l,"curveToPath",(function(){return oa})),n.d(l,"curveToPointLine",(function(){return sa}));var u={};n.r(u),n.d(u,"format",(function(){return ca})),n.d(u,"hex",(function(){return la})),n.d(u,"rgb",(function(){return ua})),n.d(u,"hsl",(function(){return ha}));var h={};n.r(h),n.d(h,"ReverseXyz",(function(){return pa})),n.d(h,"ReverseRGB",(function(){return da})),n.d(h,"XYZtoRGB",(function(){return fa})),n.d(h,"LABtoXYZ",(function(){return va})),n.d(h,"PivotXyz",(function(){return ya})),n.d(h,"XYZtoLAB",(function(){return ga})),n.d(h,"LABtoRGB",(function(){return ma}));var p={};n.r(p),n.d(p,"RGBtoHSV",(function(){return ba})),n.d(p,"RGBtoCMYK",(function(){return ka})),n.d(p,"RGBtoHSL",(function(){return xa})),n.d(p,"c",(function(){return wa})),n.d(p,"gray",(function(){return Sa})),n.d(p,"RGBtoSimpleGray",(function(){return Pa})),n.d(p,"RGBtoGray",(function(){return ja})),n.d(p,"brightness",(function(){return Oa})),n.d(p,"RGBtoYCrCb",(function(){return $a})),n.d(p,"PivotRGB",(function(){return Ca})),n.d(p,"RGBtoXYZ",(function(){return Ea})),n.d(p,"RGBtoLAB",(function(){return Ta}));var d={};n.r(d),n.d(d,"CMYKtoRGB",(function(){return Va}));var f={};n.r(f),n.d(f,"HSVtoRGB",(function(){return Ma})),n.d(f,"HSVtoHSL",(function(){return Da}));var v={};n.r(v),n.d(v,"HUEtoRGB",(function(){return Ia})),n.d(v,"HSLtoHSV",(function(){return La})),n.d(v,"HSLtoRGB",(function(){return Ra}));var g={};n.r(g),n.d(g,"YCrCbtoRGB",(function(){return Aa}));var m={};n.r(m),n.d(m,"getColorIndexString",(function(){return Na})),n.d(m,"isColor",(function(){return Xa})),n.d(m,"matches",(function(){return Ya})),n.d(m,"convertMatches",(function(){return _a})),n.d(m,"convertMatchesArray",(function(){return Ka})),n.d(m,"reverseMatches",(function(){return Wa})),n.d(m,"trim",(function(){return Za})),n.d(m,"parse",(function(){return qa})),n.d(m,"parseGradient",(function(){return Ja}));var b={};n.r(b),n.d(b,"interpolateRGB",(function(){return Qa})),n.d(b,"interpolateRGBObject",(function(){return to})),n.d(b,"scale",(function(){return eo})),n.d(b,"blend",(function(){return no})),n.d(b,"mix",(function(){return ro})),n.d(b,"contrast",(function(){return io})),n.d(b,"contrastColor",(function(){return ao})),n.d(b,"gradient",(function(){return oo})),n.d(b,"scaleHSV",(function(){return so})),n.d(b,"scaleH",(function(){return co})),n.d(b,"scaleS",(function(){return lo})),n.d(b,"scaleV",(function(){return uo}));var k={};n.r(k),n.d(k,"start",(function(){return fm}));var w=n(5),S=n.n(w),P=(n(21),n(7)),j=n.n(P),O=n(10),$=n.n(O),C=n(8),E=n.n(C),T=n(12),V=n.n(T);function M(t,e){return Math.floor(Math.random()*(e-t+1))+t}function D(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,e=[],n=0;n<t;n++)e[e.length]=I();return e}function I(){return ua({r:M(0,255),g:M(0,255),b:M(0,255)})}function L(){return ua({r:M(0,255),g:M(0,255),b:M(0,255),a:M(0,1e3)/1e3})}var R="undefined"!=typeof Float32Array?Float32Array:Array,A=Math.random;Math.PI;function z(){var t=new R(16);return R!=Float32Array&&(t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[11]=0,t[12]=0,t[13]=0,t[14]=0),t[0]=1,t[5]=1,t[10]=1,t[15]=1,t}function F(t){var e=new R(16);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e[4]=t[4],e[5]=t[5],e[6]=t[6],e[7]=t[7],e[8]=t[8],e[9]=t[9],e[10]=t[10],e[11]=t[11],e[12]=t[12],e[13]=t[13],e[14]=t[14],e[15]=t[15],e}function B(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[4]=e[4],t[5]=e[5],t[6]=e[6],t[7]=e[7],t[8]=e[8],t[9]=e[9],t[10]=e[10],t[11]=e[11],t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15],t}function G(t,e,n,r,i,a,o,s,c,l,u,h,p,d,f,v){var y=new R(16);return y[0]=t,y[1]=e,y[2]=n,y[3]=r,y[4]=i,y[5]=a,y[6]=o,y[7]=s,y[8]=c,y[9]=l,y[10]=u,y[11]=h,y[12]=p,y[13]=d,y[14]=f,y[15]=v,y}function H(t,e,n,r,i,a,o,s,c,l,u,h,p,d,f,v,y){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t[4]=a,t[5]=o,t[6]=s,t[7]=c,t[8]=l,t[9]=u,t[10]=h,t[11]=p,t[12]=d,t[13]=f,t[14]=v,t[15]=y,t}function N(t){return t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=1,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function X(t,e){if(t===e){var n=e[1],r=e[2],i=e[3],a=e[6],o=e[7],s=e[11];t[1]=e[4],t[2]=e[8],t[3]=e[12],t[4]=n,t[6]=e[9],t[7]=e[13],t[8]=r,t[9]=a,t[11]=e[14],t[12]=i,t[13]=o,t[14]=s}else t[0]=e[0],t[1]=e[4],t[2]=e[8],t[3]=e[12],t[4]=e[1],t[5]=e[5],t[6]=e[9],t[7]=e[13],t[8]=e[2],t[9]=e[6],t[10]=e[10],t[11]=e[14],t[12]=e[3],t[13]=e[7],t[14]=e[11],t[15]=e[15];return t}function Y(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],s=e[5],c=e[6],l=e[7],u=e[8],h=e[9],p=e[10],d=e[11],f=e[12],v=e[13],y=e[14],g=e[15],m=n*s-r*o,b=n*c-i*o,k=n*l-a*o,x=r*c-i*s,w=r*l-a*s,S=i*l-a*c,P=u*v-h*f,j=u*y-p*f,O=u*g-d*f,$=h*y-p*v,C=h*g-d*v,E=p*g-d*y,T=m*E-b*C+k*$+x*O-w*j+S*P;return T?(T=1/T,t[0]=(s*E-c*C+l*$)*T,t[1]=(i*C-r*E-a*$)*T,t[2]=(v*S-y*w+g*x)*T,t[3]=(p*w-h*S-d*x)*T,t[4]=(c*O-o*E-l*j)*T,t[5]=(n*E-i*O+a*j)*T,t[6]=(y*k-f*S-g*b)*T,t[7]=(u*S-p*k+d*b)*T,t[8]=(o*C-s*O+l*P)*T,t[9]=(r*O-n*C-a*P)*T,t[10]=(f*w-v*k+g*m)*T,t[11]=(h*k-u*w-d*m)*T,t[12]=(s*j-o*$-c*P)*T,t[13]=(n*$-r*j+i*P)*T,t[14]=(v*b-f*x-y*m)*T,t[15]=(u*x-h*b+p*m)*T,t):null}function _(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=e[4],s=e[5],c=e[6],l=e[7],u=e[8],h=e[9],p=e[10],d=e[11],f=e[12],v=e[13],y=e[14],g=e[15];return t[0]=s*(p*g-d*y)-h*(c*g-l*y)+v*(c*d-l*p),t[1]=-(r*(p*g-d*y)-h*(i*g-a*y)+v*(i*d-a*p)),t[2]=r*(c*g-l*y)-s*(i*g-a*y)+v*(i*l-a*c),t[3]=-(r*(c*d-l*p)-s*(i*d-a*p)+h*(i*l-a*c)),t[4]=-(o*(p*g-d*y)-u*(c*g-l*y)+f*(c*d-l*p)),t[5]=n*(p*g-d*y)-u*(i*g-a*y)+f*(i*d-a*p),t[6]=-(n*(c*g-l*y)-o*(i*g-a*y)+f*(i*l-a*c)),t[7]=n*(c*d-l*p)-o*(i*d-a*p)+u*(i*l-a*c),t[8]=o*(h*g-d*v)-u*(s*g-l*v)+f*(s*d-l*h),t[9]=-(n*(h*g-d*v)-u*(r*g-a*v)+f*(r*d-a*h)),t[10]=n*(s*g-l*v)-o*(r*g-a*v)+f*(r*l-a*s),t[11]=-(n*(s*d-l*h)-o*(r*d-a*h)+u*(r*l-a*s)),t[12]=-(o*(h*y-p*v)-u*(s*y-c*v)+f*(s*p-c*h)),t[13]=n*(h*y-p*v)-u*(r*y-i*v)+f*(r*p-i*h),t[14]=-(n*(s*y-c*v)-o*(r*y-i*v)+f*(r*c-i*s)),t[15]=n*(s*p-c*h)-o*(r*p-i*h)+u*(r*c-i*s),t}function K(t){var e=t[0],n=t[1],r=t[2],i=t[3],a=t[4],o=t[5],s=t[6],c=t[7],l=t[8],u=t[9],h=t[10],p=t[11],d=t[12],f=t[13],v=t[14],y=t[15];return(e*o-n*a)*(h*y-p*v)-(e*s-r*a)*(u*y-p*f)+(e*c-i*a)*(u*v-h*f)+(n*s-r*o)*(l*y-p*d)-(n*c-i*o)*(l*v-h*d)+(r*c-i*s)*(l*f-u*d)}function W(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],s=e[4],c=e[5],l=e[6],u=e[7],h=e[8],p=e[9],d=e[10],f=e[11],v=e[12],y=e[13],g=e[14],m=e[15],b=n[0],k=n[1],x=n[2],w=n[3];return t[0]=b*r+k*s+x*h+w*v,t[1]=b*i+k*c+x*p+w*y,t[2]=b*a+k*l+x*d+w*g,t[3]=b*o+k*u+x*f+w*m,b=n[4],k=n[5],x=n[6],w=n[7],t[4]=b*r+k*s+x*h+w*v,t[5]=b*i+k*c+x*p+w*y,t[6]=b*a+k*l+x*d+w*g,t[7]=b*o+k*u+x*f+w*m,b=n[8],k=n[9],x=n[10],w=n[11],t[8]=b*r+k*s+x*h+w*v,t[9]=b*i+k*c+x*p+w*y,t[10]=b*a+k*l+x*d+w*g,t[11]=b*o+k*u+x*f+w*m,b=n[12],k=n[13],x=n[14],w=n[15],t[12]=b*r+k*s+x*h+w*v,t[13]=b*i+k*c+x*p+w*y,t[14]=b*a+k*l+x*d+w*g,t[15]=b*o+k*u+x*f+w*m,t}function U(t,e,n){var r,i,a,o,s,c,l,u,h,p,d,f,v=n[0],y=n[1],g=n[2];return e===t?(t[12]=e[0]*v+e[4]*y+e[8]*g+e[12],t[13]=e[1]*v+e[5]*y+e[9]*g+e[13],t[14]=e[2]*v+e[6]*y+e[10]*g+e[14],t[15]=e[3]*v+e[7]*y+e[11]*g+e[15]):(r=e[0],i=e[1],a=e[2],o=e[3],s=e[4],c=e[5],l=e[6],u=e[7],h=e[8],p=e[9],d=e[10],f=e[11],t[0]=r,t[1]=i,t[2]=a,t[3]=o,t[4]=s,t[5]=c,t[6]=l,t[7]=u,t[8]=h,t[9]=p,t[10]=d,t[11]=f,t[12]=r*v+s*y+h*g+e[12],t[13]=i*v+c*y+p*g+e[13],t[14]=a*v+l*y+d*g+e[14],t[15]=o*v+u*y+f*g+e[15]),t}function Z(t,e,n){var r=n[0],i=n[1],a=n[2];return t[0]=e[0]*r,t[1]=e[1]*r,t[2]=e[2]*r,t[3]=e[3]*r,t[4]=e[4]*i,t[5]=e[5]*i,t[6]=e[6]*i,t[7]=e[7]*i,t[8]=e[8]*a,t[9]=e[9]*a,t[10]=e[10]*a,t[11]=e[11]*a,t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15],t}function q(t,e,n,r){var i,a,o,s,c,l,u,h,p,d,f,v,y,g,m,b,k,x,w,S,P,j,O,$,C=r[0],E=r[1],T=r[2],V=Math.hypot(C,E,T);return V<1e-6?null:(C*=V=1/V,E*=V,T*=V,i=Math.sin(n),o=1-(a=Math.cos(n)),s=e[0],c=e[1],l=e[2],u=e[3],h=e[4],p=e[5],d=e[6],f=e[7],v=e[8],y=e[9],g=e[10],m=e[11],b=C*C*o+a,k=E*C*o+T*i,x=T*C*o-E*i,w=C*E*o-T*i,S=E*E*o+a,P=T*E*o+C*i,j=C*T*o+E*i,O=E*T*o-C*i,$=T*T*o+a,t[0]=s*b+h*k+v*x,t[1]=c*b+p*k+y*x,t[2]=l*b+d*k+g*x,t[3]=u*b+f*k+m*x,t[4]=s*w+h*S+v*P,t[5]=c*w+p*S+y*P,t[6]=l*w+d*S+g*P,t[7]=u*w+f*S+m*P,t[8]=s*j+h*O+v*$,t[9]=c*j+p*O+y*$,t[10]=l*j+d*O+g*$,t[11]=u*j+f*O+m*$,e!==t&&(t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t)}function J(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[4],o=e[5],s=e[6],c=e[7],l=e[8],u=e[9],h=e[10],p=e[11];return e!==t&&(t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t[4]=a*i+l*r,t[5]=o*i+u*r,t[6]=s*i+h*r,t[7]=c*i+p*r,t[8]=l*i-a*r,t[9]=u*i-o*r,t[10]=h*i-s*r,t[11]=p*i-c*r,t}function Q(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],s=e[2],c=e[3],l=e[8],u=e[9],h=e[10],p=e[11];return e!==t&&(t[4]=e[4],t[5]=e[5],t[6]=e[6],t[7]=e[7],t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t[0]=a*i-l*r,t[1]=o*i-u*r,t[2]=s*i-h*r,t[3]=c*i-p*r,t[8]=a*r+l*i,t[9]=o*r+u*i,t[10]=s*r+h*i,t[11]=c*r+p*i,t}function tt(t,e,n){var r=Math.sin(n),i=Math.cos(n),a=e[0],o=e[1],s=e[2],c=e[3],l=e[4],u=e[5],h=e[6],p=e[7];return e!==t&&(t[8]=e[8],t[9]=e[9],t[10]=e[10],t[11]=e[11],t[12]=e[12],t[13]=e[13],t[14]=e[14],t[15]=e[15]),t[0]=a*i+l*r,t[1]=o*i+u*r,t[2]=s*i+h*r,t[3]=c*i+p*r,t[4]=l*i-a*r,t[5]=u*i-o*r,t[6]=h*i-s*r,t[7]=p*i-c*r,t}function et(t,e){return t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=1,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=e[0],t[13]=e[1],t[14]=e[2],t[15]=1,t}function nt(t,e){return t[0]=e[0],t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=e[1],t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=e[2],t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function rt(t,e,n){var r,i,a,o=n[0],s=n[1],c=n[2],l=Math.hypot(o,s,c);return l<1e-6?null:(o*=l=1/l,s*=l,c*=l,r=Math.sin(e),a=1-(i=Math.cos(e)),t[0]=o*o*a+i,t[1]=s*o*a+c*r,t[2]=c*o*a-s*r,t[3]=0,t[4]=o*s*a-c*r,t[5]=s*s*a+i,t[6]=c*s*a+o*r,t[7]=0,t[8]=o*c*a+s*r,t[9]=s*c*a-o*r,t[10]=c*c*a+i,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t)}function it(t,e){var n=Math.sin(e),r=Math.cos(e);return t[0]=1,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=r,t[6]=n,t[7]=0,t[8]=0,t[9]=-n,t[10]=r,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function at(t,e){var n=Math.sin(e),r=Math.cos(e);return t[0]=r,t[1]=0,t[2]=-n,t[3]=0,t[4]=0,t[5]=1,t[6]=0,t[7]=0,t[8]=n,t[9]=0,t[10]=r,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function ot(t,e){var n=Math.sin(e),r=Math.cos(e);return t[0]=r,t[1]=n,t[2]=0,t[3]=0,t[4]=-n,t[5]=r,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=1,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function st(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],s=r+r,c=i+i,l=a+a,u=r*s,h=r*c,p=r*l,d=i*c,f=i*l,v=a*l,y=o*s,g=o*c,m=o*l;return t[0]=1-(d+v),t[1]=h+m,t[2]=p-g,t[3]=0,t[4]=h-m,t[5]=1-(u+v),t[6]=f+y,t[7]=0,t[8]=p+g,t[9]=f-y,t[10]=1-(u+d),t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function ct(t,e){var n=new R(3),r=-e[0],i=-e[1],a=-e[2],o=e[3],s=e[4],c=e[5],l=e[6],u=e[7],h=r*r+i*i+a*a+o*o;return h>0?(n[0]=2*(s*o+u*r+c*a-l*i)/h,n[1]=2*(c*o+u*i+l*r-s*a)/h,n[2]=2*(l*o+u*a+s*i-c*r)/h):(n[0]=2*(s*o+u*r+c*a-l*i),n[1]=2*(c*o+u*i+l*r-s*a),n[2]=2*(l*o+u*a+s*i-c*r)),st(t,e,n),t}function lt(t,e){return t[0]=e[12],t[1]=e[13],t[2]=e[14],t}function ut(t,e){var n=e[0],r=e[1],i=e[2],a=e[4],o=e[5],s=e[6],c=e[8],l=e[9],u=e[10];return t[0]=Math.hypot(n,r,i),t[1]=Math.hypot(a,o,s),t[2]=Math.hypot(c,l,u),t}function ht(t,e){var n=new R(3);ut(n,e);var r=1/n[0],i=1/n[1],a=1/n[2],o=e[0]*r,s=e[1]*i,c=e[2]*a,l=e[4]*r,u=e[5]*i,h=e[6]*a,p=e[8]*r,d=e[9]*i,f=e[10]*a,v=o+u+f,y=0;return v>0?(y=2*Math.sqrt(v+1),t[3]=.25*y,t[0]=(h-d)/y,t[1]=(p-c)/y,t[2]=(s-l)/y):o>u&&o>f?(y=2*Math.sqrt(1+o-u-f),t[3]=(h-d)/y,t[0]=.25*y,t[1]=(s+l)/y,t[2]=(p+c)/y):u>f?(y=2*Math.sqrt(1+u-o-f),t[3]=(p-c)/y,t[0]=(s+l)/y,t[1]=.25*y,t[2]=(h+d)/y):(y=2*Math.sqrt(1+f-o-u),t[3]=(s-l)/y,t[0]=(p+c)/y,t[1]=(h+d)/y,t[2]=.25*y),t}function pt(t,e,n,r){var i=e[0],a=e[1],o=e[2],s=e[3],c=i+i,l=a+a,u=o+o,h=i*c,p=i*l,d=i*u,f=a*l,v=a*u,y=o*u,g=s*c,m=s*l,b=s*u,k=r[0],x=r[1],w=r[2];return t[0]=(1-(f+y))*k,t[1]=(p+b)*k,t[2]=(d-m)*k,t[3]=0,t[4]=(p-b)*x,t[5]=(1-(h+y))*x,t[6]=(v+g)*x,t[7]=0,t[8]=(d+m)*w,t[9]=(v-g)*w,t[10]=(1-(h+f))*w,t[11]=0,t[12]=n[0],t[13]=n[1],t[14]=n[2],t[15]=1,t}function dt(t,e,n,r,i){var a=e[0],o=e[1],s=e[2],c=e[3],l=a+a,u=o+o,h=s+s,p=a*l,d=a*u,f=a*h,v=o*u,y=o*h,g=s*h,m=c*l,b=c*u,k=c*h,x=r[0],w=r[1],S=r[2],P=i[0],j=i[1],O=i[2],$=(1-(v+g))*x,C=(d+k)*x,E=(f-b)*x,T=(d-k)*w,V=(1-(p+g))*w,M=(y+m)*w,D=(f+b)*S,I=(y-m)*S,L=(1-(p+v))*S;return t[0]=$,t[1]=C,t[2]=E,t[3]=0,t[4]=T,t[5]=V,t[6]=M,t[7]=0,t[8]=D,t[9]=I,t[10]=L,t[11]=0,t[12]=n[0]+P-($*P+T*j+D*O),t[13]=n[1]+j-(C*P+V*j+I*O),t[14]=n[2]+O-(E*P+M*j+L*O),t[15]=1,t}function ft(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n+n,s=r+r,c=i+i,l=n*o,u=r*o,h=r*s,p=i*o,d=i*s,f=i*c,v=a*o,y=a*s,g=a*c;return t[0]=1-h-f,t[1]=u+g,t[2]=p-y,t[3]=0,t[4]=u-g,t[5]=1-l-f,t[6]=d+v,t[7]=0,t[8]=p+y,t[9]=d-v,t[10]=1-l-h,t[11]=0,t[12]=0,t[13]=0,t[14]=0,t[15]=1,t}function vt(t,e,n,r,i,a,o){var s=1/(n-e),c=1/(i-r),l=1/(a-o);return t[0]=2*a*s,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=2*a*c,t[6]=0,t[7]=0,t[8]=(n+e)*s,t[9]=(i+r)*c,t[10]=(o+a)*l,t[11]=-1,t[12]=0,t[13]=0,t[14]=o*a*2*l,t[15]=0,t}function yt(t,e,n,r,i){var a,o=1/Math.tan(e/2);return t[0]=o/n,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=o,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[11]=-1,t[12]=0,t[13]=0,t[15]=0,null!=i&&i!==1/0?(a=1/(r-i),t[10]=(i+r)*a,t[14]=2*i*r*a):(t[10]=-1,t[14]=-2*r),t}function gt(t,e,n,r){var i=Math.tan(e.upDegrees*Math.PI/180),a=Math.tan(e.downDegrees*Math.PI/180),o=Math.tan(e.leftDegrees*Math.PI/180),s=Math.tan(e.rightDegrees*Math.PI/180),c=2/(o+s),l=2/(i+a);return t[0]=c,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=l,t[6]=0,t[7]=0,t[8]=-(o-s)*c*.5,t[9]=(i-a)*l*.5,t[10]=r/(n-r),t[11]=-1,t[12]=0,t[13]=0,t[14]=r*n/(n-r),t[15]=0,t}function mt(t,e,n,r,i,a,o){var s=1/(e-n),c=1/(r-i),l=1/(a-o);return t[0]=-2*s,t[1]=0,t[2]=0,t[3]=0,t[4]=0,t[5]=-2*c,t[6]=0,t[7]=0,t[8]=0,t[9]=0,t[10]=2*l,t[11]=0,t[12]=(e+n)*s,t[13]=(i+r)*c,t[14]=(o+a)*l,t[15]=1,t}function bt(t,e,n,r){var i,a,o,s,c,l,u,h,p,d,f=e[0],v=e[1],y=e[2],g=r[0],m=r[1],b=r[2],k=n[0],x=n[1],w=n[2];return Math.abs(f-k)<1e-6&&Math.abs(v-x)<1e-6&&Math.abs(y-w)<1e-6?N(t):(u=f-k,h=v-x,p=y-w,i=m*(p*=d=1/Math.hypot(u,h,p))-b*(h*=d),a=b*(u*=d)-g*p,o=g*h-m*u,(d=Math.hypot(i,a,o))?(i*=d=1/d,a*=d,o*=d):(i=0,a=0,o=0),s=h*o-p*a,c=p*i-u*o,l=u*a-h*i,(d=Math.hypot(s,c,l))?(s*=d=1/d,c*=d,l*=d):(s=0,c=0,l=0),t[0]=i,t[1]=s,t[2]=u,t[3]=0,t[4]=a,t[5]=c,t[6]=h,t[7]=0,t[8]=o,t[9]=l,t[10]=p,t[11]=0,t[12]=-(i*f+a*v+o*y),t[13]=-(s*f+c*v+l*y),t[14]=-(u*f+h*v+p*y),t[15]=1,t)}function kt(t,e,n,r){var i=e[0],a=e[1],o=e[2],s=r[0],c=r[1],l=r[2],u=i-n[0],h=a-n[1],p=o-n[2],d=u*u+h*h+p*p;d>0&&(u*=d=1/Math.sqrt(d),h*=d,p*=d);var f=c*p-l*h,v=l*u-s*p,y=s*h-c*u;return(d=f*f+v*v+y*y)>0&&(f*=d=1/Math.sqrt(d),v*=d,y*=d),t[0]=f,t[1]=v,t[2]=y,t[3]=0,t[4]=h*y-p*v,t[5]=p*f-u*y,t[6]=u*v-h*f,t[7]=0,t[8]=u,t[9]=h,t[10]=p,t[11]=0,t[12]=i,t[13]=a,t[14]=o,t[15]=1,t}function xt(t){return"mat4("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+", "+t[4]+", "+t[5]+", "+t[6]+", "+t[7]+", "+t[8]+", "+t[9]+", "+t[10]+", "+t[11]+", "+t[12]+", "+t[13]+", "+t[14]+", "+t[15]+")"}function wt(t){return Math.hypot(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}function St(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t[2]=e[2]+n[2],t[3]=e[3]+n[3],t[4]=e[4]+n[4],t[5]=e[5]+n[5],t[6]=e[6]+n[6],t[7]=e[7]+n[7],t[8]=e[8]+n[8],t[9]=e[9]+n[9],t[10]=e[10]+n[10],t[11]=e[11]+n[11],t[12]=e[12]+n[12],t[13]=e[13]+n[13],t[14]=e[14]+n[14],t[15]=e[15]+n[15],t}function Pt(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t[2]=e[2]-n[2],t[3]=e[3]-n[3],t[4]=e[4]-n[4],t[5]=e[5]-n[5],t[6]=e[6]-n[6],t[7]=e[7]-n[7],t[8]=e[8]-n[8],t[9]=e[9]-n[9],t[10]=e[10]-n[10],t[11]=e[11]-n[11],t[12]=e[12]-n[12],t[13]=e[13]-n[13],t[14]=e[14]-n[14],t[15]=e[15]-n[15],t}function jt(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t[2]=e[2]*n,t[3]=e[3]*n,t[4]=e[4]*n,t[5]=e[5]*n,t[6]=e[6]*n,t[7]=e[7]*n,t[8]=e[8]*n,t[9]=e[9]*n,t[10]=e[10]*n,t[11]=e[11]*n,t[12]=e[12]*n,t[13]=e[13]*n,t[14]=e[14]*n,t[15]=e[15]*n,t}function Ot(t,e,n,r){return t[0]=e[0]+n[0]*r,t[1]=e[1]+n[1]*r,t[2]=e[2]+n[2]*r,t[3]=e[3]+n[3]*r,t[4]=e[4]+n[4]*r,t[5]=e[5]+n[5]*r,t[6]=e[6]+n[6]*r,t[7]=e[7]+n[7]*r,t[8]=e[8]+n[8]*r,t[9]=e[9]+n[9]*r,t[10]=e[10]+n[10]*r,t[11]=e[11]+n[11]*r,t[12]=e[12]+n[12]*r,t[13]=e[13]+n[13]*r,t[14]=e[14]+n[14]*r,t[15]=e[15]+n[15]*r,t}function $t(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]&&t[3]===e[3]&&t[4]===e[4]&&t[5]===e[5]&&t[6]===e[6]&&t[7]===e[7]&&t[8]===e[8]&&t[9]===e[9]&&t[10]===e[10]&&t[11]===e[11]&&t[12]===e[12]&&t[13]===e[13]&&t[14]===e[14]&&t[15]===e[15]}function Ct(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=t[4],s=t[5],c=t[6],l=t[7],u=t[8],h=t[9],p=t[10],d=t[11],f=t[12],v=t[13],y=t[14],g=t[15],m=e[0],b=e[1],k=e[2],x=e[3],w=e[4],S=e[5],P=e[6],j=e[7],O=e[8],$=e[9],C=e[10],E=e[11],T=e[12],V=e[13],M=e[14],D=e[15];return Math.abs(n-m)<=1e-6*Math.max(1,Math.abs(n),Math.abs(m))&&Math.abs(r-b)<=1e-6*Math.max(1,Math.abs(r),Math.abs(b))&&Math.abs(i-k)<=1e-6*Math.max(1,Math.abs(i),Math.abs(k))&&Math.abs(a-x)<=1e-6*Math.max(1,Math.abs(a),Math.abs(x))&&Math.abs(o-w)<=1e-6*Math.max(1,Math.abs(o),Math.abs(w))&&Math.abs(s-S)<=1e-6*Math.max(1,Math.abs(s),Math.abs(S))&&Math.abs(c-P)<=1e-6*Math.max(1,Math.abs(c),Math.abs(P))&&Math.abs(l-j)<=1e-6*Math.max(1,Math.abs(l),Math.abs(j))&&Math.abs(u-O)<=1e-6*Math.max(1,Math.abs(u),Math.abs(O))&&Math.abs(h-$)<=1e-6*Math.max(1,Math.abs(h),Math.abs($))&&Math.abs(p-C)<=1e-6*Math.max(1,Math.abs(p),Math.abs(C))&&Math.abs(d-E)<=1e-6*Math.max(1,Math.abs(d),Math.abs(E))&&Math.abs(f-T)<=1e-6*Math.max(1,Math.abs(f),Math.abs(T))&&Math.abs(v-V)<=1e-6*Math.max(1,Math.abs(v),Math.abs(V))&&Math.abs(y-M)<=1e-6*Math.max(1,Math.abs(y),Math.abs(M))&&Math.abs(g-D)<=1e-6*Math.max(1,Math.abs(g),Math.abs(D))}Math.hypot||(Math.hypot=function(){for(var t=0,e=arguments.length;e--;)t+=arguments[e]*arguments[e];return Math.sqrt(t)});var Et=W,Tt=Pt;function Vt(){var t=new R(3);return R!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t}function Mt(t){var e=new R(3);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e}function Dt(t){var e=t[0],n=t[1],r=t[2];return Math.hypot(e,n,r)}function It(t,e,n){var r=new R(3);return r[0]=t,r[1]=e,r[2]=n,r}function Lt(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t}function Rt(t,e,n,r){return t[0]=e,t[1]=n,t[2]=r,t}function At(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t[2]=e[2]+n[2],t}function zt(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t[2]=e[2]-n[2],t}function Ft(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t[2]=e[2]*n[2],t}function Bt(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t[2]=e[2]/n[2],t}function Gt(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t[2]=Math.ceil(e[2]),t}function Ht(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t[2]=Math.floor(e[2]),t}function Nt(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t[2]=Math.min(e[2],n[2]),t}function Xt(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t[2]=Math.max(e[2],n[2]),t}function Yt(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t[2]=Math.round(e[2]),t}function _t(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t[2]=e[2]*n,t}function Kt(t,e,n,r){return t[0]=e[0]+n[0]*r,t[1]=e[1]+n[1]*r,t[2]=e[2]+n[2]*r,t}function Wt(t,e){var n=e[0]-t[0],r=e[1]-t[1],i=e[2]-t[2];return Math.hypot(n,r,i)}function Ut(t,e){var n=e[0]-t[0],r=e[1]-t[1],i=e[2]-t[2];return n*n+r*r+i*i}function Zt(t){var e=t[0],n=t[1],r=t[2];return e*e+n*n+r*r}function qt(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t}function Jt(t,e){return t[0]=1/e[0],t[1]=1/e[1],t[2]=1/e[2],t}function Qt(t,e){var n=e[0],r=e[1],i=e[2],a=n*n+r*r+i*i;return a>0&&(a=1/Math.sqrt(a)),t[0]=e[0]*a,t[1]=e[1]*a,t[2]=e[2]*a,t}function te(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]}function ee(t,e,n){var r=e[0],i=e[1],a=e[2],o=n[0],s=n[1],c=n[2];return t[0]=i*c-a*s,t[1]=a*o-r*c,t[2]=r*s-i*o,t}function ne(t,e,n,r){var i=e[0],a=e[1],o=e[2];return t[0]=i+r*(n[0]-i),t[1]=a+r*(n[1]-a),t[2]=o+r*(n[2]-o),t}function re(t,e,n,r,i,a){var o=a*a,s=o*(2*a-3)+1,c=o*(a-2)+a,l=o*(a-1),u=o*(3-2*a);return t[0]=e[0]*s+n[0]*c+r[0]*l+i[0]*u,t[1]=e[1]*s+n[1]*c+r[1]*l+i[1]*u,t[2]=e[2]*s+n[2]*c+r[2]*l+i[2]*u,t}function ie(t,e,n,r,i,a){var o=1-a,s=o*o,c=a*a,l=s*o,u=3*a*s,h=3*c*o,p=c*a;return t[0]=e[0]*l+n[0]*u+r[0]*h+i[0]*p,t[1]=e[1]*l+n[1]*u+r[1]*h+i[1]*p,t[2]=e[2]*l+n[2]*u+r[2]*h+i[2]*p,t}function ae(t,e){e=e||1;var n=2*A()*Math.PI,r=2*A()-1,i=Math.sqrt(1-r*r)*e;return t[0]=Math.cos(n)*i,t[1]=Math.sin(n)*i,t[2]=r*e,t}function oe(t,e,n){var r=e[0],i=e[1],a=e[2],o=n[3]*r+n[7]*i+n[11]*a+n[15];return o=o||1,t[0]=(n[0]*r+n[4]*i+n[8]*a+n[12])/o,t[1]=(n[1]*r+n[5]*i+n[9]*a+n[13])/o,t[2]=(n[2]*r+n[6]*i+n[10]*a+n[14])/o,t}function se(t,e,n){var r=e[0],i=e[1],a=e[2];return t[0]=r*n[0]+i*n[3]+a*n[6],t[1]=r*n[1]+i*n[4]+a*n[7],t[2]=r*n[2]+i*n[5]+a*n[8],t}function ce(t,e,n){var r=n[0],i=n[1],a=n[2],o=n[3],s=e[0],c=e[1],l=e[2],u=i*l-a*c,h=a*s-r*l,p=r*c-i*s,d=i*p-a*h,f=a*u-r*p,v=r*h-i*u,y=2*o;return u*=y,h*=y,p*=y,d*=2,f*=2,v*=2,t[0]=s+u+d,t[1]=c+h+f,t[2]=l+p+v,t}function le(t,e,n,r){var i=[],a=[];return i[0]=e[0]-n[0],i[1]=e[1]-n[1],i[2]=e[2]-n[2],a[0]=i[0],a[1]=i[1]*Math.cos(r)-i[2]*Math.sin(r),a[2]=i[1]*Math.sin(r)+i[2]*Math.cos(r),t[0]=a[0]+n[0],t[1]=a[1]+n[1],t[2]=a[2]+n[2],t}function ue(t,e,n,r){var i=[],a=[];return i[0]=e[0]-n[0],i[1]=e[1]-n[1],i[2]=e[2]-n[2],a[0]=i[2]*Math.sin(r)+i[0]*Math.cos(r),a[1]=i[1],a[2]=i[2]*Math.cos(r)-i[0]*Math.sin(r),t[0]=a[0]+n[0],t[1]=a[1]+n[1],t[2]=a[2]+n[2],t}function he(t,e,n,r){var i=[],a=[];return i[0]=e[0]-n[0],i[1]=e[1]-n[1],i[2]=e[2]-n[2],a[0]=i[0]*Math.cos(r)-i[1]*Math.sin(r),a[1]=i[0]*Math.sin(r)+i[1]*Math.cos(r),a[2]=i[2],t[0]=a[0]+n[0],t[1]=a[1]+n[1],t[2]=a[2]+n[2],t}function pe(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],s=e[2],c=Math.sqrt(n*n+r*r+i*i)*Math.sqrt(a*a+o*o+s*s),l=c&&te(t,e)/c;return Math.acos(Math.min(Math.max(l,-1),1))}function de(t){return t[0]=0,t[1]=0,t[2]=0,t}function fe(t){return"vec3("+t[0]+", "+t[1]+", "+t[2]+")"}function ve(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]}function ye(t,e){var n=t[0],r=t[1],i=t[2],a=e[0],o=e[1],s=e[2];return Math.abs(n-a)<=1e-6*Math.max(1,Math.abs(n),Math.abs(a))&&Math.abs(r-o)<=1e-6*Math.max(1,Math.abs(r),Math.abs(o))&&Math.abs(i-s)<=1e-6*Math.max(1,Math.abs(i),Math.abs(s))}var ge,me=zt,be=Ft,ke=Bt,xe=Wt,we=Ut,Se=Dt,Pe=Zt,je=(ge=Vt(),function(t,e,n,r,i,a){var o,s;for(e||(e=3),n||(n=0),s=r?Math.min(r*e+n,t.length):t.length,o=n;o<s;o+=e)ge[0]=t[o],ge[1]=t[o+1],ge[2]=t[o+2],i(ge,ge,a),t[o]=ge[0],t[o+1]=ge[1],t[o+2]=ge[2];return t});function Oe(t){var e=t[0],n=t[1],r=t[2],i=t[3];return Math.hypot(e,n,r,i)}function $e(t){var e=t[0],n=t[1],r=t[2],i=t[3];return e*e+n*n+r*r+i*i}!function(){var t,e=(t=new R(4),R!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0,t[3]=0),t)}();function Ce(){var t=new R(4);return R!=Float32Array&&(t[0]=0,t[1]=0,t[2]=0),t[3]=1,t}function Ee(t){return t[0]=0,t[1]=0,t[2]=0,t[3]=1,t}function Te(t,e,n){n*=.5;var r=Math.sin(n);return t[0]=r*e[0],t[1]=r*e[1],t[2]=r*e[2],t[3]=Math.cos(n),t}function Ve(t,e){var n=2*Math.acos(e[3]),r=Math.sin(n/2);return r>1e-6?(t[0]=e[0]/r,t[1]=e[1]/r,t[2]=e[2]/r):(t[0]=1,t[1]=0,t[2]=0),n}function Me(t,e){var n=ln(t,e);return Math.acos(2*n*n-1)}function De(t,e,n){var r=e[0],i=e[1],a=e[2],o=e[3],s=n[0],c=n[1],l=n[2],u=n[3];return t[0]=r*u+o*s+i*l-a*c,t[1]=i*u+o*c+a*s-r*l,t[2]=a*u+o*l+r*c-i*s,t[3]=o*u-r*s-i*c-a*l,t}function Ie(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],s=Math.sin(n),c=Math.cos(n);return t[0]=r*c+o*s,t[1]=i*c+a*s,t[2]=a*c-i*s,t[3]=o*c-r*s,t}function Le(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],s=Math.sin(n),c=Math.cos(n);return t[0]=r*c-a*s,t[1]=i*c+o*s,t[2]=a*c+r*s,t[3]=o*c-i*s,t}function Re(t,e,n){n*=.5;var r=e[0],i=e[1],a=e[2],o=e[3],s=Math.sin(n),c=Math.cos(n);return t[0]=r*c+i*s,t[1]=i*c-r*s,t[2]=a*c+o*s,t[3]=o*c-a*s,t}function Ae(t,e){var n=e[0],r=e[1],i=e[2];return t[0]=n,t[1]=r,t[2]=i,t[3]=Math.sqrt(Math.abs(1-n*n-r*r-i*i)),t}function ze(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),s=Math.exp(a),c=o>0?s*Math.sin(o)/o:0;return t[0]=n*c,t[1]=r*c,t[2]=i*c,t[3]=s*Math.cos(o),t}function Fe(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=Math.sqrt(n*n+r*r+i*i),s=o>0?Math.atan2(o,a)/o:0;return t[0]=n*s,t[1]=r*s,t[2]=i*s,t[3]=.5*Math.log(n*n+r*r+i*i+a*a),t}function Be(t,e,n){return Fe(t,e),cn(t,t,n),ze(t,t),t}function Ge(t,e,n,r){var i,a,o,s,c,l=e[0],u=e[1],h=e[2],p=e[3],d=n[0],f=n[1],v=n[2],y=n[3];return(a=l*d+u*f+h*v+p*y)<0&&(a=-a,d=-d,f=-f,v=-v,y=-y),1-a>1e-6?(i=Math.acos(a),o=Math.sin(i),s=Math.sin((1-r)*i)/o,c=Math.sin(r*i)/o):(s=1-r,c=r),t[0]=s*l+c*d,t[1]=s*u+c*f,t[2]=s*h+c*v,t[3]=s*p+c*y,t}function He(t){var e=A(),n=A(),r=A(),i=Math.sqrt(1-e),a=Math.sqrt(e);return t[0]=i*Math.sin(2*Math.PI*n),t[1]=i*Math.cos(2*Math.PI*n),t[2]=a*Math.sin(2*Math.PI*r),t[3]=a*Math.cos(2*Math.PI*r),t}function Ne(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n*n+r*r+i*i+a*a,s=o?1/o:0;return t[0]=-n*s,t[1]=-r*s,t[2]=-i*s,t[3]=a*s,t}function Xe(t,e){return t[0]=-e[0],t[1]=-e[1],t[2]=-e[2],t[3]=e[3],t}function Ye(t,e){var n,r=e[0]+e[4]+e[8];if(r>0)n=Math.sqrt(r+1),t[3]=.5*n,n=.5/n,t[0]=(e[5]-e[7])*n,t[1]=(e[6]-e[2])*n,t[2]=(e[1]-e[3])*n;else{var i=0;e[4]>e[0]&&(i=1),e[8]>e[3*i+i]&&(i=2);var a=(i+1)%3,o=(i+2)%3;n=Math.sqrt(e[3*i+i]-e[3*a+a]-e[3*o+o]+1),t[i]=.5*n,n=.5/n,t[3]=(e[3*a+o]-e[3*o+a])*n,t[a]=(e[3*a+i]+e[3*i+a])*n,t[o]=(e[3*o+i]+e[3*i+o])*n}return t}function _e(t,e,n,r){var i=.5*Math.PI/180;e*=i,n*=i,r*=i;var a=Math.sin(e),o=Math.cos(e),s=Math.sin(n),c=Math.cos(n),l=Math.sin(r),u=Math.cos(r);return t[0]=a*c*u-o*s*l,t[1]=o*s*u+a*c*l,t[2]=o*c*l-a*s*u,t[3]=o*c*u+a*s*l,t}function Ke(t){return"quat("+t[0]+", "+t[1]+", "+t[2]+", "+t[3]+")"}var We,Ue,Ze,qe,Je,Qe,tn,en=function(t){var e=new R(4);return e[0]=t[0],e[1]=t[1],e[2]=t[2],e[3]=t[3],e},nn=function(t,e,n,r){var i=new R(4);return i[0]=t,i[1]=e,i[2]=n,i[3]=r,i},rn=function(t,e){return t[0]=e[0],t[1]=e[1],t[2]=e[2],t[3]=e[3],t},an=function(t,e,n,r,i){return t[0]=e,t[1]=n,t[2]=r,t[3]=i,t},on=function(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t[2]=e[2]+n[2],t[3]=e[3]+n[3],t},sn=De,cn=function(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t[2]=e[2]*n,t[3]=e[3]*n,t},ln=function(t,e){return t[0]*e[0]+t[1]*e[1]+t[2]*e[2]+t[3]*e[3]},un=function(t,e,n,r){var i=e[0],a=e[1],o=e[2],s=e[3];return t[0]=i+r*(n[0]-i),t[1]=a+r*(n[1]-a),t[2]=o+r*(n[2]-o),t[3]=s+r*(n[3]-s),t},hn=Oe,pn=hn,dn=$e,fn=dn,vn=function(t,e){var n=e[0],r=e[1],i=e[2],a=e[3],o=n*n+r*r+i*i+a*a;return o>0&&(o=1/Math.sqrt(o)),t[0]=n*o,t[1]=r*o,t[2]=i*o,t[3]=a*o,t},yn=function(t,e){return t[0]===e[0]&&t[1]===e[1]&&t[2]===e[2]&&t[3]===e[3]},gn=function(t,e){var n=t[0],r=t[1],i=t[2],a=t[3],o=e[0],s=e[1],c=e[2],l=e[3];return Math.abs(n-o)<=1e-6*Math.max(1,Math.abs(n),Math.abs(o))&&Math.abs(r-s)<=1e-6*Math.max(1,Math.abs(r),Math.abs(s))&&Math.abs(i-c)<=1e-6*Math.max(1,Math.abs(i),Math.abs(c))&&Math.abs(a-l)<=1e-6*Math.max(1,Math.abs(a),Math.abs(l))},mn=(We=Vt(),Ue=It(1,0,0),Ze=It(0,1,0),function(t,e,n){var r=te(e,n);return r<-.999999?(ee(We,Ue,e),Se(We)<1e-6&&ee(We,Ze,e),Qt(We,We),Te(t,We,Math.PI),t):r>.999999?(t[0]=0,t[1]=0,t[2]=0,t[3]=1,t):(ee(We,e,n),t[0]=We[0],t[1]=We[1],t[2]=We[2],t[3]=1+r,vn(t,t))}),bn=(qe=Ce(),Je=Ce(),function(t,e,n,r,i,a){return Ge(qe,e,i,a),Ge(Je,n,r,a),Ge(t,qe,Je,2*a*(1-a)),t}),kn=(Qe=new R(9),R!=Float32Array&&(Qe[1]=0,Qe[2]=0,Qe[3]=0,Qe[5]=0,Qe[6]=0,Qe[7]=0),Qe[0]=1,Qe[4]=1,Qe[8]=1,tn=Qe,function(t,e,n,r){return tn[0]=n[0],tn[3]=n[1],tn[6]=n[2],tn[1]=r[0],tn[4]=r[1],tn[7]=r[2],tn[2]=-e[0],tn[5]=-e[1],tn[8]=-e[2],vn(t,Ye(t,tn))});function xn(){var t=new R(2);return R!=Float32Array&&(t[0]=0,t[1]=0),t}function wn(t){var e=new R(2);return e[0]=t[0],e[1]=t[1],e}function Sn(t,e){var n=new R(2);return n[0]=t,n[1]=e,n}function Pn(t,e){return t[0]=e[0],t[1]=e[1],t}function jn(t,e,n){return t[0]=e,t[1]=n,t}function On(t,e,n){return t[0]=e[0]+n[0],t[1]=e[1]+n[1],t}function $n(t,e,n){return t[0]=e[0]-n[0],t[1]=e[1]-n[1],t}function Cn(t,e,n){return t[0]=e[0]*n[0],t[1]=e[1]*n[1],t}function En(t,e,n){return t[0]=e[0]/n[0],t[1]=e[1]/n[1],t}function Tn(t,e){return t[0]=Math.ceil(e[0]),t[1]=Math.ceil(e[1]),t}function Vn(t,e){return t[0]=Math.floor(e[0]),t[1]=Math.floor(e[1]),t}function Mn(t,e,n){return t[0]=Math.min(e[0],n[0]),t[1]=Math.min(e[1],n[1]),t}function Dn(t,e,n){return t[0]=Math.max(e[0],n[0]),t[1]=Math.max(e[1],n[1]),t}function In(t,e){return t[0]=Math.round(e[0]),t[1]=Math.round(e[1]),t}function Ln(t,e,n){return t[0]=e[0]*n,t[1]=e[1]*n,t}function Rn(t,e,n,r){return t[0]=e[0]+n[0]*r,t[1]=e[1]+n[1]*r,t}function An(t,e){var n=e[0]-t[0],r=e[1]-t[1];return Math.hypot(n,r)}function zn(t,e){var n=e[0]-t[0],r=e[1]-t[1];return n*n+r*r}function Fn(t){var e=t[0],n=t[1];return Math.hypot(e,n)}function Bn(t){var e=t[0],n=t[1];return e*e+n*n}function Gn(t,e){return t[0]=-e[0],t[1]=-e[1],t}function Hn(t,e){return t[0]=1/e[0],t[1]=1/e[1],t}function Nn(t,e){var n=e[0],r=e[1],i=n*n+r*r;return i>0&&(i=1/Math.sqrt(i)),t[0]=e[0]*i,t[1]=e[1]*i,t}function Xn(t,e){return t[0]*e[0]+t[1]*e[1]}function Yn(t,e,n){var r=e[0]*n[1]-e[1]*n[0];return t[0]=t[1]=0,t[2]=r,t}function _n(t,e,n,r){var i=e[0],a=e[1];return t[0]=i+r*(n[0]-i),t[1]=a+r*(n[1]-a),t}function Kn(t,e){e=e||1;var n=2*A()*Math.PI;return t[0]=Math.cos(n)*e,t[1]=Math.sin(n)*e,t}function Wn(t,e,n){var r=e[0],i=e[1];return t[0]=n[0]*r+n[2]*i,t[1]=n[1]*r+n[3]*i,t}function Un(t,e,n){var r=e[0],i=e[1];return t[0]=n[0]*r+n[2]*i+n[4],t[1]=n[1]*r+n[3]*i+n[5],t}function Zn(t,e,n){var r=e[0],i=e[1];return t[0]=n[0]*r+n[3]*i+n[6],t[1]=n[1]*r+n[4]*i+n[7],t}function qn(t,e,n){var r=e[0],i=e[1];return t[0]=n[0]*r+n[4]*i+n[12],t[1]=n[1]*r+n[5]*i+n[13],t}function Jn(t,e,n,r){var i=e[0]-n[0],a=e[1]-n[1],o=Math.sin(r),s=Math.cos(r);return t[0]=i*s-a*o+n[0],t[1]=i*o+a*s+n[1],t}function Qn(t,e){var n=t[0],r=t[1],i=e[0],a=e[1],o=Math.sqrt(n*n+r*r)*Math.sqrt(i*i+a*a),s=o&&(n*i+r*a)/o;return Math.acos(Math.min(Math.max(s,-1),1))}function tr(t){return t[0]=0,t[1]=0,t}function er(t){return"vec2("+t[0]+", "+t[1]+")"}function nr(t,e){return t[0]===e[0]&&t[1]===e[1]}function rr(t,e){var n=t[0],r=t[1],i=e[0],a=e[1];return Math.abs(n-i)<=1e-6*Math.max(1,Math.abs(n),Math.abs(i))&&Math.abs(r-a)<=1e-6*Math.max(1,Math.abs(r),Math.abs(a))}var ir=Fn,ar=$n,or=Cn,sr=En,cr=An,lr=zn,ur=Bn,hr=function(){var t=xn();return function(e,n,r,i,a,o){var s,c;for(n||(n=2),r||(r=0),c=i?Math.min(i*n+r,e.length):e.length,s=r;s<c;s+=n)t[0]=e[s],t[1]=e[s+1],a(t,t,o),e[s]=t[0],e[s+1]=t[1];return e}}(),pr={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 pr.divs(t,pr.len(t))},ang:function(t,e){return Math.acos(pr.dot(t,e)/(pr.len(t)*pr.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,i=t.z,a=e.x/2,o=e.y/2,s=e.z/2,c=Math.cos(a),l=Math.cos(o),u=Math.cos(s),h=Math.sin(a),p=Math.sin(o),d=Math.sin(s),f=c*l*u+-h*p*d,v=h*l*u- -c*p*d,y=c*p*u+h*l*-d,g=c*l*d- -h*p*u;return{x:n*(1-2*(y*y+g*g))+r*(2*(v*y-g*f))+i*(2*(v*g+y*f)),y:n*(2*(v*y+g*f))+r*(1-2*(v*v+g*g))+i*(2*(y*g-v*f)),z:n*(2*(v*g-y*f))+r*(2*(g*y+v*f))+i*(1-2*(v*v+y*y))}}};function dr(t,e){return e=Di(e)?1:e,Math.round(t*e)/e}function fr(t){return t*(Math.PI/180)}function vr(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===t?0:t/e}function yr(t){var e=t*(180/Math.PI);return e<0&&(e=360+e),e}function gr(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.cos(fr(t))}function mr(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+e*Math.sin(fr(t))}function br(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:gr(t,e,n),y:mr(t,e,r)}}function kr(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 s.distance([t,e],[n,r])}function xr(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return a.lerp([],t,e,1+n/a.dist(t,e))}function wr(t,e){return t.map((function(t){return a.transformMat4([],t,e)}))}function Sr(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[0],e)})),e}function Pr(t){var e=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.max(t[1],e)})),e}function jr(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[0],e)})),e}function Or(t){var e=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[0],e),n=Math.max(t[0],n)})),Math.round((e+n)/2)}function $r(t){var e=Number.MAX_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[1],e)})),e}function Cr(t){var e=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER;return t.forEach((function(t){e=Math.min(t[1],e),n=Math.max(t[1],n)})),Math.round((e+n)/2)}function Er(t,e){return yr(Math.atan2(e,t))}function Tr(t,e,n){return Ir({x:t[0],y:t[1]},{x:e[0],y:e[1]},{dx:n[0],dy:n[1]})}function Vr(t,e){var n=i.create();return i.translate(n,n,e),i.rotateZ(n,n,fr(t)),i.translate(n,n,a.negate([],e)),n}function Mr(){for(var t=i.create(),e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return n.forEach((function(e){i.multiply(t,t,e)})),t}function Dr(){return i.invert([],Mr.apply(void 0,arguments))}function Ir(t,e,n){var r=Er(t.x-e.x,t.y-e.y);return Er(t.x+n.dx-e.x,t.y+n.dy-e.y)-r}function Lr(t,e){return(Er(t,e)+180)%360}var Rr=/[xy]/g;function Ar(){var t=(new Date).getTime();return"xxx12-xx-34xx".replace(Rr,(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 zr(){var t=(new Date).getTime();return"idxxxxxxx".replace(Rr,(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 Fr=function(t){return 3*t*t*(1-t)},Br=function(t){return 3*t*(1-t)*(1-t)},Gr=function(t){return(1-t)*(1-t)*(1-t)};function Hr(t,e,n,r){var i=e,a=r;return function(t){return 1-(i*Fr(t)+a*Br(t)+Gr(t))}}function Nr(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},i=Math.sin(t-Math.PI/2)*n/2,a=Math.cos(t-Math.PI/2)*n/2;return{length:n,center:r,start:{x:r.x-a,y:r.y-i},end:{x:r.x+a,y:r.y+i}}}function Xr(t,e,n){return Di(n)?pr.cross2d(t,e):pr.cross2d(pr.sub(e,t),pr.sub(n,t))}function Yr(t,e,n,r){var i=Xr(t,e,n),a=t.x-r.x,o=t.y-r.y,s=e.x-r.x,c=e.y-r.y,l=n.x-r.x,u=n.y-r.y,h=(a*a+o*o)*(s*u-l*c)+(s*s+c*c)*(l*o-a*u)+(l*l+u*u)*(a*c-s*o);return i>0?h>=0:h<=0}function _r(t,e,n){for(var r=pr.create(Math.min(e,n),Math.max(e,n)),i=-1,a=0,o=t.length;a<o;a++)if(pr.equal(t[a],r)){i=a;break}i>-1?t.splice(i,1):t.push(r)}function Kr(t,e,n){var r=t[e];t[e]=t[n],t[n]=r}function Wr(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=t.length;t[e]=pr.create(-2e9,-2e9),t[e+1]=pr.create(2e9,-2e9),t[e+2]=pr.create(0,2e9);for(var n=[pr.create(e,e+1,e+2)],r=0;r<e;r++){for(var i=[],a=new Array(n.length),o=0;o<n.length;o++){if(!a[o])if(h=n[o]){var s=t[h.x],c=t[h.y],l=t[h.z],u=t[r];Yr(s,c,l,u)?(_r(i,h.x,h.y),_r(i,h.y,h.z),_r(i,h.z,h.x),Kr(a,o,n.length-1),Kr(n,o,n.length-1),n.pop(),o--):a[o]=!0}}i.forEach((function(e){0===Xr(t[e.x],t[e.y],t[r])||n.push(pr.create(e.x,e.y,r))}))}for(r=0;r<n.length;r++){var h;((h=n[r]).x>=e||h.y>=e||h.z>=e)&&(Kr(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 Ur(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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:function(){return Math.random()},s=[],c=-n,l=t+n,u=-r,h=e+r,p=c;p<l;p+=i)for(var d=u;d<h;d+=i){var f=Math.floor(p+i/2*(o()*a*2-a)),v=Math.floor(d+i/2*(o()*a*2-a));s[s.length]={x:f,y:v}}return s}function Zr(t,e,n){return{x:(t.x+e.x+n.x)/3,y:(t.y+e.y+n.y)/3}}var qr=/[\b\t \,\n]/g;function Jr(t){return t.trim().split(qr).filter((function(t){return t})).map((function(t){return+t}))}var Qr,ti={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},ei={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)"},ni=[[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"]],ri=function(t){return E()(ai(ei[t]||t))},ii=function(t){t=t.map((function(t){return Math.floor(100*t)/100}));for(var e=0,n=ni.length;e<n;e++){var r=ni[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(",")," )")},ai=function(t){if("string"==typeof t){if(ti[t])return ni.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},oi=function(t,e,n,r){var i=[t,e,n,r];return function(t){return mi(i,t)}},si=function(t,e,n){var r=[t,e,n];return function(t){return bi(r,t)}},ci=function(t,e){var n=[t,e];return function(t){return ki(n,t)}},li=function(t,e,n,r,i){var a=e(n),o=kr(r,i,a.x,a.y);o<t.minDist&&(t.minDist=o,t.minT=n)},ui=function(t,e,n,r,i,a,o,s){for(var c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,l=oi({x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:s}),u=0,h=l(0),p=0;p<=c;p++){var d=p/c,f=l(d);u+=kr(h.x,h.y,f.x,f.y),h=f}return u},hi=function(t,e,n,r,i,a){for(var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,s=si({x:t,y:e},{x:n,y:r},{x:i,y:a}),c=0,l=s(0),u=0;u<=o;u++){var h=u/o,p=s(h);c+=kr(l.x,l.y,p.x,p.y),l=p}return c},pi=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n={minDist:1/0,minT:0};return function(r,i){for(var a=0;a<=e;a++)li(n,t,a/e,r,i);var o=1/(2*e),s=n.minT;for(a=0;a<e;a++)li(n,t,s-o,r,i),li(n,t,s+o,r,i),o/=2;return n.minT}},di=function(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return pi(oi(t,e,n,r),i)},fi=function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return pi(si(t,e,n),r)},vi=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return pi(ci(t,e),n)},yi=function(t){if("linear"===t)return ci(n={x:0,y:0},r={x:1,y:1});var e=ai(t),n={x:0,y:0},r={x:e[0],y:e[1]},i={x:e[2],y:e[3]};return oi(n,r,i,{x:1,y:1})},gi=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}},mi=function(t,e){var n=gi(t[0],t[1],e),r=gi(t[1],t[2],e),i=gi(t[2],t[3],e),a=gi(n,r,e),o=gi(r,i,e);return gi(a,o,e)},bi=function(t,e){var n=gi(t[0],t[1],e),r=gi(t[1],t[2],e);return gi(n,r,e)},ki=function(t,e){return gi(t[0],t[1],e)},xi=function(t,e){var n=gi(t[0],t[1],e),r=gi(t[1],t[2],e),i=gi(t[2],t[3],e),a=gi(n,r,e),o=gi(r,i,e),s=gi(a,o,e);return{first:[t[0],n,a,s],second:[s,o,i,t[3]]}},wi=function(t,e){var n=gi(t[0],t[1],e),r=gi(t[1],t[2],e),i=gi(n,r,e);return{first:[t[0],n,i],second:[i,r,t[2]]}},Si=function(t,e){var n=gi(t[0],t[1],e);return{first:[t[0],n],second:[n,t[1]]}},Pi=function(t){var e=function(t){var e=a.negate([],t[0]),n=a.multiply([],[3,3,3],t[1]),r=a.multiply([],[-3,-3,-3],t[2]),i=t[3],o=a.add([],a.add([],e,n),a.add([],r,i));return a.multiply([],[3,3,3],o)}(t),n=function(t){var e=t[0],n=a.multiply([],[-2,-2,-2],t[1]),r=t[2],i=a.add([],a.add([],e,n),r);return a.multiply([],[6,6,6],i)}(t),r=function(t){var e=a.add([],t[1],a.negate([],t[0]));return a.multiply([],[3,3,3],e)}(t),i=[],o=n[0]*n[0]-4*e[0]*r[0];if(o<0);else if(0===o){var s=-n[0]/(2*e[0]);0<=s&&s<=1&&i.push(s)}else if(o>0){var c=(-n[0]+Math.sqrt(o))/(2*e[0]),l=(-n[0]-Math.sqrt(o))/(2*e[0]);0<=c&&c<=1&&i.push(c),0<=l&&l<=1&&i.push(l)}var u=n[1]*n[1]-4*e[1]*r[1];if(u<0);else if(0===u){var h=-n[1]/(2*e[1]);0<=h&&h<=1&&i.push(h)}else if(u>0){var p=(-n[1]+Math.sqrt(u))/(2*e[1]),d=(-n[1]-Math.sqrt(u))/(2*e[1]);0<=p&&p<=1&&i.push(p),0<=d&&d<=1&&i.push(d)}return i};function ji(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.__proto__,r=[];do{var i=n instanceof Object;if(!1===i)break;var a=Object.getOwnPropertyNames(n).filter((function(n){return t&&Bi(t[n])&&!e[n]}));r.push.apply(r,a),n=n.__proto__}while(n);return r}function Oi(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,i,a,o,s){n&&clearTimeout(n),n=setTimeout((function(){t(r,i,a,o,s)}),e||300)}}function $i(t,e){var n=void 0;return function(r,i,a,o,s){n||(n=setTimeout((function(){t(r,i,a,o,s),n=null}),e||300))}}function Ci(t,e){Object.keys(t).forEach((function(n,r){e(n,t[n],r)}))}function Ei(t,e){return Object.keys(t).map((function(n,r){return e(n,t[n],r)}))}function Ti(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return Ei(t,e).join(n)}function Vi(t,e,n){var r=Mi(t[e],e);return Bi(n)?n(r):r}function Mi(t,e){return void 0===t?e:t}function Di(t){return null==t}function Ii(t){return!1===Di(t)}function Li(t){return Array.isArray(t)}function Ri(t){return"boolean"==typeof t}function Ai(t){return"string"==typeof t}function zi(t){return!1===Ai(t)}function Fi(t){return"object"==V()(t)&&!Li(t)&&!Gi(t)&&!Ai(t)&&null!==t}function Bi(t){return"function"==typeof t}function Gi(t){return"number"==typeof t}function Hi(t){return 0===t}function Ni(t){return!Hi(t)}function Xi(t){if(!Di(t))return JSON.parse(JSON.stringify(t))}function Yi(t){var e={};return Object.keys(t).filter((function(e){return!!t[e]})).forEach((function(n){e[n]=t[n]})),e}function _i(t){return Object.keys(t).forEach((function(e){Array.isArray(t[e])&&(t[e]=t[e].join(", "))})),t}function Ki(t){return E()(Array(t))}function Wi(){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 Ui=/\<(\w*)([^\>]*)\/\>/gim,Zi=(Qr={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},S()(Qr,"path",!0),S()(Qr,"polygon",!0),S()(Qr,"polyline",!0),S()(Qr,"use",!0),Qr),qi=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 i=t.map((function(t,e){var r=n[e]||"";return Bi(r)&&(r=r()),Li(r)||(r=[r]),t+(r=r.join(""))})).join("");return i=i.replace(Ui,(function(t,e){return Zi[e.toLowerCase()]?t:t.replace("/>","></".concat(e,">"))}))};function Ji(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t||{};return Object.keys(n).filter((function(t){return Ii(n[t])})).map((function(t){return"".concat(t,": ").concat(n[t])})).join(";"+e)}function Qi(){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=t.split(n).map((function(t){return t.trim()})),i=$()(e),a=i[0],o=i.slice(1);""!=a&&(r[a]=o.join(n))})),r)}function ta(t){return Object.keys(t).map((function(e){return"class"===e&&Fi(t[e])?"".concat(e,'="').concat(ea(t[e]),'"'):Ri(t[e])||Di(t[e])||"undefined"===t[e]?t[e]?e:"":"".concat(e,'="').concat(t[e],'"')})).join(" ")}function ea(t){return Object.keys(t).filter((function(e){return t[e]})).map((function(t){return t})).join(" ")}function na(t){return t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function ra(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return t.map(e).join(n)}function ia(t,e){var n=new Set([].concat(E()(t),E()(e)));return n.size===t.length&&n.size===e.length}var aa=function(t,e){var n=t.filter((function(t){return t.indexOf("".concat(e,"("))>-1})),r=n.map((function(t){var n=t.split("".concat(e,"("))[1].split(")")[0].trim().split(" "),r=j()(n,2);return{target:r[0],param:r[1]}}));return[n,r]},oa=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:30,r=ri(t);return"\n        M0 ".concat(e," \n        C \n        ").concat(r[0]*e," ").concat(0==r[1]?n:(1-r[1])*n,",\n        ").concat(r[2]*e," ").concat(1==r[3]?0:(1-r[3])*n,",\n        ").concat(e," 0\n    ")},sa=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:30,r=ri(t);return"\n        M 0 ".concat(e," \n        L ").concat(r[0]*e," ").concat(0==r[1]?n:(1-r[1])*n,"\n        M ").concat(e," 0\n        L ").concat(r[2]*e," ").concat(1==r[3]?0:(1-r[3])*n,"\n    ")};function ca(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?la(t):"rgb"==e?ua(t,n):"hsl"==e?ha(t):t}function la(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);if(t.b<16&&(r="0"+r),1==t.a||Di(t.a))return"#".concat(e).concat(n).concat(r);var i=Math.ceil(255*t.a),a=i.toString(16);return i<16&&(a="0"+a),"#".concat(e).concat(n).concat(r).concat(a)}function ua(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(Li(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),!Di(t))return 1==t.a||Di(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 ha(t){return Li(t)&&(t={r:t[0],g:t[1],b:t[2],a:t[3]}),1==t.a||Di(t.a)?"hsl(".concat(t.h,",").concat(t.s,"%,").concat(t.l,"%)"):"hsla(".concat(t.h,",").concat(t.s,"%,").concat(t.l,"%,").concat(t.a,")")}function pa(t){return Math.pow(t,3)>.008856?Math.pow(t,3):(t-16/116)/7.787}function da(t){return t>.0031308?1.055*Math.pow(t,1/2.4)-.055:12.92*t}function fa(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.x,e=r.y,n=r.z}var i=t/100,a=e/100,o=n/100,s=3.2406*i+-1.5372*a+-.4986*o,c=-.9689*i+1.8758*a+.0415*o,l=.0557*i+-.204*a+1.057*o;s=da(s),c=da(c),l=da(l);var u=dr(255*s),h=dr(255*c),p=dr(255*l);return{r:u,g:h,b:p}}function va(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}var i=(t+16)/116,a=e/500+i,o=i-n/200;i=pa(i);var s=95.047*(a=pa(a)),c=100*i,l=108.883*(o=pa(o));return{x:s,y:c,z:l}}function ya(t){return t>.008856?Math.pow(t,1/3):(7.787*t+16)/116}function ga(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.x,e=r.y,n=r.z}var i=t/95.047,a=e/100,o=n/108.883;i=ya(i);var s=116*(a=ya(a))-16,c=500*(i-a),l=200*(a-(o=ya(o)));return{l:s,a:c,b:l}}function ma(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.l,e=r.a,n=r.b}return fa(va(t,e,n))}function ba(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=t/255,a=e/255,o=n/255,s=Math.max(i,a,o),c=Math.min(i,a,o),l=s-c,u=0;0==l?u=0:s==i?u=(a-o)/l%6*60:s==a?u=60*((o-i)/l+2):s==o&&(u=60*((i-a)/l+4)),u<0&&(u=360+u);return{h:u,s:0==s?0:l/s,v:s}}function ka(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=t/255,a=e/255,o=n/255,s=1-Math.max(i,a,o),c=(1-i-s)/(1-s),l=(1-a-s)/(1-s),u=(1-o-s)/(1-s);return{c:c,m:l,y:u,k:s}}function xa(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 i,a,o=Math.max(t,e,n),s=Math.min(t,e,n),c=(o+s)/2;if(o==s)i=a=0;else{var l=o-s;switch(a=c>.5?l/(2-o-s):l/(o+s),o){case t:i=(e-n)/l+(e<n?6:0);break;case e:i=(n-t)/l+2;break;case n:i=(t-e)/l+4}i/=6}return{h:dr(360*i),s:dr(100*a),l:dr(100*c)}}function wa(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Sa((t+e+n)/3>90?0:255)}function Sa(t){return{r:t,g:t,b:t}}function Pa(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Sa(Math.ceil((t+e+n)/3))}function ja(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return Sa($a(t,e,n).y)}function Oa(t,e,n){return Math.ceil(.2126*t+.7152*e+.0722*n)}function $a(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=Oa(t,e,n),a=.564*(n-i),o=.713*(t-i);return{y:i,cr:o,cb:a}}function Ca(t){return 100*(t>.04045?Math.pow((t+.055)/1.055,2.4):t/12.92)}function Ea(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}var i=t/255,a=e/255,o=n/255,s=.4124*(i=Ca(i))+.3576*(a=Ca(a))+.1805*(o=Ca(o)),c=.2126*i+.7152*a+.0722*o,l=.0193*i+.1192*a+.9505*o;return{x:s,y:c,z:l}}function Ta(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.r,e=r.g,n=r.b}return ga(Ea(t,e,n))}function Va(t,e,n,r){if(1==arguments.length){var i=arguments[0];t=i.c,e=i.m,n=i.y,r=i.k}var a=255*(1-t)*(1-r),o=255*(1-e)*(1-r),s=255*(1-n)*(1-r);return{r:a,g:o,b:s}}function Ma(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var i=t,a=e,o=n;i>=360&&(i=0);var s=a*o,c=s*(1-Math.abs(i/60%2-1)),l=o-s,u=[];return 0<=i&&i<60?u=[s,c,0]:60<=i&&i<120?u=[c,s,0]:120<=i&&i<180?u=[0,s,c]:180<=i&&i<240?u=[0,c,s]:240<=i&&i<300?u=[c,0,s]:300<=i&&i<360&&(u=[s,0,c]),{r:dr(255*(u[0]+l)),g:dr(255*(u[1]+l)),b:dr(255*(u[2]+l))}}function Da(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.v}var i=Ma(t,e,n);return xa(i.r,i.g,i.b)}function Ia(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 La(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var i=Ra(t,e,n);return ba(i.r,i.g,i.b)}function Ra(t,e,n){if(1==arguments.length){var r=arguments[0];t=r.h,e=r.s,n=r.l}var i,a,o;if(t/=360,n/=100,0==(e/=100))i=a=o=n;else{var s=n<.5?n*(1+e):n+e-n*e,c=2*n-s;i=Ia(c,s,t+1/3),a=Ia(c,s,t),o=Ia(c,s,t-1/3)}return{r:dr(255*i),g:dr(255*a),b:dr(255*o)}}function Aa(t,e,n,r){if(1==arguments.length){var i=arguments[0];t=i.y,e=i.cr,n=i.cb;r=(r=i.bit)||0}var a=t+1.402*(e-r),o=t-.344*(n-r)-.714*(e-r),s=t+1.772*(n-r);return{r:Math.ceil(a),g:Math.ceil(o),b:Math.ceil(s)}}var za={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 Fa={isColorName:function(t){return!!za[t]},getColorByName:function(t){return za[t]}};function Ba(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ga(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ba(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ba(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ha=/(#(?:[\da-f]{3}){1,2}|#(?:[\da-f]{8})|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 Na(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function Xa(t){return!!Ya(t).length}function Ya(t){var e=t.match(Ha),n=[];if(!e)return n;for(var r=0,i=e.length;r<i;r++)if(e[r].indexOf("#")>-1||e[r].indexOf("rgb")>-1||e[r].indexOf("hsl")>-1)n.push({color:e[r]});else{var a=Fa.getColorByName(e[r]);a&&n.push({color:e[r],nameColor:a})}var o={next:0};return n.forEach((function(e){var n=t.indexOf(e.color,o.next);e.startIndex=n,e.endIndex=n+e.color.length,o.next=e.endIndex})),n}function _a(t){var e=Ya(t);return e.forEach((function(e){t=t.replace(e.color,Na(e))})),{str:t,matches:e}}function Ka(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=_a(t);return n.str.split(e).map((function(t,e){return t=Za(t),n.matches[e]&&(t=t.replace(Na(n.matches[e]),n.matches[e].color)),t}))}function Wa(t,e){return e.forEach((function(e){t=t.replace(Na(e),e.color)})),t}var Ua=/^\s+|\s+$/g;function Za(t){return t.replace(Ua,"")}function qa(t){if(Ai(t)){if(Fa.isColorName(t)&&(t=Fa.getColorByName(t)),t.indexOf("rgb(")>-1){for(var e=0,n=(r=t.replace("rgb(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseInt(Za(r[e]),10);return o=Ga({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:1},{},xa(o))}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(Za(r[e])):parseInt(Za(r[e]),10);return o=Ga({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]},{},xa(o))}if(t.indexOf("hsl(")>-1){for(e=0,n=(r=t.replace("hsl(","").replace(")","").split(",")).length;e<n;e++)r[e]=parseFloat(Za(r[e]));return o=Ga({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:1},{},Ra(o))}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(Za(r[e])):parseInt(Za(r[e]),10);return o=Ga({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]},{},Ra(o))}if(0==t.indexOf("#")){var r=[],i=1;if(3==(t=t.replace("#","")).length)for(e=0,n=t.length;e<n;e++){var a=t.substr(e,1);r.push(parseInt(a+a,16))}else if(8===t.length){for(e=0,n=t.length;e<n;e+=2)r.push(parseInt(t.substr(e,2),16));i=r.pop()/255}else for(e=0,n=t.length;e<n;e+=2)r.push(parseInt(t.substr(e,2),16));return o=Ga({},o={type:"hex",r:r[0],g:r[1],b:r[2],a:i},{},xa(o))}}else if(Gi(t)){var o;if(0<=t&&t<=16777215)return o=Ga({},o={type:"hex",r:(16711680&t)>>16,g:(65280&t)>>8,b:(255&t)>>0,a:1},{},xa(o));if(0<=t&&t<=4294967295)return o=Ga({},o={type:"hex",r:(4278190080&t)>>24,g:(16711680&t)>>16,b:(65280&t)>>8,a:(255&t)/255},{},xa(o))}return t}function Ja(t){Ai(t)&&(t=Ka(t));var e=(t=t.map((function(t){if(Ai(t)){var e=_a(t),n=Za(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]=Wa(n[0],e.matches),n}if(Array.isArray(t))return t[1]?Ai(t[1])&&(t[1].indexOf("%")>-1?t[1]=parseFloat(t[1].replace(/%/,""))/100:t[1]=+t[1]):t[1]="*",E()(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 Qa(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",i=to(t,e,n);return ca(i,r)}function to(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=Di(t.a)?1:t.a,i=Di(e.a)?1:e.a;return{r:dr(t.r+(e.r-t.r)*n),g:dr(t.g+(e.g-t.g)*n),b:dr(t.b+(e.b-t.b)*n),a:dr(r+(i-r)*n,100)}}function eo(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!t)return[];Ai(t)&&(t=Ka(t));for(var n=(t=t||[]).length,r=[],i=0;i<n-1;i++)for(var a=0;a<e;a++)r.push(no(t[i],t[i+1],a/e));return r}function no(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",i=qa(t),a=qa(e);return Qa(i,a,n,r)}function ro(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 no(t,e,n,r)}function io(t){return t=qa(t),(Math.round(299*t.r)+Math.round(587*t.g)+Math.round(114*t.b))/1e3}function ao(t){return io(t)>=128?"black":"white"}function oo(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=e-((t=Ja(t)).length-1),i=r,a=1,o=t.length;a<o;a++){var s=t[a-1][0],c=t[a][0],l=1==a?t[a][1]:t[a][1]-t[a-1][1],u=a==t.length-1?i:Math.floor(l*r);n=n.concat(eo([s,c],u),[c]),i-=u}return n}function so(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",i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:100,s=qa(t),c=ba(s),l=(a-i)*o/n,u=[],h=1;h<=n;h++)c[e]=Math.abs((o-l*h)/o),u.push(ca(Ma(c),r));return u}function co(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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:360;return so(t,"h",e,n,r,i,1)}function lo(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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return so(t,"s",e,n,r,i,100)}function uo(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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return so(t,"v",e,n,r,i,100)}function ho(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}eo.parula=function(t){return eo(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],t)},eo.jet=function(t){return eo(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],t)},eo.hsv=function(t){return eo(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],t)},eo.hot=function(t){return eo(["#0b0000","#ff0000","#ffff00","#ffffff"],t)},eo.pink=function(t){return eo(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],t)},eo.bone=function(t){return eo(["#000000","#4a4a68","#a6c6c6","#ffffff"],t)},eo.copper=function(t){return eo(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],t)};var po=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ho(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ho(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},r,{},u,{},c,{},b,{},m,{},g,{},p,{},d,{},f,{},v,{},h,{},l),fo=[{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=fo.length;t<e;t++){var n=fo[t],r=po.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var vo={colors:fo,checkHueColor:function(t){for(var e,n,r=0;r<fo.length;r++)if(fo[r].start>=t){e=fo[r-1],n=fo[r];break}return e&&n?po.mix(e,n,(t-e.start)/(n.start-e.start)):fo[0].rgb}},yo=n(1),go=n.n(yo),mo=n(2),bo=n.n(mo),ko=n(3),xo=n.n(ko),wo=n(0),So=n.n(wo),Po=n(4),jo=n.n(Po),Oo=function(){function t(e){go()(this,t),this.cachedCallback={},this.callbacks={},this.commandes=[],this.editor=e}return bo()(t,[{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:"debug",value:function(){var t;this.editor&&this.editor.config.get("debug")&&(t=console).log.apply(t,arguments)}},{key:"on",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=e;r>0?a=Oi(e,r):i>0&&(a=$i(e,i)),this.getCallbacks(t).push({event:t,callback:a,context:n,originalCallback:e}),this.debug("add message event",t,n.sourceName)}},{key:"off",value:function(t,e){this.debug("off message event",t),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})))})),this.debug("off all message",t.sourceName)}},{key:"getCachedCallbacks",value:function(t){return this.getCallbacks(t)}},{key:"sendMessage",value:function(t,e){for(var n=this,r=arguments.length,i=new Array(r>2?r-2:0),a=2;a<r;a++)i[a-2]=arguments[a];Promise.resolve().then((function(){var r=n.getCachedCallbacks(e);if(r)for(var a=0,o=r.length;a<o;a++){var s=r[a];s.originalCallback.source!==t&&s.callback.apply(s.context,i)}}))}},{key:"nextSendMessage",value:function(t,e){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];Promise.resolve().then((function(){e.apply(void 0,r)}))}},{key:"triggerMessage",value:function(t,e){for(var n=this,r=arguments.length,i=new Array(r>2?r-2:0),a=2;a<r;a++)i[a-2]=arguments[a];Promise.resolve().then((function(){var r=n.getCachedCallbacks(e);if(r)for(var a=0,o=r.length;a<o;a++){var s=r[a];s.originalCallback.source===t&&s.callback.apply(s.context,i)}else console.warn(e," is not valid event")}))}},{key:"emit",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.sendMessage.apply(this,[this.source].concat(e))}},{key:"nextTick",value:function(t){this.nextSendMessage(this.source,t)}},{key:"trigger",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];this.triggerMessage.apply(this,[this.source].concat(e))}}]),t}(),$o=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):e&&function(t,e){t.removeAttribute(e)}(t,e)}(t,e,r)};function Co(t){for(var e={},n=t.length,r=0;r<n;r++){var i=t[r];e[i.name]=i.value}return e}function Eo(t,e,n,r){if(e)if(n){if(c=e,(s=n).nodeType===Node.TEXT_NODE&&s.textContent!==c.textContent||s.nodeName!==c.nodeName)t.replaceChild(n.cloneNode(!0),e);else if(n.nodeType!==Node.TEXT_NODE&&"[object HTMLUnknownElement]"!==n.toString()){!function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=[];r.push.apply(r,Object.keys(e)),r.push.apply(r,Object.keys(n));var i=new Set(r);i.forEach((function(r){$o(t,r,e[r],n[r])}))}(e,Co(n.attributes),Co(e.attributes));var i=To(e),a=To(n),o=Math.max(i.length,a.length);for(r=0;r<o;r++)Eo(e,i[r],a[r],r)}}else t.removeChild(e);else t.appendChild(n.cloneNode(!0));var s,c}var To=function(t){var e=t.firstChild;if(!e)return[];var n=[];do{n.push(e),e=e.nextSibling}while(e);return n};function Vo(t,e){t=t.el||t,e=e.el||e;for(var n=To(t),r=To(e),i=Math.max(n.length,r.length),a=0;a<i;a++)Eo(t,n[a],r[a],a)}var Mo={center:50,top:0,left:0,right:100,bottom:100},Do=function t(){go()(this,t)};Do.CENTER="center",Do.TOP="top",Do.RIGHT="right",Do.LEFT="left",Do.BOTTOM="bottom";var Io=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,Lo=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(go()(this,t),this.value=e,Gi(this.value)&&isNaN(this.value))throw new Error("NaN is not able to set");this.unit=n}return bo()(t,[{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 Gi(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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return this.value/t}},{key:"stringToPercent",value:function(){return Ii(Mo[this.value])?t.percent(Mo[this.value]):t.percent(0)}},{key:"stringToEm",value:function(t){return this.stringToPercent().toEm(t)}},{key:"stringToPx",value:function(t){return this.stringToPercent().toPx(t)}},{key:"toPercent",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?this.clone():this.isPx()?t.percent(100*this.value/e):this.isEm()?t.percent(this.value*n*100/e):this.isString()?this.stringToPercent(e):this.isDeg()?t.percent(this.value/360*100):void 0}},{key:"toEm",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?t.em(this.value/100*e/n):this.isPx()?t.em(this.value/n):this.isEm()?this.clone():this.isString()?this.stringToEm(e):void 0}},{key:"toPx",value:function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.isPercent()?t.px(this.value/100*e):this.isPx()?this.clone():this.isEm()?t.px(this.value/100*e/16):this.isString()?this.stringToPx(e):void 0}},{key:"toDeg",value:function(){return this.isDeg()?this.clone():this.isTurn()?t.deg(360*this.value):this.isRad()?t.deg(this.value*(180/Math.PI)):void 0}},{key:"toTurn",value:function(){return this.isTurn()?this.clone():this.isDeg()?t.turn(this.value/360):void 0}},{key:"toSecond",value:function(){return this.isSecond()?this:this.isMs()?t.second(this.value/1e3):void 0}},{key:"toMs",value:function(){return this.isSecond()?t.ms(1e3*this.value):this.isMs()?this:void 0}},{key:"to",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:16;return"px"===t?this.toPx(e,n):"%"===t||"percent"===t?this.toPercent(e,n):"em"===t?this.toEm(e,n):"deg"===t?this.toDeg():"turn"===t?this.toTurn():void 0}},{key:"toUnit",value:function(e){return new t(this.value,e)}},{key:"calculate",value:function(t,e){var n=this[t];return n?n.call(this,e):this}},{key:"includes",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.includes(this.value)}},{key:"round",value:function(e){return new t(dr(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)}}],[{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(),i=0,a=e.length;i<a;i++)r.value>e[i].value&&(r=e[i]);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(),i=0,a=e.length;i<a;i++)r.value<e[i].value&&(r=e[i]);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:"z",value:function(){return t.px(0)}},{key:"calc",value:function(e){return new t(e,"calc")}},{key:"parse",value:function(e){if(Ai(e=e||t.number(0))){var n=(e=e.trim()).replace(Io,"$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 Ii(e.percent)?r=e.percent:Ii(e.value)&&(r=e.value),t.percent(r)}if("px"==e.unit){r=0;return Ii(e.px)?r=e.px:Ii(e.value)&&(r=e.value),t.px(r)}if("em"==e.unit){r=0;return Ii(e.em)?r=e.em:Ii(e.value)&&(r=e.value),t.em(r)}if("deg"==e.unit){r=0;return Ii(e.deg)?r=e.deg:Ii(e.value)&&(r=e.value),t.deg(r)}if("turn"==e.unit){r=0;return Ii(e.deg)?r=e.turn:Ii(e.value)&&(r=e.value),t.turn(r)}if("s"==e.unit){r=0;return Ii(e.second)?r=e.second:Ii(e.value)&&(r=e.value),t.second(r)}if("ms"==e.unit){r=0;return Ii(e.ms)?r=e.ms:Ii(e.value)&&(r=e.value),t.ms(r)}if("number"==e.unit){r=0;return Ii(e.value)&&(r=e.value),t.number(r)}if("--"==e.unit){r=0;return Ii(e.value)&&(r=e.value),t.var(r)}if(""===e.unit||"string"===e.unit){r="";return Ii(e.str)?r=e.str:Ii(e.value)&&(r=e.value),t.string(r)}}return t.string(e)}}]),t}();Lo.auto=Lo.string("auto");var Ro=function(){function t(e,n,r){if(go()(this,t),zi(e))this.el=e;else{var i=document.createElement(e);for(var a in n&&(i.className=n),r=r||{})i.setAttribute(a,r[a]);this.el=i}}return bo()(t,[{key:"setAttr",value:function(t){var e=this;return Object.keys(t).forEach((function(n){e.attr(n,t[n])})),this}},{key:"setAttrNS",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"http://www.w3.org/2000/svg";return Object.keys(t).forEach((function(r){e.attr(r,t[r],n)})),this}},{key:"setProp",value:function(t){var e=this;return Object.keys(t).forEach((function(n){e.el[n]!=t[n]&&(e.el[n]=t[n])})),this}},{key:"data",value:function(t,e){return 1===arguments.length?this.attr("data-"+t):2===arguments.length?this.attr("data-"+t,e):this}},{key:"attr",value:function(t,e){return 1==arguments.length?this.el.getAttribute(t):(this.el.getAttribute(t)!=e&&this.el.setAttribute(t,e),this)}},{key:"attrNS",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"http://www.w3.org/2000/svg";return 1==arguments.length?this.el.getAttributeNS(n,t):(this.el.getAttributeNS(n,t)!=e&&this.el.setAttributeNS(n,t,e),this)}},{key:"attrKeyValue",value:function(t){return S()({},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:"path",value:function(){if(!this.el)return[];var t=this.parent();return t?[].concat(E()(t.path()),[this]):[this]}},{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 Di(t)?this.el.innerHTML:(Ai(t)?this.el.innerHTML=t:this.empty().append(t),this)}},{key:"htmlDiff",value:function(t){Vo(this,t)}},{key:"updateDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Vo(this,t.create(n).html(e))}},{key:"updateSVGDiff",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Vo(this,t.create(n).html("<svg>".concat(e,"</svg>")).firstChild.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 E()(this.el.querySelectorAll(t))}},{key:"$$",value:function(e){return this.findAll(e).map((function(e){return t.create(e)}))}},{key:"empty",value:function(){for(;this.el.firstChild;)this.el.removeChild(this.el.firstChild);return this}},{key:"append",value:function(t){return Ai(t)?this.el.appendChild(document.createTextNode(t)):this.el.appendChild(t.el||t),this}},{key:"prepend",value:function(t){return Ai(t)?this.el.prepend(document.createTextNode(t)):this.el.prepend(t.el||t),this}},{key:"prependHTML",value:function(e){var n=t.create("div").html(e);return this.prepend(n.createChildrenFragment()),n}},{key:"appendHTML",value:function(e){var n=t.create("div").html(e);return this.append(n.createChildrenFragment()),n}},{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(Di(e))return this.el.textContent;var n=e;return e instanceof t&&(n=e.text()),this.el.textContent!==n&&(this.el.textContent=n),this}},{key:"css",value:function(t,e){if(Ii(t)&&Ii(e))this.el.style[t]=e;else if(Ii(t)){if(Ai(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),i=0;i<n;i++)r[i]=arguments[i];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 i=this.el.style[r];e[i]=this.el.style[i]}for(var a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return o.forEach((function(n){e[n]=t.css(n)})),e}},{key:"cssText",value:function(t){return Di(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,Lo.px(e))}},{key:"rect",value:function(){return this.el.getBoundingClientRect()}},{key:"bbox",value:function(){return this.el.getBBox()}},{key:"isSVG",value:function(){return"SVG"===this.el.tagName.toUpperCase()}},{key:"offsetRect",value:function(){if(this.isSVG()){var t=this.parent().rect(),e=this.rect();return{x:e.x-t.x,y:e.y-t.y,top:e.x-t.x,left:e.y-t.y,width:e.width,height:e.height}}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(Di(e))return this.el.value;if(Ii(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.el.style.display="none"!=t?t:"block",this}},{key:"hide",value:function(){return this.el.style.display="none",this}},{key:"isHide",value:function(){return"none"===this.el.style.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]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=t.create(e,n,r);return a.css(i),this.append(a),a}},{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(){if("true"===this.attr("contenteditable")){var t=document.createRange();t.selectNodeContents(this.el);var e=window.getSelection();e.removeAllRanges(),e.addRange(t)}else this.el.select();return this}},{key:"blur",value:function(){return this.el.blur(),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(),i=window.devicePixelRatio||1;this.px("width",+e),this.px("height",+n),this.el.width=e*i,this.el.height=n*i,r.scale(i,i)}},{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(),i=window.devicePixelRatio||1;r.drawImage(t,e,n,t.width,t.height,0,0,this.el.width/i,this.el.height/i)}},{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 i=this.context();i.beginPath(),i.moveTo(t,e),i.lineTo(n,r),i.stroke(),i.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?E()(this.el.files):[]}},{key:"totalLength",get:function(){return this.el.getTotalLength()}},{key:"firstChild",get:function(){return t.create(this.el.firstElementChild)}}],[{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)}}]),t}(),Ao=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Go;return" ".concat(e," ").concat(t)},zo=/^dom (.*)/gi,Fo=/^load (.*)/gi,Bo=/^bind (.*)/gi,Go="|",Ho={},No=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(" ")}},Xo=No,Yo=No("click"),_o=No("dblclick"),Ko=(No("mousedown"),No("mouseup"),No("mousemove"),No("mouseover"),No("mouseout"),No("mouseenter"),No("mouseleave"),No("touchstart"),No("touchmove"),No("touchend"),No("keydown")),Wo=No("keyup"),Uo=(No("keypress"),No("drag"),No("dragstart")),Zo=No("drop"),qo=No("dragover"),Jo=(No("dragenter"),No("dragleave"),No("dragexit"),No("dragout"),No("dragend")),Qo=(No("contextmenu"),No("change")),ts=No("input"),es=No("focus"),ns=(No("focusin"),No("focusout")),rs=No("blur"),is=(No("paste"),No("resize")),as=No("scroll"),os=No("submit"),ss=Xo("pointerdown"),cs=Xo("pointerover"),ls=(Xo("pointerenter"),Xo("pointerout")),us=Xo("pointermove"),hs=Xo("pointerup"),ps=Xo("change","input"),ds=Xo("wheel","mousewheel","DOMMouseScroll"),fs=(No("animationstart"),No("animationend"),No("animationiteration"),No("transitionstart"),No("transitionend")),vs=(No("transitionrun"),No("transitioncancel"),Xo("doubletab")),ys=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Go;return Ao(t,e)},gs=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Go;return Ao("after(".concat(t,")"),e)},ms=ys,bs=ys,ks=(ys("ArrowUp"),ys("ArrowDown"),ys("ArrowLeft"),ys("ArrowRight"),ys("Enter")),xs=(ys("Space"),ys("Escape")),ws=ys("isAltKey"),Ss=(ys("isShiftKey"),ys("isMetaKey"),ys("isCtrlKey"),ys("self"),ys("fit"),ys("passive"),ys("domdiff")),Ps=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return ys("debounce(".concat(t,")"))},js=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300;return ys("delay(".concat(t,")"))},Os=(Ps(1e3),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return ys("throttle(".concat(t,")"))}),$s=(ys("capture()"),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return gs("bodyMouseMove ".concat(t))}),Cs=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return gs("bodyMouseUp ".concat(t))},Es=gs("preventDefault"),Ts=gs("stopPropagation"),Vs=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"load "+t},Ms=function(t){if(""===t)return"";var e=Ar();return Ho[e]=t,e},Ds=function(t){return function(){return this.prevState[t]!=this.state[t]}},Is=function(){return!0},Ls=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?Go+Ms(e):"")};function Rs(t,e){return Math.sign(t)*Math.min(e,Math.abs(t))}var As,zs={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}}},Fs=n(6),Bs=n.n(Fs),Gs=n(9),Hs=n.n(Gs),Ns=n(13),Xs=n.n(Ns),Ys=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};go()(this,t),this.context=e,this.options=n}return bo()(t,[{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:"run",value:function(){}},{key:"destroy",value:function(){}}]),t}(),_s={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0},Ks={doubletab:"touchend"},Ws={doubletab:!0},Us=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initialize",value:function(){var t=this;this.destroy(),this._domEvents||(this._domEvents=this.context.filterProps(zo)),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;zs.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 i=n.runEventCallback(r,t,e);if(Ii(i))return i}}},{key:"makeDelegateCallback",value:function(t,e){var n=this;return function(r){var i=n.hasDelegate(r,t);if(i){r.$dt=Ro.create(i);var a=n.runEventCallback(r,t,e);if(Ii(a))return a}}}},{key:"runEventCallback",value:function(t,e,n){var r=this.context;if(t.xy=zs.posXY(t),e.beforeMethods.length&&e.beforeMethods.every((function(e){return r[e.target].call(r,t,e.param)})),this.checkEventType(t,e)){var i=n(t,t.$dt,t.xy);return!1!==i&&e.afterMethods.length&&e.afterMethods.forEach((function(e){return r[e.target].call(r,t,e.param)})),i}}},{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 i=!0;return e.checkMethodList.length&&(i=e.checkMethodList.every((function(e){var r=n[e];return Bi(r)&&r?r.call(n,t):!Ii(r)||!!r}))),r&&i}},{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 Ro?e.getElement():e}},{key:"getRealEventName",value:function(t){return Ks[t]||t}},{key:"getCustomEventName",value:function(t){return Ws[t]?t:""}},{key:"getDefaultEventObject",value:function(t,e){var n=this.context,r=e,i=r.filter((function(t){return!!n[t]})),a=aa(r,"after"),o=j()(a,2),s=o[0],c=o[1],l=aa(r,"before"),u=j()(l,2),h=u[0],p=u[1],d=aa(r,"debounce"),f=j()(d,2),v=f[0],y=f[1],g=aa(r,"delay"),m=j()(g,2),b=m[0],k=m[1],x=aa(r,"throttle"),w=j()(x,2),S=w[0],P=w[1],O=aa(r,"capture"),$=j()(O,1)[0],C=[].concat(E()(i),E()(s),E()(h),E()(b),E()(v),E()(S),E()($)),T=r.filter((function(t){return-1===C.indexOf(t)})).map((function(t){return t.toLowerCase()}));return{eventName:this.getRealEventName(t),customEventName:this.getCustomEventName(t),codes:T,captures:$,afterMethods:c,beforeMethods:p,delayMethods:k,debounceMethods:y,throttleMethods:P,checkMethodList:i}}},{key:"addEvent",value:function(t,e){t.callback=this.makeCallback(t,e),this.addBinding(t);var n=!!t.captures.length;_s[t.eventName]&&(n={passive:!0,capture:n}),zs.addEvent(t.dom,t.eventName,t.callback,n)}},{key:"makeCustomEventCallback",value:function(t,e){var n=this;if("doubletab"===t.customEventName){var r=300;return t.delayMethods.length&&(r=+t.delayMethods[0].target),function(){n.doubleTab?(performance.now()-n.doubleTab.time<r&&e.apply(void 0,arguments),n.doubleTab=null):n.doubleTab={time:performance.now()}}}return e}},{key:"bindingEvent",value:function(t,e,n){var r=$()(t),i=r[0],a=r[1],o=r.slice(2),s=this.getDefaultEventObject(i,e);if(s.dom=this.getDefaultDomElement(a),s.delegate=o.join(" "),s.debounceMethods.length)n=Oi(n,+s.debounceMethods[0].target);else if(s.throttleMethods.length){n=$i(n,+s.throttleMethods[0].target)}n=this.makeCustomEventCallback(s,n),this.addEvent(s,n)}},{key:"getEventNames",value:function(t){var e=[];return t.split(":").forEach((function(t){var n=t.split(":");e.push.apply(e,n)})),e}},{key:"parseEvent",value:function(t){for(var e=this.context,n=t.split(Go).map((function(t){return t.trim()})),r=n.shift().split("dom ")[1].split(" "),i=this.getEventNames(r[0]),a=e[t].bind(e),o=0,s=i.length;o<s;o++)r[0]=i[o],this.bindingEvent(r,n,a)}}]),e}(Ys),Zs=function(t,e,n){if("cssText"!==e)if("style"!==e)if("class"!==e)"callback"===e&&Bi(n)?n():Di(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);else if(Li(n))t.addClass.apply(t,E()(n));else if(Fi(n))for(var r=Object.keys(n),i=0,a=r.length;i<a;i++){var o=r[i],s=n[o];t.toggleClass(o,s)}else t.addClass(n);else zi(n)&&t.css(n);else t.cssText(n)},qs=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{key:"bindData",value:function(){var t,e,n,r=this,i=arguments;return Hs.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:for(t=i.length,e=new Array(t),n=0;n<t;n++)e[n]=i[n];return this._bindMethods||(this._bindMethods=this.context.filterProps(Bo)),a.next=4,Hs.a.awrap(this._bindMethods.filter((function(t){if(!e.length)return!0;var n=t.split(Go),r=j()(n,2),i=r[0],a=(r[1],i.split(" ")),o=j()(a,2),s=(o[0],o[1]);return e.indexOf(s)>-1})).forEach((function(t){var n,i,a,o,s,c,l,u,h,p,d,f,v,y,g;return Hs.a.async((function(m){for(;;)switch(m.prev=m.next){case 0:if(n=r.context[t],i=t.split(Go),a=j()(i,2),t=a[0],o=a[1],s=r.getRef(o),c=Is,""!=s&&Ai(s)?c=Ds(s):Bi(s)&&(c=s),l=t.split("bind ")[1],u=r.context.refs[l],h=Bi(c)&&c.call(r.context),!u||!h){m.next=16;break}return m.next=11,Hs.a.awrap(n.call.apply(n,[r.context].concat(e)));case 11:if(p=m.sent){m.next=14;break}return m.abrupt("return");case 14:for(d=Object.keys(p),f=0,v=d.length;f<v;f++)y=d[f],g=p[y],Zs(u,y,g);case 16:case"end":return m.stop()}}))})));case 4:case"end":return a.stop()}}),null,this)}},{key:"destroy",value:function(){this._bindMethods=void 0}}]),e}(Ys),Js={};function Qs(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.assign(Js,t)}function tc(){var t=Xs()(["",""]);return tc=function(){return t},t}function ec(){var t=Xs()(["\n        ","\n      "]);return ec=function(){return t},t}function nc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function rc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?nc(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):nc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var ic=Ro.create("div"),ac="[".concat("ref","]"),oc=(As={constructor:!0,initState:!0,refresh:!0,updateData:!0},S()(As,"constructor",!0),S()(As,"initializeProperty",!0),S()(As,"created",!0),S()(As,"getRealEventName",!0),S()(As,"initializeStoreEvent",!0),S()(As,"destoryStoreEvent",!0),S()(As,"destroy",!0),S()(As,"emit",!0),S()(As,"trigger",!0),S()(As,"on",!0),S()(As,"off",!0),S()(As,"setState",!0),S()(As,"_reload",!0),S()(As,"render",!0),S()(As,"initialize",!0),S()(As,"afterRender",!0),S()(As,"components",!0),S()(As,"getRef",!0),S()(As,"parseTemplate",!0),S()(As,"childrenIds",!0),S()(As,"exists",!0),S()(As,"parseProperty",!0),S()(As,"parseSourceName",!0),S()(As,"parseComponent",!0),S()(As,"clean",!0),S()(As,"refresh",!0),S()(As,"load",!0),S()(As,"bindData",!0),S()(As,"template",!0),S()(As,"eachChildren",!0),S()(As,"destroy",!0),S()(As,"collectProps",!0),S()(As,"filterProps",!0),S()(As,"self",!0),S()(As,"isAltKey",!0),S()(As,"isCtrlKey",!0),S()(As,"isShiftKey",!0),S()(As,"isMetaKey",!0),S()(As,"preventDefault",!0),S()(As,"stopPropagation",!0),S()(As,"bodyMouseMove",!0),S()(As,"bodyMouseUp",!0),As),sc=function(){function t(e,n){go()(this,t),this.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=Ar(),this.handlers=this.initializeHandler(),this.initializeProperty(e,n),this.initComponents()}return bo()(t,[{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=Ar(),this.sourceName=this.constructor.name}},{key:"initComponents",value:function(){this.childComponents=rc({},this.components())}},{key:"initializeHandler",value:function(){return[new qs(this),new Us(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:"toggleState",value:function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.setState(S()({},t,!this.state[t]),e)}},{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(qi(ec(),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;Li(t)&&(t=t.join("")),t=t.trim();var r=ic.html(t).children();return r.forEach((function(t){var e=t.attr("ref");e&&(n.refs[e]=t);var r=t.$$(ac),i={};r.forEach((function(t){var r=t.attr("ref");i[r]?console.warn("".concat(e," is duplicated. - ").concat(n.sourceName),n):i[r]=!0,n.refs[r]=t}))})),e?ic.createChildrenFragment():r[0]}},{key:"childrenIds",value:function(){return Ei(this.children,(function(t,e){return e.id}))}},{key:"exists",value:function(){return!this.parent||!Bi(this.parent.childrenIds)||this.parent.childrenIds().indexOf(this.id)>-1}},{key:"parseProperty",value:function(t){var e,n={},r=!0,i=!1,a=void 0;try{for(var o,s=t.el.attributes[Symbol.iterator]();!(r=(o=s.next()).done);r=!0){var c=o.value;n[c.nodeName]=c.nodeValue}}catch(t){i=!0,a=t}finally{try{r||null==s.return||s.return()}finally{if(i)throw a}}return n.props&&(n=rc({},n,{},(e=n.props,Ho[e]||""))),t.$$("property").forEach((function(t){var e=t.attrs("name","value","type"),r=j()(e,3),i=r[0],a=r[1],o=r[2],s=a||t.text();"json"===o&&(s=JSON.parse(s)),n[i]=s})),n}},{key:"parseSourceName",value:function(t){return t.parent?[t.sourceName].concat(E()(this.parseSourceName(t.parent))):[t.sourceName]}},{key:"getEventMachineComponent",value:function(t){return Js[t]||this.childComponents[t]}},{key:"parseComponent",value:function(){var t=this;this.$el.$$("[refclass]").forEach((function(e){var n=t.getEventMachineComponent(e.attr("refclass"));if(n){var r=t.parseProperty(e),i=e.attr("ref"),a=null;t.children[i]?(a=t.children[i])._reload(r):(a=new n(t,r),t.children[i||a.id]=a,a.render()),e.replace(a.$el)}else e.remove()})),Ci(this.children,(function(e,n){n&&n.clean()&&delete t.children[e]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return Ci(this.children,(function(t,e){e.clean()})),this.destroy(),this.$el=null,!0}},{key:"refresh",value:function(){this.load()}},{key:"_afterLoad",value:function(){this.runHandlers("initialize"),this.bindData(),this.parseComponent()}},{key:"load",value:function(){var t,e,n,r=this,i=arguments;return Hs.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:for(t=i.length,e=new Array(t),n=0;n<t;n++)e[n]=i[n];return this._loadMethods||(this._loadMethods=this.filterProps(Fo)),a.next=4,Hs.a.awrap(this._loadMethods.filter((function(t){var n=t.split("load ")[1].split(Go).map((function(t){return t.trim()}))[0];return!e.length||e.indexOf(n)>-1})).forEach((function(t){var n,i,a,o,s,c,l,u,h;return Hs.a.async((function(p){for(;;)switch(p.prev=p.next){case 0:if(n=t.split("load ")[1],i=n.split(Go).map((function(t){return t.trim()})),a=$()(i),o=a[0],s=(s=a.slice(1)).map((function(t){return t.trim()})),c=Boolean(s.filter((function(t){return Ss.includes(t)})).length),!r.refs[o]){p.next=11;break}return p.next=7,Hs.a.awrap((l=r[t]).call.apply(l,[r].concat(e)));case 7:Li(u=p.sent)&&(u=u.join("")),h=r.parseTemplate(qi(tc(),u),!0),c?r.refs[o].htmlDiff(h):r.refs[o].html(h);case 11:case"end":return p.stop()}}))})));case 4:this._afterLoad();case 5:case"end":return a.stop()}}),null,this)}},{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){Bi(t)&&Ci(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(){return ji(this,oc)}},{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)}}]),t}(),cc=new Map,lc=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"has",value:function(t){return cc.has(t)}},{key:"get",value:function(t){return cc.get(t)}},{key:"set",value:function(t,e){cc.size>1e3&&cc.clear(),cc.set(t,e)}}]),t}(),uc=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"parseStyle",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50% 0%";if(lc.has(t))return lc.get(t);var e=t.trim().split(" ").filter((function(t){return t.trim()})),n=null;return n=1===e.length?[e[0],e[0]].map((function(t){return Lo.parse(t)})):e.map((function(t){return Lo.parse(t)})),lc.set(t,n),n}},{key:"scale",value:function(e,n,r){var i=t.parseStyle(e);return[i[0].toPx(n).value,i[1].toPx(r).value,i[2].value]}},{key:"toPx",value:function(e,n,r){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=t.parseStyle(e),o=j()(a,3),s=o[0],c=o[1],l=o[2];return s=s.toPx(n),c=c.toPx(r),l=l.toPx(i),"".concat(s," ").concat(c," ").concat(l)}}]),t}();function hc(t,e,n,r,i,a,o,s){var c=((o-i)*(e-a)-(s-a)*(t-i))/((s-a)*(n-t)-(o-i)*(r-e)),l=((n-t)*(e-a)-(r-e)*(t-i))/((s-a)*(n-t)-(o-i)*(r-e));return 0<=c&&c<=1&&0<=l&&l<=1}function pc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,r=!1,i=t.length;return t.forEach((function(a,o){var s=j()(a,2),c=s[0],l=s[1],u=j()(t[(o+1)%i],2),h=u[0],p=u[1];(l>=n&&p<n||l<n&&p>=n)&&e<(h-c)*(n-l)/(p-l)+c&&(r=!r)})),r}function dc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0,i=arguments.length>4?arguments[4]:void 0,a=t.length;return t.some((function(o,s){var c=j()(o,2),l=c[0],u=c[1],h=j()(t[(s+1)%a],2),p=h[0],d=h[1];return hc(e,n,r,i,l,u,p,d)}))}function fc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=t.length;return t.some((function(r,i){var a=j()(r,2),o=a[0],s=a[1],c=j()(t[(i+1)%n],2),l=c[0],u=c[1],h=dc(e,o,s,l,u);return!!h||!!(h=pc(t,e[0][0],e[0][1]))}))}function vc(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"50% 50% 0px",a=uc.scale(i,n,r);return[[t,e,0],[t+n,e,0],[t+n,e+r,0],[t,e+r,0],[t+a[0],e+a[1],0]]}function yc(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=a.lerp([],t[0],t[1],.5),r=a.lerp([],t[2],t[3],.5),i=xr(r,n,e);return i}function gc(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=Number.MAX_SAFE_INTEGER,n=Number.MAX_SAFE_INTEGER,r=Number.MIN_SAFE_INTEGER,i=Number.MIN_SAFE_INTEGER,a=[],o=[];return t.forEach((function(t){t.verties().forEach((function(t){a.push(t[0]),o.push(t[1])}))})),e=Math.min.apply(Math,a),r=Math.max.apply(Math,a),n=Math.min.apply(Math,o),i=Math.max.apply(Math,o),e===Number.MAX_SAFE_INTEGER&&(e=0),n===Number.MAX_SAFE_INTEGER&&(n=0),r===Number.MIN_SAFE_INTEGER&&(r=0),i===Number.MIN_SAFE_INTEGER&&(i=0),vc(e,n,r-e,i-n)}function mc(t){var e=Lo.px(t[0][0]).floor(),n=Lo.px(t[0][1]).floor();return{x:e,left:e,y:n,top:n,width:Lo.px(a.dist(t[0],t[1])).floor(),height:Lo.px(a.dist(t[0],t[3])).floor()}}function bc(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kc(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bc(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bc(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var xc=function(){function t(){var e=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return go()(this,t),this.ref=new Proxy(this,{get:function(t,e){var n=t[e];return Bi(n)?function(){for(var e=arguments.length,r=new Array(e),i=0;i<e;i++)r[i]=arguments[i];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."));var i=t.json[n]!=r;return t.json[n]=r,i&&e.changed(),!0}}),n instanceof t&&(n=n.toJSON()),this.json=this.convert(Object.assign(this.getDefaultObject(),n)),this.ref}return bo()(t,[{key:"getDefaultTitle",value:function(){return"Item"}},{key:"getIcon",value:function(){return""}},{key:"isAttribute",value:function(){return!1}},{key:"isChanged",value:function(t){return this.json.timestamp!=Number(t)}},{key:"changed",value:function(){this.json.timestamp=this.json._timestamp+performance.now()}},{key:"setParent",value:function(t){this.json.parent=t}},{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(t){return!!this.json&&t===this.json.itemType}},{key:"isNot",value:function(t){return!1===this.is(t)}},{key:"isSVG",value:function(){return!1}},{key:"generateListNumber",value:function(){this.layers.forEach((function(t,e){t.no=e,t.generateListNumber()}))}},{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(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.attrs("itemType","elementType","type","visible","lock","selected");return t&&(e.layers=this.json.layers.map((function(e){return e.clone(t)}))),e}},{key:"clone",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],e=this.constructor,n=new e(this.toCloneObject(t));return n.setParent(this.json.parent),n}},{key:"reset",value:function(t){this.json=this.convert(Object.assign(this.json,t)),this.changed()}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=zr();return kc({id:e,_timestamp:Date.now(),_time:performance.now(),visible:!0,lock:!1,selected:!1,layers:[]},t)}},{key:"attrs",value:function(){for(var t=this,e={},n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return r.forEach((function(n){e[n]=Xi(t.json[n])})),e}},{key:"hasChildren",value:function(){return this.layers.length>0}},{key:"appendChildItem",value:function(t){return t.parent===this.ref?t:(this.resetMatrix(t),t.parent&&t.remove(),t.setParent(this.ref),this.json.layers.push(t),this.project.addIndexItem(t),t)}},{key:"prependChildItem",value:function(t){return this.resetMatrix(t),t.parent&&t.remove(),t.setParent(this.ref),this.json.layers.unshift(t),this.project.addIndexItem(t),t}},{key:"resetMatrix",value:function(t){}},{key:"insertChildItem",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return this.resetMatrix(t),t.parent&&t.remove(),t.setParent(this.ref),this.json.layers.splice(e,0,t),this.project.addIndexItem(t),t}},{key:"appendAfter",value:function(t){var e=this.parent.findIndex(this);return this.parent.insertChildItem(t,e),this.project.addIndexItem(t),t}},{key:"appendBefore",value:function(t){var e=this.parent.findIndex(this);return this.parent.insertChildItem(t,e-1),this.project.addIndexItem(t),t}},{key:"setPositionInPlace",value:function(t,e){this.layers.splice(t,0,e)}},{key:"toggle",value:function(t,e){Di(e)?this.json[t]=!this.json[t]:this.json[t]=!!e}},{key:"isTreeItemHide",value:function(){var t=this.parent,e=[];do{if(t.is("project"))break;e.push(Boolean(t.collapsed)),t=t.parent}while(t);return Boolean(e.filter(Boolean).length)}},{key:"expectJSON",value:function(t){return"parent"!==t&&!Di(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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return this.json.parent.copyItem(this.ref,t)}},{key:"findIndex",value:function(t){return this.json.layers.indexOf(t.ref)}},{key:"copyItem",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=t.clone();n.move([e,e,0]);var r=this.findIndex(t);return r>-1&&(this.json.layers.splice(r+1,0,n),this.project.addIndexItem(n)),n}},{key:"remove",value:function(){this.json.parent.removeItem(this.ref),this.project.removeIndexItem(this.ref)}},{key:"removeItem",value:function(t){var e=this.findIndex(t);e>-1&&this.json.layers.splice(e,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:"searchById",value:function(t){if(this.id===t)return e.addIndexItem(this.ref),this.ref;for(var e=this.project,n=0,r=this.layers.length;n<r;n++){var i=this.layers[n];if(i.id===t)return e.addIndexItem(i),i;var a=i.searchById(t);if(a)return a}return null}},{key:"title",get:function(){return this.json.name||this.getDefaultTitle()}},{key:"allLayers",get:function(){return function t(e){var n=[];return e.layers.length&&e.layers.forEach((function(e){n.push.apply(n,t(e))})),n.push(e),n}(this.ref)}},{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:"depth",get:function(){return this.parent?this.parent.depth+1:1}},{key:"top",get:function(){if(!this.parent)return this.ref;var t=this.parent;do{if(!t.parent)return t;t=t.parent}while(t)}},{key:"project",get:function(){return this.path.find((function(t){return t.is("project")}))}},{key:"artboard",get:function(){return this.path.find((function(t){return t.is("artboard")}))}},{key:"path",get:function(){if(!this.parent)return[this.ref];var t=this.parent.path;return t.push(this.ref),t}},{key:"positionInParent",get:function(){if(!this.parent)return-1;for(var t=this.parent.layers,e=-1,n=0,r=t.length;n<r;n++)if(t[n]===this.ref){e=n;break}return e}}]),t}();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 Sc(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){S()(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}var Pc=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Sc({selected:!1,layers:[]},t)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return Ji(this.toCSS())}}]),e}(xc),jc=new Map,Oc=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"has",value:function(t){return jc.has(t)}},{key:"get",value:function(t){return jc.get(t)}},{key:"set",value:function(t,e){jc.size>1e3&&jc.clear(),jc.set(t,e)}}]),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}var Cc=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)|matrix(3d)?|perspective)\(([^\)]*)\))/gi,Ec=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return{itemType:"transform",value:[]}}},{key:"toCloneObject",value:function(){return function(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){S()(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}({},this.attrs("itemType","type","value"))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value.join(", ")||"",")")}},{key:"hasNumberValue",value:function(){var t=this.json.type;return t.includes("matrix")||t.includes("scale")}}],[{key:"join",value:function(t){var n=t.filter((function(t){return"perspective"===t.type})),r=t.filter((function(t){return"matrix3d"===t.type})),i=t.filter((function(t){return"perspective"!==t.type&&"matrix3d"!==t.type}));return[].concat(E()(n),E()(i),E()(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 Ai(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,!1).filter((function(t){return n(t)})))}},{key:"replace",value:function(t,n){var r=e.parseStyle(t,!1),i=r.find((function(t){return t.type===n.type}));return i?i.value=n.value:r.push(n),e.join(r)}},{key:"replaceAll",value:function(t,n){for(var r=e.parseStyle(t,!1),i=e.parseStyle(n),a=0,o=i.length;a<o;a++){var s=i[a],c=r.find((function(t){return t.type===s.type}));c?c.value=s.value:r.push(s)}return e.join(r)}},{key:"addTransform",value:function(t,n){for(var r=e.parseStyle(t,!1),i=e.parseStyle(n),a=0,o=i.length;a<o;a++){var s=i[a],c=r.find((function(t){return t.type===s.type}));c?s.value.forEach((function(t,e){c.value[e].value+=t.value})):r.push(s)}return e.join(r)}},{key:"get",value:function(t,n){var r=e.parseStyle(t);if(r=Bi(n)?r.find(n):r.find((function(t){return t.type===n})))return r.value}},{key:"createRotateKey",value:function(t,e,n){return"".concat(t,":::").concat(n,"(").concat(e,")")}},{key:"rotate",value:function(t,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rotate",i=e.createRotateKey(t,n,r);return Oc.has(i)?Oc.get(i):(Oc.set(i,e.replace(t,{type:r,value:[n]})),Oc.get(i))}},{key:"rotateZ",value:function(t,n){return e.rotate(t,n,"rotateZ")}},{key:"rotateX",value:function(t,n){return e.rotate(t,n,"rotateX")}},{key:"rotateY",value:function(t,n){return e.rotate(t,n,"rotateY")}},{key:"parseStyle",value:function(t){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!t)return r;if(n&&Oc.has(t))return Oc.get(t);var i=t.match(Cc)||[];return i.forEach((function(t,n){var i=t.split("("),a=j()(i,2),o=a[0],s=a[1],c=(s=s.split(")")[0]).split(",");c=s.includes("matrix")||s.includes("scale")?c.map((function(t){return Lo.number(t.trim())})):c.map((function(t){return Lo.parse(t.trim())})),r[n]=e.parse({type:o,value:c})})),n&&Oc.set(t,r),r}},{key:"createTransformMatrix",value:function(t,e,n){for(var r=i.create(),a=0,o=t.length;a<o;a++){var s=t[a];switch(s.type){case"translate":case"translateX":case"translateY":case"translateZ":var c=s.value;"translate"===s.type?c=[c[0].toPx(e).value,c[1].toPx(n).value,0]:"translateX"===s.type?c=[c[0].toPx(e).value,0,0]:"translateY"===s.type?c=[0,c[0].toPx(n).value,0]:"translateZ"===s.type&&(c=[0,0,c[0].toPx().value]),i.translate(r,r,c);break;case"rotate":case"rotateZ":i.rotateZ(r,r,fr(s.value[0].value));break;case"rotateX":i.rotateX(r,r,fr(s.value[0].value));break;case"rotateY":i.rotateY(r,r,fr(s.value[0].value));break;case"rotate3d":c=s.value;i.rotate(r,r,fr(s.value[3].value),[c[0].value,c[1].value,c[2].value]);break;case"scale":i.scale(r,r,[s.value[0].value,s.value[1].value,1]);break;case"scaleX":i.scale(r,r,[s.value[0].value,1,1]);break;case"scaleY":i.scale(r,r,[1,s.value[0].value,1]);break;case"scaleZ":i.scale(r,r,[1,1,s.value[0].value]);break;case"matrix":c=[(c=s.value)[0].value,c[1].value,0,0,c[2].value,c[3].value,0,0,0,0,1,0,c[4].value,c[5].value,0,1],i.multiply(r,r,c);break;case"matrix3d":c=s.value.map((function(t){return t.value}));i.multiply(r,r,c)}}return r}},{key:"fromScale",value:function(t){if(1===t[0]&&1===t[1])return"";var e=[];return 1!=t[0]&&e.push("scaleX(".concat(t[0],")")),1!=t[1]&&e.push("scaleY(".concat(t[1],")")),1!=t[2]&&e.push("scaleZ(".concat(t[2],")")),e.join(" ")}}]),e}(Pc),Tc=function(){function t(){go()(this,t)}return bo()(t,null,[{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,i){if(!(i<=r+1)){for(var a=0,o=r,s=e*e,c=n[r],l=n[i],u=r+1;u<i;u++){var h=t.segmentDistance2(n[u].x,n[u].y,c,l);h<=a||(o=u,a=h)}a>s&&(n[o].mark=!0,t.DouglasPeuker(e,n,r,o),t.DouglasPeuker(e,n,o,i))}}},{key:"simply",value:function(e,n){return e.length<=2?e:((e=Xi(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 i=r.x-n.x,a=r.y-n.y,o=i*i+a*a,s=t-n.x,c=e-n.y,l=i*s+a*c;if(0===o)return s*s+c*c;if(l<=0)return s*s+c*c;if(l>=o)return(s=t-r.x)*s+(c=e-r.y)*c;var u=s*a-c*i;return u*u/o}},{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,i=0,a=e.length;i<a;i++){var o=e[i];if(t.isEqual(o.startPoint,n)){r=i;break}}return r}},{key:"getPointIndex",value:function(e,n){for(var r=-1,i=0,a=e.length;i<a;i++){var o=e[i];if(t.isEqual(o,n)){r=i;break}}return r}},{key:"getLastPoint",value:function(t,e){if(!t.length)return null;for(var n=-1,r=e+1,i=t.length;r<i;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 a=t[n];return a&&(a.index=n),a}},{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 i=t[n];return i&&(i.index=n),i}},{key:"getConnectedPoint",value:function(t,e){}},{key:"getPrevPoint",value:function(e,n){var r=n-1;if(r<0)return t.getLastPoint(e,n);var i=e[r];return i&&(i.index=r),i}},{key:"getNextPoint",value:function(e,n){var r=e[n],i=e[n+1];return i&&(i.index=n+1),r.connected&&(i=t.getFirstPoint(e,n)),i}},{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,t)})),e.forEach((function(t,e){t.index=e})),e}}]),t}(),Vc=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Mc=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,Dc=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";go()(this,t),this.reset(e)}return bo()(t,[{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(Mc)||[];return e.filter((function(t){return""!=t}))}},{key:"parse",value:function(){var t=this,e=this.pathString.match(Vc)||[];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],i=r.values[r.values.length-2],a=r.values[r.values.length-1],o=0,s=e.values.length;o<s;o+=2)e.values[o]+=i,e.values[o+1]+=a;return{command:e.command.toUpperCase(),values:E()(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],i=this.segments[e+1],a=r.command,o=r.values;if("M"===a){var s=j()(o,2),c=s[0],l=s[1];t.push({command:a,originalCommand:a,startPoint:{x:c,y:l},endPoint:{x:c,y:l},reversePoint:{x:c,y:l},curve:!1})}else if("L"===a){if((w=Tc.getPrevPoint(t,t.length)).curve){var u=j()(o,2);c=u[0],l=u[1];t.push({command:a,originalCommand:a,startPoint:{x:c,y:l},endPoint:{x:c,y:l},reversePoint:Xi(w.endPoint),curve:!0})}else{var h=j()(o,2);c=h[0],l=h[1];t.push({command:a,originalCommand:a,startPoint:{x:c,y:l},endPoint:{x:c,y:l},reversePoint:{x:c,y:l},curve:!1})}}else if("Q"===a){var p=j()(o,4),d=p[0],f=p[1];c=p[2],l=p[3];if((w=Tc.getPrevPoint(t,t.length)).curve){var v={x:c,y:l},y={x:c,y:l},g={x:c,y:l};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1}),w.endPoint={x:d,y:f}}else if(i&&"L"===i.command){w.curve=!0,w.endPoint={x:d,y:f};v={x:c,y:l},g={x:c,y:l},y={x:c,y:l};t.push({command:"L",originalCommand:a,curve:!1,startPoint:v,endPoint:y,reversePoint:g})}else{v={x:c,y:l},g={x:d,y:f},y={x:c,y:l};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g})}}else if("T"===a){var m=j()(o,2);c=m[0],l=m[1];if(($=segments[e-1])&&"Q"===$.command){var b=j()($.values,4),k=(d=b[0],f=b[1],b[2]),x=b[3];(w=Tc.getPrevPoint(t,t.length)).endPoint=Tc.getReversePoint({x:k,y:x},{x:d,y:f});v={x:c,y:l},y={x:c,y:l},g={x:c,y:l};t.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("C"===a){var w=Tc.getPrevPoint(t,t.length),S=j()(o,6),P=(d=S[0],f=S[1],S[2]),O=S[3];v={x:c=S[4],y:l=S[5]},g={x:P,y:O},y={x:c,y:l};t.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g}),w&&(w.curve=!0,w.endPoint={x:d,y:f})}else if("S"===a){var $,C=j()(o,2);c=C[0],l=C[1];if(($=segments[e-1])&&"C"===$.command){var E=j()($.values,4);P=E[0],O=E[1],k=E[2],x=E[3];(w=Tc.getPrevPoint(t,t.length)).endPoint=Tc.getReversePoint(w.startPoint,w.reversePoint);v={x:c,y:l},y={x:c,y:l},g={x:P,y:O};t.push({command:"Q",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("Z"===a){w=Tc.getPrevPoint(t,t.length);var T=Tc.getFirstPoint(t,t.length);Tc.isEqual(w.startPoint,T.startPoint)&&(w.connected=!0,w.endPoint=Xi(T.endPoint),T.reversePoint=Xi(w.reversePoint)),w.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 Ii(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,r){return t.call(e,n,r)}));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 i=0,a=n.length;i<a;i+=2){r=t(n,i);e.values[i]=r[0],e.values[i+1]=r[1]}}return e}),e)}},{key:"clone",value:function(){return new t(this.joinPath())}},{key:"translate",value:function(t,e){return this.transformMat4(i.fromTranslation([],[t,e,0])),this}},{key:"translateTo",value:function(t,e){return this.joinPath(this.transformMat4(i.fromTranslation([],[t,e,0]),!0))}},{key:"scale",value:function(t,e){return this.transformMat4(i.fromScaling([],[t,e,1])),this}},{key:"scaleTo",value:function(t,e){return this.joinPath(this.transformMat4(i.fromScaling([],[t,e,1]),!0))}},{key:"rotate",value:function(t,e,n){return this.transformMat4(i.fromRotation([],fr(t),[e||0,n||0,0])),this}},{key:"rotateTo",value:function(t){return this.joinPath(this.transformMat4(i.fromRotation([],fr(t),[centerX||0,centerY||0,0]),!0))}},{key:"reflectionOrigin",value:function(){return this.transformMat4(i.fromScaling([],[-1,-1,0])),this}},{key:"reflectionOriginTo",value:function(){return this.joinPath(this.transformMat4(i.fromScaling([],[-1,-1,0]),!0))}},{key:"flipX",value:function(){return this.transformMat4(i.fromScaling([],[1,-1,0])),this}},{key:"flipXTo",value:function(){return this.joinPath(this.transformMat4(i.fromScaling([],[1,-1,0]),!0))}},{key:"flipY",value:function(){return this.transformMat4(i.fromScaling([],[-1,1,0])),this}},{key:"flipYTo",value:function(){return this.joinPath(this.transformMat4(i.fromScaling([],[-1,1,0]),!0))}},{key:"skewX",value:function(t){return this.transformMat4(i.fromValues(1,Math.tan(fr(t)),0,0,0,1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewXTo",value:function(t){return this.joinPath(this.transformMat4(i.fromValues(1,Math.tan(fr(t)),0,0,0,1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"skewY",value:function(t){return this.transformMat4(i.fromValues(1,0,0,0,Math.tan(fr(t)),1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewYTo",value:function(t){return this.joinPath(this.transformMat4(i.fromValues(1,0,0,0,Math.tan(fr(t)),1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"normalize",value:function(){}},{key:"getBBox",value:function(){var t=Number.MAX_SAFE_INTEGER,e=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER,r=Number.MIN_SAFE_INTEGER;return this.each((function(i,a){var o,s,c,l=i.values,u=i.command,h=this.segments[a-1];switch(u){case"M":case"L":t=Math.min(t,l[0]),n=Math.max(n,l[0]),e=Math.min(e,l[1]),r=Math.max(r,l[1]);break;case"V":t=Math.min(t,l[0]),n=Math.max(n,l[0]);break;case"H":e=Math.min(e,l[1]),r=Math.max(r,l[1]);break;case"C":(o=[[h.values[h.values.length-2],h.values[h.values.length-1],0],[l[0],l[1],0],[l[2],l[3],0],[l[4],l[5],0]],s=Pi(o),c=o.map((function(t){return{x:t[0],y:t[1]}})),s.map((function(t){var e=mi(c,t);return[e.x,e.y,0]}))).forEach((function(i){t=Math.min(t,i[0]),n=Math.max(n,i[0]),e=Math.min(e,i[1]),r=Math.max(r,i[1])}));break;case"Q":for(var p=[[h.values[h.values.length-2],h.values[h.values.length-1],0],[l[0],l[1],0],[l[2],l[3],0]].map((function(t){return{x:t[0],y:t[1]}})),d=0;d<=1;d+=1e-4){var f=bi(p,d),v=f.x,y=f.y;t=Math.min(t,v),n=Math.max(n,v),e=Math.min(e,y),r=Math.max(r,y)}}return i})),[[t,e,0],[n,e,0],[n,r,0],[t,r,0]]}},{key:"toString",value:function(){return this.joinPath()}},{key:"transformMat4",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=a.transformMat4([],[n[0],n[1],0],t);e.values=[r[0],r[1]];break;case"V":r=a.transformMat4([],[+n[0],0,0],t);e.values=[r[0]];break;case"H":r=a.transformMat4([],[0,+n[0],0],t);e.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var i=0,o=n.length;i<o;i+=2){r=a.transformMat4([],[n[i],n[i+1],0],t);e.values[i]=r[0],e.values[i+1]=r[1]}}return e}),e)}},{key:"invert",value:function(t){this.transformMat4(i.invert([],t))}},{key:"round",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return this.each((function(e){return e.values=e.values.map((function(e){return dr(e,t)})),e})),this}},{key:"reverseSegments",value:function(t){for(var e=[],n=t.length-1,r=n;r>0;r--){var i=t[r],a=i.values,o=i.command,s=t[r-1],c=s.values[s.values.length-2],l=s.values[s.values.length-1];switch(o){case"L":r===n&&e.push({command:"M",values:[a[0],a[1]]}),e.push({command:"L",values:[c,l]});break;case"C":r===n&&e.push({command:"M",values:[a[4],a[5]]}),e.push({command:"C",values:[a[2],a[3],a[0],a[1],c,l]});break;case"Q":r===n&&e.push({command:"M",values:[a[2],a[3]]}),e.push({command:"Q",values:[a[0],a[1],c,l]});break;case"Z":e.push(i),n=r-1}}return"Z"===e[0].command&&e.push(e.shift()),e}},{key:"splitSegments",value:function(){var t=[],e=[];return this.segments.forEach((function(n){"M"===n.command?(e=[n],t.push(e)):e.push(n)})),t}},{key:"reverse",value:function(){var t=this,e=this.splitSegments(),n=[];e.forEach((function(e){n.push.apply(n,t.reverseSegments(e))})),this.segments=n}},{key:"d",get:function(){return this.toString()}},{key:"verties",get:function(){var t=[],e=[];return this.each((function(n){var r=n.values;switch(n.command){case"M":case"L":t.push([].concat(E()(n.values),[0]));break;case"V":t.push([r[0],e.pop(),0]);break;case"H":e.pop(),t.push([e.pop(),r[0],0]);break;case"C":case"S":case"T":case"Q":for(var i=0,a=r.length;i<a;i+=2)t.push([r[i],r[i+1],0])}e=r})),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 Lc(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){S()(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}var Rc=Lo.z(),Ac=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return Lc({},Bs()(So()(e.prototype),"toCloneObject",this).call(this,t),{},this.attrs("x","y","width","height"))}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).x=Lo.parse(t.x),t.y=Lo.parse(t.y),t.width=Lo.parse(t.width),t.height=Lo.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),this.changed()}},{key:"setScreenY",value:function(t){var e=0;this.isChild&&(e=this.json.parent.screenY.value),this.json.y.set(t-e),this.changed()}},{key:"move",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0];this.reset({x:Lo.px(this.offsetX.value+t[0]).round(),y:Lo.px(this.offsetY.value+t[1]).round()})}},{key:"moveByCenter",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0],e=this.matrix;this.reset({x:Lo.px(t[0]-e.width/2),y:Lo.px(t[1]-e.height/2)})}},{key:"checkInArea",value:function(t){return fc(t,this.verties())}},{key:"hasPoint",value:function(t,e){return pc(this.verties(),t,e)}},{key:"isIncludeByArea",value:function(t){return 4===this.rectVerties().map((function(e){return pc.apply(void 0,[t].concat(E()(e)))})).filter(Boolean).length}},{key:"getPerspectiveMatrix",value:function(){if(this.json.perspective||Ec.get(this.json.transform,"perspective")){var t=uc.parseStyle(this.json["perspective-origin"]),e=j()(t,2),n=e[0],r=void 0===n?Lo.percent(50):n,a=e[1],o=void 0===a?Lo.percent(50):a,s=this.screenWidth.value,c=this.screenHeight.value;r=r.toPx(s).value,o=o.toPx(c).value;var l=i.create();i.translate(l,l,[r,o,0]);var u=Ec.get(this.json.transform,"perspective");if(u.length)i.multiply(l,l,i.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/u[0].value,1));else{if(!this.json.perspective||"none"==this.json.perspective)return;i.multiply(l,l,i.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/Lo.parse(this.json.perspective).value,1))}return i.translate(l,l,[-r,-o,0]),l}}},{key:"getItemTransformMatrix",value:function(){var t=Ec.parseStyle(Ec.rotate(this.json.transform,this.json.rotate)),e=this.screenWidth.value,n=this.screenHeight.value;return Ec.createTransformMatrix(t,e,n)}},{key:"getItemTransformMatrixInverse",value:function(){return i.invert([],this.getItemTransformMatrix())}},{key:"getTransformMatrix",value:function(){var t=uc.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value),e=i.create();return i.translate(e,e,t),i.multiply(e,e,this.getItemTransformMatrix()),i.translate(e,e,a.negate([],t)),e}},{key:"getTransformMatrixInverse",value:function(){return i.invert([],this.getTransformMatrix())}},{key:"getDirectionTransformMatrix",value:function(t,e,n){var r=this.offsetX.value,o=this.offsetY.value,s=a.add([],uc.scale(this.json["transform-origin"]||"50% 50% 0px",e,n),a.negate([],t)),c=i.create();return i.translate(c,c,[r,o,0]),i.translate(c,c,t),i.translate(c,c,s),i.multiply(c,c,this.getItemTransformMatrix()),i.translate(c,c,a.negate([],s)),c}},{key:"getDirectionTopLeftMatrix",value:function(t,e){return this.getDirectionTransformMatrix([0,0,0],t,e)}},{key:"getDirectionLeftMatrix",value:function(t,e){return this.getDirectionTransformMatrix([0,e/2,0],t,e)}},{key:"getDirectionTopMatrix",value:function(t,e){return this.getDirectionTransformMatrix([t/2,0,0],t,e)}},{key:"getDirectionBottomLeftMatrix",value:function(t,e){return this.getDirectionTransformMatrix([0,e,0],t,e)}},{key:"getDirectionTopRightMatrix",value:function(t,e){return this.getDirectionTransformMatrix([t,0,0],t,e)}},{key:"getDirectionRightMatrix",value:function(t,e){return this.getDirectionTransformMatrix([t,e/2,0],t,e)}},{key:"getDirectionBottomRightMatrix",value:function(t,e){return this.getDirectionTransformMatrix([t,e,0],t,e)}},{key:"getDirectionBottomMatrix",value:function(t,e){return this.getDirectionTransformMatrix([t/2,e,0],t,e)}},{key:"getAccumulatedMatrix",value:function(){for(var t=i.create(),e=this.path.filter((function(t){return!1===t.is("project")})),n=0,r=e.length;n<r;n++){var a=e[n];if(a.parent&&Bi(a.parent.getPerspectiveMatrix)){var o=a.parent.getPerspectiveMatrix();o&&i.multiply(t,t,o)}var s=a.offsetX.value,c=a.offsetY.value;i.translate(t,t,[s,c,0]),i.multiply(t,t,a.getTransformMatrix())}return t}},{key:"getAccumulatedMatrixInverse",value:function(){return i.invert([],this.getAccumulatedMatrix())}},{key:"verties",value:function(t,e){return wr(vc(0,0,t||this.screenWidth.value,e||this.screenHeight.value,this.json["transform-origin"]),this.getAccumulatedMatrix())}},{key:"selectionVerties",value:function(){return wr(vc(-6,-6,this.screenWidth.value+12,this.screenHeight.value+12,this.json["transform-origin"]),this.getAccumulatedMatrix())}},{key:"rectVerties",value:function(){return this.verties().filter((function(t,e){return e<4}))}},{key:"guideVerties",value:function(){return this.verties()}},{key:"pathVerties",value:function(){return this.accumulatedPath().verties}},{key:"accumulatedPath",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t||this.json.d,n=new Dc(e),r=this.getAccumulatedMatrix();return n.transformMat4(r),n}},{key:"invertPath",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=new Dc(t);return e.transformMat4(this.getAccumulatedMatrixInverse()),e}},{key:"invertPathString",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.invertPath(t).d}},{key:"checkInAreaForAll",value:function(t){var e=E()(this.checkInAreaForLayers(t));return this.is("artboard")?e:this.is("project")?e:(this.checkInArea(t)&&e.push(this.ref),e)}},{key:"checkInAreaForLayers",value:function(t){var e=[];return this.layers.forEach((function(n){e.push.apply(e,n.checkInAreaForLayers(t)),n.checkInArea(t)&&e.push(n)})),e}},{key:"getTransformOriginMatrix",value:function(){return i.fromTranslation([],uc.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value))}},{key:"getTransformOriginMatrixInverse",value:function(){return i.invert([],this.getTransformOriginMatrix())}},{key:"resetMatrix",value:function(t){var e=Mr(this.getAccumulatedMatrixInverse(),t.getAccumulatedMatrix()),n=Ec.fromScale(i.getScaling([],e).map((function(t){return dr(t,1e3)}))),r=i.getRotation([],e),a=[],s=o.getAxisAngle(a,r),c=[{angle:a[0]?yr(s*a[0]):0,type:"rotateX"},{angle:a[1]?yr(s*a[1]):0,type:"rotateY"},{angle:a[2]?yr(s*a[2]):0,type:"rotateZ"}].filter((function(t){return 0!==t.angle})).map((function(t){return"".concat(t.type,"(").concat(Lo.deg(t.angle%360).round(1e3),")")})).join(" "),l=Ec.replaceAll(t.transform,"".concat(n," ").concat(c)),u=Ec.parseStyle(l),h=t.screenWidth.value,p=t.screenHeight.value,d=Ec.createTransformMatrix(u,h,p),f=i.getTranslation([],Mr(e,Dr(t.getTransformOriginMatrix(),d,t.getTransformOriginMatrixInverse()))),v=j()(f,3),y=v[0],g=v[1];v[2];t.reset({x:Lo.px(y),y:Lo.px(g),transform:l})}},{key:"getIndex",value:function(){for(var t=this.json.parent.layers,e=-1,n=0,r=t.length;n<r;n++)if(t[n]===this.ref){e=n;break}return e}},{key:"setOrder",value:function(t){var e=this.json.parent,n=this.getIndex();n>-1&&(e.layers[n]=e.layers[t],e.layers[t]=this.ref)}},{key:"next",value:function(){if(this.isLast())return this.ref;var t=this.getIndex();return this.json.parent.layers[t+1]}},{key:"prev",value:function(){if(this.isFirst())return this.ref;var t=this.getIndex();return this.json.parent.layers[t-1]}},{key:"orderNext",value:function(){if(this.isLast()){if(this.json.parent.is("artboard"))return;this.json.parent.next().add(this,"prepend")}else{var t=this.getIndex();t>-1&&this.setOrder(t+1)}}},{key:"isFirst",value:function(){return 0===this.getIndex()}},{key:"isLast",value:function(){return this.getIndex()===this.json.parent.layers.length-1}},{key:"orderPrev",value:function(){if(this.isFirst()){if(this.json.parent.is("artboard"))return;this.json.parent.prev().add(this)}else{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:"orderTop",value:function(){}},{key:"orderBottom",value:function(){}},{key:"isAbsolute",get:function(){return"absolute"===this.json.position}},{key:"isRelative",get:function(){return"relative"===this.json.position}},{key:"isChild",get:function(){if(this.json.parent&&(!1===this.json.parent.is("project")&&this.isAbsolute))return!0;return!1}},{key:"screenX",get:function(){return this.isChild?Lo.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||Lo.z()}},{key:"screenY",get:function(){return this.isChild?Lo.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||Lo.z()}},{key:"offsetX",get:function(){return this.parent?this.json.x.toPx(this.screenWidth.value):this.json.x||Rc}},{key:"offsetY",get:function(){return this.parent?this.json.y.toPx(this.screenHeight.value):this.json.y||Rc}},{key:"screenWidth",get:function(){return this.is("project")||!this.parent?Rc:this.parent.is("project")?this.json.width.toPx():this.is("artboard")?this.json.width.toPx():this.json.width.toPx(this.parent.screenWidth.value)}},{key:"screenHeight",get:function(){return this.is("project")||!this.parent?Rc:this.parent.is("project")?this.json.height.toPx():this.is("artboard")?this.json.height.toPx():this.json.height.toPx(this.parent.screenHeight.value)}},{key:"matrix",get:function(){var t=this.id,e=this.offsetX.value,n=this.offsetY.value,r=this.screenWidth.value,a=this.screenHeight.value,o=this.json.transform,s=this.json["transform-origin"]||"50% 50% 0%",c=this.parent&&Bi(this.parent.getAccumulatedMatrix)?this.parent.getAccumulatedMatrix():i.create(),l=i.invert([],c),u=this.getTransformMatrix(),h=this.getTransformMatrixInverse(),p=this.getItemTransformMatrix(),d=this.getItemTransformMatrixInverse(),f=this.getAccumulatedMatrix(),v=this.getAccumulatedMatrixInverse(),y={"to top left":this.getDirectionTopLeftMatrix(r,a),"to top":this.getDirectionTopMatrix(r,a),"to top right":this.getDirectionTopRightMatrix(r,a),"to right":this.getDirectionRightMatrix(r,a),"to bottom left":this.getDirectionBottomLeftMatrix(r,a),"to bottom":this.getDirectionBottomMatrix(r,a),"to bottom right":this.getDirectionBottomRightMatrix(r,a),"to left":this.getDirectionLeftMatrix(r,a)},g=this.verties(r,a),m=g.map((function(t){return t[0]})),b=g.map((function(t){return t[1]}));return{id:t,x:e,y:n,width:r,height:a,transform:o,originalTransformOrigin:s,verties:g,rectVerties:g.filter((function(t,e){return 4!=e})),xList:m,yList:b,directionMatrix:y,parentMatrix:c,parentMatrixInverse:l,localMatrix:u,localMatrixInverse:h,itemMatrix:p,itemMatrixInverse:d,accumulatedMatrix:f,accumulatedMatrixInverse:v}}}]),e}(xc),zc=new(function(){function t(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];go()(this,t),this.components={}}return bo()(t,[{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)}}]),t}());function Fc(t,e){if(Ai(e)){var n=e.split(":"),r=j()(n,4),i=r[0],a=r[1],o=r[2],s=r[3];return 3600*(i=parseInt(i,10))+60*(a=parseInt(a,10))+(o=parseInt(o,10))+(s=parseInt(s,10))*(1/t)}return Gi(e)?e/t:0}function Bc(t,e){var n=Math.floor(e/3600),r=Math.floor(e/60%60),i=Math.floor(e%60),a=Math.round((e-Math.floor(e))*t);return a===t&&(a=0,60===(i+=1)&&60===(r+=1)&&(n+=1)),[n,r,i,a].map((function(t){return(t+"").padStart(2,"0")})).join(":")}function Gc(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return Bc(t,Fc(t,e)-Fc(t,n))}function Hc(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 o=t-e.start;e.elapsed+=o*e.speed,e.start=t,e.elapsed>e.duration&&(e.elapsed=e.duration);var s=n(e.elapsed/e.duration)*e.duration;r&&e.startCallback(s,e),e.log[e.logIndex++]={elapsed:s,dt:e.lastTime-s},e.lastTime=s,e.tick(s,e),e.elapsed===e.duration?a():i()},i=function(){e.id=requestAnimationFrame(r)},a=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,i())},o=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,Gi(t.elapsed)&&(e.elapsed=t.elapsed),Gi(t.speed)&&(e.speed=t.speed),Gi(t.duration)&&(e.duration=t.duration),Gi(t.iterationCount)&&(e.iterationCount=t.iterationCount||Number.MAX_SAFE_INTEGER),Ai(t.direction)&&(e.direction=t.direction),Bi(t.tick)&&(e.tick=t.tick),Bi(t.start)&&(e.startCallback=t.start),Bi(t.end)&&(e.endCallback=t.end),Bi(t.first)&&(e.firstCallback=t.first),Bi(t.last)&&(e.lastCallback=t.last),Bi(t.stop)&&(e.stopCallback=t.stop),e.firstCallback(e.elapsed,e),i()},stop:function(){e.stopCallback(e.elapsed,e),cancelAnimationFrame(e.id)},tick:r,first:function(t){o(0)},last:function(t){o(e.duration)},seek:o,timer:e}}function Nc(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;return function(t,e){var a=0;return a=0===e?n:1===e?r:n+(r-n)*t,i?a+i:a}}function Xc(t,e,n){return function(t,e){return n}}function Yc(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"width",i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"parent",a=null;return"parent"===i?a=t[i][r]:"self"===i&&(a=t[r]),a?n.toPx(a.value):n}function _c(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"width",a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"parent",o=null;return"parent"===a?o=t[a][i]:"self"===a&&(o=t[i]),o?n.to(r,o.value):n}function Kc(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"width",a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"parent",o=Lo.parse(n),s=Lo.parse(r);return o.unit===s.unit?Nc(t,e,o.value,s.value,o.unit):o.equals(s)?Xc(0,0,o):function(n,r){var c=Yc(t,e,o,i,a),l=Yc(t,e,s,i,a);return 0===r?c:1===r?l:_c(t,e,Lo.px(c.value+(l.value-c.value)*n),o.unit,i,a)}}var Wc=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"parseStyle",value:function(t){var e={isAll:!0,"border-radius":Lo.z(),"border-top-left-radius":Lo.z(),"border-top-right-radius":Lo.z(),"border-bottom-right-radius":Lo.z(),"border-bottom-left-radius":Lo.z()},n=t.split(" ").filter((function(t){return Lo.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}}]),t}(),Uc=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 Zc(t,e,n,r){for(var i=Uc(Wc.parseStyle(n)),a=Uc(Wc.parseStyle(r)),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++)s[c]=Kc(t,e,i[c],a[c]);return function(t,e){return s.map((function(n){return n(t,e)})).join(" ")}}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}var Jc=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:Lo.z(),offsetY:Lo.z(),blurRadius:Lo.z(),spreadRadius:Lo.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){this.json;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){S()(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}({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("inset","offsetX","offsetY","blurRadius","spreadRadius","color"))}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).offsetX=Lo.parse(t.offsetX),t.offsetY=Lo.parse(t.offsetY),t.blurRadius=Lo.parse(t.blurRadius),t.spreadRadius=Lo.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)}}],[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=_a(t);return n=r.str.split(",").filter((function(t){return t.trim()})).map((function(t){var n=t.split(" "),i=n.filter((function(t){return"inset"===t})),a=n.filter((function(t){return t.includes("@")})).map((function(t){return Wa(t,r.matches)})),o=n.filter((function(t){return"inset"!==t&&!t.includes("@")}));return e.parse({inset:!!i.length,color:a[0]||"rgba(0, 0, 0, 1)",offsetX:Lo.parse(o[0]||"0px"),offsetY:Lo.parse(o[1]||"0px"),blurRadius:Lo.parse(o[2]||"0px"),spreadRadius:Lo.parse(o[3]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return e.parse(t)})).join(", ")}}]),e}(Pc);function Qc(t,e,n,r){return function(t,e){return 1===e?r:n}}function tl(t,e,n,r){var i=po.parse(n||"rgba(0, 0, 0, 1)"),a=po.parse(r||"rgba(0, 0, 0, 1)");return function(t,e){return 0===e?n:1===e?r:Qa(i,a,t,"rgb")}}function el(t,e,n,r){for(var i=Jc.parseStyle(n),a=Jc.parseStyle(r),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c]||Jc.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],h=a[c]||Jc.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];s.push({inset:Qc(0,0,u.inset,h.inset),offsetX:Kc(t,e,u.offsetX,h.offsetX),offsetY:Kc(t,e,u.offsetY,h.offsetY),blurRadius:Kc(t,e,u.blurRadius,h.blurRadius),spreadRadius:Kc(t,e,u.spreadRadius,h.spreadRadius),color:tl(0,0,u.color,h.color)})}return function(t,e){return Jc.join(s.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 nl(t,e,n,r){return Qc(0,0,n,r)}var rl=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 il(){return rl(1,"start")}function al(){return rl(1,"end")}var ol=function(){return function(t){return Math.pow(2,-10*t)*Math.sin(5*(t-.1)*Math.PI)+1}},sl={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 rl(t,e)},"step-start":il,"step-end":al,stepStart:il,stepEnd:al,"ease-out-elastic":ol,easeOutElastic:ol};function cl(t,e,n,r){var i=Lo.parse(n),a=Lo.parse(r);return function(t,e){var n=i.value,r=a.value;return 0===e?Lo.deg(n):1===e?Lo.deg(r):Lo.deg(n+(r-n)*t).to(i.unit)}}function ll(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var ul=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:Lo.z(),offsetY:Lo.z(),blurRadius:Lo.z(),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?ll(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ll(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("offsetX","offsetY","blurRadius","color"))}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).offsetX=Lo.parse(t.offsetX),t.offsetY=Lo.parse(t.offsetY),t.blurRadius=Lo.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)}}],[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=_a(t);return n.str.split(",").filter((function(t){return t.trim()})).map((function(t){var r=t.split(" "),i=r.filter((function(t){return t.includes("@")})).map((function(t){return n.matches[+t.replace("@","")].color})),a=r.filter((function(t){return!t.includes("@")}));return e.parse({color:i[0]||"rgba(0, 0, 0, 1)",offsetX:Lo.parse(a[0]||"0px"),offsetY:Lo.parse(a[1]||"0px"),blurRadius:Lo.parse(a[2]||"0px")})}))}},{key:"join",value:function(t){return t.map((function(t){return e.parse(t)})).join(", ")}}]),e}(Pc);function hl(t,e,n,r){for(var i=ul.parseStyle(n),a=ul.parseStyle(r),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c]||ul.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],h=a[c]||ul.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];s.push({offsetX:Kc(t,e,u.offsetX,h.offsetX,"width","self"),offsetY:Kc(t,e,u.offsetY,h.offsetY,"height","self"),blurRadius:Kc(t,e,u.blurRadius,h.blurRadius,"radius"),color:tl(0,0,u.color,h.color)})}return function(t,e){return ul.join(s.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 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 dl(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){S()(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}var fl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,dl({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"}}]),e}(Pc);function vl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?vl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var gl=1e10;var ml=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return{id:"c"+gl++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return yl({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("cut","percent","unit","px","em","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 Lo.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){Bs()(So()(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}}],[{key:"parse",value:function(t){var n=[],r=_a(t),i=r.str.split(" ").filter((function(t){return t.trim()})),a=+i[0].replace("@",""),o=r.matches[a].color;if(1===i.length)n.push(new e({color:o,unit:"%",percent:0,hasNotUnit:!0}));else if(2===i.length){var s=Lo.parse(i[1]),c={unit:s.unit};s.isPercent()?c.percent=s.value:s.isPx()?c.px=s.value:s.isEm()&&(c.em=s.value),n.push(new e(yl({color:o},c)))}else if(3===i.length){var l=Lo.parse(i[2]),u={unit:l.unit};l.isPercent()?u.percent=l.value:l.isPx()?u.px=l.value:l.isEm()&&(u.em=l.value),n.push(new e(yl({color:o,cut:!0},u)))}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=M(2,t),i=e/r,a=Ki(r).map((function(t,e){return"".concat(po.random()," ").concat(e*i).concat(n)})).join(",");return a}},{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]:Lo.px(1),n=M(2,t),r=Ki(n).map((function(t,n){return"".concat(po.random()," ").concat(Lo.parse(e).mul(n+1))})).join(",");return r}}]),e}(xc);function bl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var xl={"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},wl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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 Bs()(So()(e.prototype),"getDefaultObject",this).call(this,kl({type:"gradient",colorsteps:[]},t))}},{key:"toCloneObject",value:function(){return kl({},Bs()(So()(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 ml(t)})),t}},{key:"calculateAngle",value:function(){var t=this.json.angle;return Di(xl[t])?t:xl[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 ml({index:0,color:r[0].color,percent:t}));var i=r.length-1;if(r[i].percent<t){var a=r[i].color,o=r[i].index+1;this.addColorStep(new ml({index:o,color:a,percent:t}))}else for(var s=0,c=r.length-1;s<c;s++){var l=r[s],u=r[s+1];if(l.percent<=t&&t<=u.percent){a=po.mix(l.color,u.color,(t-l.percent)/(u.percent-l.percent),"rgb");return void this.addColorStep(new ml({index:l.index+1,color:a,percent:t}))}}}else this.addColorStepList([new ml({color:e,percent:t,index:0}),new ml({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}}],[{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 ml({color:e[0].color||"transparent",percent:100})),e.map((function(t){return"".concat(t)})).join(",")}}]),e}(fl);function Sl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var Pl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new ml({color:"red",percent:0,index:0}),new ml({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?Sl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Sl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bs()(So()(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}}],[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new e({colorsteps:[new ml({color:t,percent:0,index:0}),new ml({color:t,percent:100,index:1})]})}}]),e}(wl);function jl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ol(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var $l=["jpg","jpeg","png","gif","svg"];var Cl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Ol({type:"url",url:"",datauri:""},t))}},{key:"toCloneObject",value:function(){return Ol({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("url","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 $l.includes(t)}}]),e}(fl);function El(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Tl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?El(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):El(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Vl,Ml={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"},Dl={"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"},Il=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(t){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Tl({type:"linear-gradient",angle:0},t))}},{key:"toCloneObject",value:function(){return Tl({},Bs()(So()(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 Gi(e=this.json.angle||0)&&(e=Ml["".concat(e)]||e),Gi(e)&&(e="".concat(e=e>360?e%360:e,"deg")),"".concat(this.json.type,"(").concat(e,", ").concat(t,")")}}],[{key:"toLinearGradient",value:function(t){return 0===t.length?"none":new e({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var n=_a(t),r=0,i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){t.includes("@")?(t=Wa(t,n.matches),i.push.apply(i,ml.parse(t))):r=Di(Dl[t])?Lo.parse(t):Lo.deg(+Dl[t])})),new e({angle:r.value,colorsteps:i})}}]),e}(wl),Ll=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}],[{key:"parse",value:function(t){var n=Il.parse(t);return new e({angle:n.angle,colorsteps:n.colorsteps})}}]),e}(Il);function Rl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Al(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Rl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Rl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var zl,Fl=(Vl={},S()(Vl,"center",!0),S()(Vl,"top",!0),S()(Vl,"left",!0),S()(Vl,"right",!0),S()(Vl,"bottom",!0),Vl),Bl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Al({type:"radial-gradient",radialType:"ellipse",radialPosition:[Do.CENTER,Do.CENTER]},t))}},{key:"toCloneObject",value:function(){return Al({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("radialType","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,i=n.radialPosition||["center","center"];return t=(i=Fl[i]?i:i.join(" "))?"".concat(r," at ").concat(i):r,"".concat(n.type||"radial-gradient","(").concat(t,", ").concat(e,")")}}],[{key:"parse",value:function(t){var n=_a(t),r="ellipse",i=[Do.CENTER,Do.CENTER],a=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(t.includes("@"))t=Wa(t,n.matches),a.push.apply(a,ml.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),s=j()(o,2);r=s[0],i=s[1]}else r=t;if(Ai(i)){var c=i.split(" ");if(1===c.length){var l=Lo.parse(c[0]);i=l.isString()?[l.value,l.value]:[l.clone(),l.clone()]}else 2===c.length&&(i=c.map((function(t){var e=Lo.parse(t);return e.isString()?e.value:e.clone()})))}}})),new e({radialType:r,radialPosition:i,colorsteps:a})}}]),e}(wl),Gl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}],[{key:"parse",value:function(t){var n=Bl.parse(t);return new e({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}]),e}(Bl);function Hl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Nl(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Hl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Hl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Xl=(zl={},S()(zl,"center",!0),S()(zl,"top",!0),S()(zl,"left",!0),S()(zl,"right",!0),S()(zl,"bottom",!0),zl),Yl={"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},_l=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Nl({type:"conic-gradient",angle:0,radialPosition:[Do.CENTER,Do.CENTER]},t))}},{key:"toCloneObject",value:function(){return Nl({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{angle:this.json.angle,radialPosition:Xi(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,i=n.radialPosition||Do.CENTER;i=Xl[i]?i:i.join(" "),Ii(r)&&(r=+(Yl[r]||r),e.push("from ".concat(r,"deg"))),i&&e.push("at ".concat(i));var a=e.length?e.join(" ")+",":"";return"".concat(n.type,"(").concat(a," ").concat(t,")")}}],[{key:"parse",value:function(t){var n=_a(t),r="0deg",i=[Do.CENTER,Do.CENTER],a=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(t.includes("@"))t=Wa(t=t.split(" ").map((function(t){return t.trim()})).map((function(t){return t.includes("deg")?Lo.parse(t).toPercent():t})).join(" "),n.matches),a.push.apply(a,ml.parse(t));else{if(t.includes("at")){var o=t.split("at").map((function(t){return t.trim()})),s=j()(o,2);r=s[0],i=s[1]}else r=t;if(Ai(i)){var c=i.split(" ");if(1===c.length){var l=Lo.parse(c[0]);i=l.isString()?[l.value,l.value]:[l.clone(),l.clone()]}else 2===c.length&&(i=c.map((function(t){var e=Lo.parse(t);return e.isString()?e.value:e})))}Ai(r)&&r.includes("from")&&(r=r.split("from")[1],r=Di(Yl[r])?Lo.parse(r):Lo.deg(+Yl[r]))}})),new e({angle:r.value,radialPosition:i,colorsteps:a})}}]),e}(wl),Kl=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[Do.CENTER,Do.CENTER]})}}],[{key:"parse",value:function(t){var n=_l.parse(t);return new e({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}]),e}(_l),Wl=new Map,Ul=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"has",value:function(t){return Wl.has(t)}},{key:"get",value:function(t){return Wl.get(t)}},{key:"set",value:function(t,e){Wl.size>1e3&&Wl.clear(),Wl.set(t,e)}}]),t}();function Zl(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ql(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Zl(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Zl(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Jl,Ql=["repeat","no-repeat","repeat-x","repeat-y","round","space"],tu=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,eu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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 Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:Lo.percent(100),height:Lo.percent(100),x:Lo.percent(0),y:Lo.percent(0)})}},{key:"toCloneObject",value:function(){var t=this.json;return ql({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("checked","blendMode","size","repeat","width","height","x","y"),{image:t.image.clone()})}},{key:"convert",value:function(t){return t.x=Lo.parse(t.x),t.y=Lo.parse(t.y),t.width&&(t.width=Lo.parse(t.width)),t.height&&(t.height=Lo.parse(t.height)),Ai(t.image)&&(t.image=e.parseImage(t.image)),t}},{key:"checkField",value:function(t,n){return"repeat"===t?Ql.includes(n):Bs()(So()(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 ql({},this.toBackgroundImageCSS(),{},this.toBackgroundPositionCSS(),{},this.toBackgroundSizeCSS(),{},this.toBackgroundRepeatCSS(),{},this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return Ei(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}}],[{key:"createImage",value:function(t){return new Cl({url:t})}},{key:"createGradient",value:function(t,e){var n=t.colorsteps||e.colorsteps,r=t.angle||e.angle,i=t.radialType||e.radialType,a=t.radialPosition||e.radialPosition,o=e.toJSON();switch(delete o.itemType,delete o.type,t.type){case"static-gradient":return new Pl(ql({},o,{colorsteps:n}));case"linear-gradient":return new Il(ql({},o,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new Ll(ql({},o,{colorsteps:n,angle:r}));case"radial-gradient":return new Bl(ql({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new Gl(ql({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new _l(ql({},o,{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new Kl(ql({},o,{colorsteps:n,angle:r,radialPosition:a}))}return new wl}},{key:"parse",value:function(t){return new e(t)}},{key:"parseImage",value:function(t){var e=_a(t),n=null,r=e.str.match(tu);return r?(r.forEach((function(t,r){(t=Wa(t,e.matches)).includes("repeating-linear-gradient")?n=Ll.parse(t):t.includes("linear-gradient")?n=Il.parse(t):t.includes("repeating-radial-gradient")?n=Gl.parse(t):t.includes("radial-gradient")?n=Bl.parse(t):t.includes("repeating-conic-gradient")?n=Kl.parse(t):t.includes("conic-gradient")?n=_l.parse(t):t.includes("url")&&(n=Cl.parse(t))})),n):n}},{key:"changeImageType",value:function(t){switch(t.type){case"static-gradient":return new Pl(t);case"linear-gradient":return new Il(t);case"repeating-linear-gradient":return new Ll(t);case"radial-gradient":return new Bl(t);case"repeating-radial-gradient":return new Gl(t);case"conic-gradient":return new _l(t);case"repeating-conic-gradient":return new Kl(t);case"image-resource":case"url":return new Cl(t)}}},{key:"parseStyle",value:function(t){var n=[],r=JSON.stringify(t);if(Ul.has(r))return Ul.get(r);if(t["background-image"]){var i=_a(t["background-image"]);i.str.match(tu).forEach((function(t,r){var a=null;(t=Wa(t,i.matches)).includes("repeating-linear-gradient")?a=Ll.parse(t):t.includes("linear-gradient")?a=Il.parse(t):t.includes("repeating-radial-gradient")?a=Gl.parse(t):t.includes("radial-gradient")?a=Bl.parse(t):t.includes("repeating-conic-gradient")?a=Kl.parse(t):t.includes("conic-gradient")?a=_l.parse(t):t.includes("url")&&(a=Cl.parse(t)),n[r]=new e({type:a.type,image:a})}))}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=t.split(" "),i=j()(r,2),a=i[0],o=i[1];n[e].width=Lo.parse(a),n[e].height=Lo.parse(o)}})),t["background-position"]&&t["background-position"].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(n[e]){var r=t.split(" "),i=j()(r,2),a=i[0],o=i[1];n[e].x=Lo.parse(a),n[e].y=Lo.parse(o)}})),Ul.set(r,n),n}},{key:"toPropertyCSS",value:function(t){var e={};return t.forEach((function(t){Ci(t.toCSS(),(function(t,n){e[t]||(e[t]=[]),e[t].push(n)}))})),_i(e)}},{key:"join",value:function(t){return Ji(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)})))}}]),e}(Pc);function nu(t,e,n,r){var i={cut:Qc(0,0,n.cut,r.cut),percent:Nc(t,e,n.percent,r.percent),px:Nc(t,e,n.px,r.px),em:Nc(t,e,n.em,r.em),unit:nl(0,0,n.unit,r.unit),color:tl(0,0,n.color,r.color)};return function(t,e){return new ml({cut:i.cut(t,e),percent:i.percent(t,e),px:i.px(t,e),em:i.em(t,e),unit:i.unit(t,e),color:i.color(t,e)})}}function ru(t,e){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],i=Math.max(n.length,r.length),a=[],o=0;o<i;o++){var s=n[o],c=r[o];a[o]=s&&c?nu(t,e,s,c):Qc(0,0,s,c)}return function(t,e){return a.map((function(n){return n(t,e)}))}}function iu(t,e,n,r){var i={angle:Nc(t,e,n.angle,r.angle),colorsteps:ru(t,e,n.colorsteps,r.colorsteps)};return function(t,e){var n=i.colorsteps(t,e);return new Il({angle:i.angle(t,e),colorsteps:n})}}Jl={},S()(Jl,"center",!0),S()(Jl,"top",!0),S()(Jl,"left",!0),S()(Jl,"right",!0),S()(Jl,"bottom",!0);function au(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 ou(t,e,n,r){n.radialPosition[0]=au(n.radialPosition[0],"width"),n.radialPosition[1]=au(n.radialPosition[1],"height"),r.radialPosition[0]=au(r.radialPosition[0],"width"),r.radialPosition[1]=au(r.radialPosition[1],"height");var i={radialType:nl(0,0,n.radialType,r.radialType),radialPositionX:Kc(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:Kc(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:ru(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new Bl({radialType:i.radialType(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function su(t,e,n,r){var i={angle:Nc(t,e,n.angle,r.angle),radialPositionX:Kc(t,e,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:Kc(t,e,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:ru(t,e,n.colorsteps,r.colorsteps)};return function(t,e){return new _l({angle:i.angle(t,e),radialPosition:[i.radialPositionX(t,e),i.radialPositionY(t,e)],colorsteps:i.colorsteps(t,e)})}}function cu(t,e,n,r){var i={image:function(t,e){return e}};if("url"===n.type||"url"===r.type)i.image=Qc(0,0,n,r);else if(n.type!=r.type)i.image=Qc(0,0,n,r);else switch(n.type){case"linear-gradient":i.image=iu(t,e,n,r);break;case"repeating-linear-gradient":i.image=function(t,e,n,r){var i=iu(t,e,n,r);return function(t,e){var n=i(t,e);return new Ll({angle:n.angle,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"radial-gradient":i.image=ou(t,e,n,r);break;case"repeating-radial-gradient":i.image=function(t,e,n,r){var i=ou(t,e,n,r);return function(t,e){var n=i(t,e);return new Gl({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r);break;case"conic-gradient":i.image=su(t,e,n,r);break;case"repeating-conic-gradient":i.image=function(t,e,n,r){var i=su(t,e,n,r);return function(t,e){var n=i(t,e);return new Kl({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(t,e,n,r)}return function(t,e){return i.image(t,e)}}function lu(t,e,n,r){for(var i=eu.parseStyle(Qi(n)),a=eu.parseStyle(Qi(r)),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c]||null,h=a[c]||null;u&&!h?s.push({image:Xc(0,0,u.image),size:Xc(0,0,u.size),width:Xc(0,0,u.width),height:Xc(0,0,u.height),x:Xc(0,0,u.x),y:Xc(0,0,u.y),blendMode:Xc(0,0,u.blendMode),repeat:Xc(0,0,u.repeat)}):!u&&h?s.push({image:Xc(0,0,h.image),size:Xc(0,0,h.size),width:Xc(0,0,h.width),height:Xc(0,0,h.height),x:Xc(0,0,h.x),y:Xc(0,0,h.y),blendMode:Xc(0,0,h.blendMode),repeat:Xc(0,0,h.repeat)}):u&&h&&s.push({image:cu(t,e,u.image,h.image),size:nl(0,0,u.size,h.size),width:Kc(t,e,u.width,h.width,"width","self"),height:Kc(t,e,u.height,h.height,"height","self"),x:Kc(t,e,u.x,h.x,"width","self"),y:Kc(t,e,u.y,h.y,"height","self"),blendMode:nl(0,0,u.blendMode,h.blendMode),repeat:nl(0,0,u.repeat,h.repeat)})}return function(t,e){return eu.join(s.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 uu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uu(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var pu=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia)\(([^\)]*)\))/gi,du=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,hu({itemType:"filter"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=ju[t.type];return e?new e(t):new vu({value:t.type})}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=_a(t);return(r.str.match(pu)||[]).forEach((function(t,i){var a=t.split("("),o=j()(a,2),s=o[0],c=o[1];if(c=c.split(")")[0],"drop-shadow"===s){var l=c.split(" "),u=l.filter((function(t){return t.includes("@")})).map((function(t){return r.matches[+t.replace("@","")].color})),h=l.filter((function(t){return!t.includes("@")}));n[i]=e.parse({type:s,offsetX:Lo.parse(h[0]),offsetY:Lo.parse(h[1]),blurRadius:Lo.parse(h[2]),color:u[0]||"rgba(0, 0, 0, 1)"})}else n[i]=e.parse({type:s,value:Lo.parse(c)})})),n}},{key:"join",value:function(t){return t.map((function(t){return e.parse(t)})).join(" ")}}]),e}(Pc),fu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"blur",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return hu({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}}]),e}(du);fu.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:Lo.z()};var vu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"svg",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return hu({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),e}(du);vu.spec={inputType:"select",defaultValue:""};var yu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:e.spec.defaultValue})}},{key:"toCloneObject",value:function(){return hu({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}}]),e}(du);yu.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(0)};var gu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:e.spec.defaultValue})}}]),e}(du);gu.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:Lo.deg(0)};var mu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"invert",value:e.spec.defaultValue})}}]),e}(du);mu.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(0)};var bu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:e.spec.defaultValue})}}]),e}(du);bu.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(100)};var ku=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:e.spec.defaultValue})}}]),e}(du);ku.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(100)};var xu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:e.spec.defaultValue})}}]),e}(du);xu.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(100)};var wu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:e.spec.defaultValue})}}]),e}(du);wu.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(100)};var Su=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:e.spec.defaultValue})}}]),e}(du);Su.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:Lo.percent(0)};var Pu=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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}(du);Pu.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:Lo.z(),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:Lo.z(),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:Lo.z(),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var ju={blur:fu,grayscale:yu,"hue-rotate":gu,invert:mu,brightness:bu,contrast:ku,opacity:xu,saturate:wu,sepia:Su,"drop-shadow":Pu,svg:vu},Ou={BlurFilter:fu,GrayscaleFilter:yu,HueRotateFilter:gu,InvertFilter:mu,BrightnessFilter:bu,ContrastFilter:ku,OpacityFilter:xu,SaturateFilter:wu,SepiaFilter:Su,DropshadowFilter:Pu,URLSvgFilter:vu};function $u(t,e,n,r){var i={type:nl(0,0,n.type,r.type),value:Qc(0,0,n.value,r.value)};switch(n.type){case"blur":i.value=Kc(t,e,n.value,r.value);break;case"grayscale":case"invert":case"brightness":case"contrast":case"opacity":case"saturate":case"sepia":case"hue-rotate":i.value=Nc(t,e,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":i.offsetX=Kc(t,e,n.offsetX,r.offsetX,"width","self"),i.offsetY=Kc(t,e,n.offsetY,r.offsetY,"height","self"),i.blurRadius=Kc(t,e,n.blurRadius,r.blurRadius,"width","self"),i.spreadRadius=Kc(t,e,n.spreadRadius,r.spreadRadius,"width","self"),i.color=tl(0,0,n.color,r.color)}return function(t,e){return"drop-shadow"===i.type(t,e)?{type:i.type(t,e),offsetX:i.offsetX(t,e),offsetY:i.offsetY(t,e),blurRadius:i.blurRadius(t,e),spreadRadius:i.spreadRadius(t,e),color:i.color(t,e)}:{type:i.type(t,e),value:i.value(t,e)}}}function Cu(t,e,n,r){for(var i=du.parseStyle(n),a=du.parseStyle(r),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c],h=a[c];u&&!h?s.push(Xc(0,0,u)):!u&&h?s.push(Xc(0,0,h)):u.type!=h.type||"svg"===u.type||"svg"===h.type?s.push(Qc(0,0,u,h)):s.push($u(t,e,u,h))}return function(t,e){return du.join(s.map((function(n){return n(t,e)})))}}var Eu=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"parse",value:function(t){var e=t.split(" ").filter((function(t){return t.trim()})).map((function(t){return Lo.parse(t)})),n=Lo.percent(0),r=Lo.percent(0),i=Lo.percent(0),a=Lo.percent(0);return 1===e.length?(n=e[0].clone(),r=e[0].clone(),i=e[0].clone(),a=e[0].clone()):2===e.length?(n=e[0].clone(),r=e[1].clone(),i=e[0].clone(),a=e[1].clone()):3===e.length?(n=e[0].clone(),r=e[1].clone(),i=e[2].clone(),a=e[1].clone()):4===e.length&&(n=e[0].clone(),r=e[1].clone(),i=e[2].clone(),a=e[3].clone()),[e.length,n,r,i,a]}}]),t}();function Tu(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Vu(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Tu(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Tu(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Mu=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,Du=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Vu({itemType:"clip-path",type:"none",value:""},t))}},{key:"toCloneObject",value:function(){return Vu({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("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()}}}],[{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(Mu)||[]).forEach((function(t,n){if(t.includes("-box"))e.box=t;else{var r=t.split("("),i=j()(r,2),a=i[0],o=i[1];o=o||"",o="none"===a?"":o.split(")")[0],e.type=a,e.value=o}})),e):{}}},{key:"parseStyleForCircle",value:function(t){var e=new Lo("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=j()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=j()(a,2),s=o[0],c=o[1];return Di(c)&&(c=s),{radius:e,x:s=Lo.parse(s),y:c=Lo.parse(c)}}},{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()})),i=j()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=j()(a,2),s=o[0],c=o[1];Di(c)&&(c=s),s=Lo.parse(s),c=Lo.parse(c);var l=e.split(" "),u=j()(l,2),h=u[0],p=u[1];return Di(p)&&(p=h),{radiusX:h=Lo.parse(h),radiusY:p=Lo.parse(p),x:s,y:c}}},{key:"parseStyleForInset",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=j()(e,2),r=n[0],i=n[1],a=Eu.parse(r),o=j()(a,5),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4];if(i)var p=Eu.parse(i),d=j()(p,5),f=d[0],v=d[1],y=d[2],g=d[3],m=d[4];return{isAll:1===s,top:c,right:l,bottom:u,left:h,round:i,isAllRadius:1===f,topRadius:v,rightRadius:y,bottomRadius:g,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=t.trim().split(" "),n=j()(e,2),r=n[0],i=n[1];return{x:Lo.parse(r),y:Lo.parse(i)}}))}}]),e}(Pc);function Iu(t,e,n,r){var i=Du.parseStyle(n),a=Du.parseStyle(r),o={type:Qc(0,0,i.type,i.type),value:Qc(0,0,n,r)};if(i.type==a.type&&"none"!=i)switch(i.type){case"circle":i.value=Du.parseStyleForCircle(i.value),a.value=Du.parseStyleForCircle(a.value),o.value=function(t,e,n,r){var i={};return"closest-side"===n.radius||"farthest-side"===n.radius||"closest-side"===r.radius||"farthest-side"===r.radius?i.radius=Qc(0,0,n.radius,r.radius):n.radius.unit===r.radius.unit?i.radius=makeInterpolateNumber(t,e,n.radius.value,r.radius.value,n.radius.unit):i.radius=Kc(t,e,n.radius,r.radius,"width","self"),i.x=Kc(t,e,n.x,r.x,"width","self"),i.y=Kc(t,e,n.y,r.y,"height","self"),function(t,e){var n=i.radius(t,e),r=i.x(t,e),a=i.y(t,e),o="".concat(r," ").concat(a),s=n+"";return s.includes("closest-side")?s="closest-side":s.includes("farthest-side")&&(s="farthest-side"),n?"".concat(s," at ").concat(o):"".concat(o)}}(t,e,i.value,a.value);break;case"ellipse":i.value=Du.parseStyleForEllipse(i.value),a.value=Du.parseStyleForEllipse(a.value),o.value=function(t,e,n,r){var i={radiusX:Kc(t,e,n.radiusX,r.radiusX,"width","self"),radiusY:Kc(t,e,n.radiusY,r.radiusY,"height","self"),x:Kc(t,e,n.x,r.x,"width","self"),y:Kc(t,e,n.y,r.y,"height","self")};return function(t,e){var n=i.radiusX(t,e),r=i.radiusY(t,e),a=i.x(t,e),o=i.y(t,e);return"".concat(n," ").concat(r," at ").concat(a," ").concat(o)}}(t,e,i.value,a.value);break;case"inset":i.value=Du.parseStyleForInset(i.value),a.value=Du.parseStyleForInset(a.value),o.value=function(t,e,n,r){var i={top:Nc(t,e,n.top.value,r.top.value,n.top.unit),left:Nc(t,e,n.left.value,r.left.value,n.left.unit),right:Nc(t,e,n.right.value,r.right.value,n.right.unit),bottom:Nc(t,e,n.bottom.value,r.bottom.value,n.bottom.unit),round:Qc(0,0,n.round,r.round),topRadius:Nc(t,e,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:Nc(t,e,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:Nc(t,e,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:Nc(t,e,n.bottomRadius.value,r.bottomRadius.value,n.bottomRadius.unit)};return function(t,e){var n=i.top(t,e),r=i.right(t,e),a=i.bottom(t,e),o=i.left(t,e),s=i.round(t,e),c=i.topRadius(t,e),l=i.leftRadius(t,e),u=i.bottomRadius(t,e),h=i.rightRadius(t,e),p=[n,r,a,o].join(" "),d=[c,h,u,l].join(" ");return"".concat(p," ").concat(s&&d.trim()?"round ".concat(d):"")}}(t,e,i.value,a.value);break;case"polygon":i.value=Du.parseStyleForPolygon(i.value),a.value=Du.parseStyleForPolygon(a.value),o.value=function(t,e,n,r){for(var i=Math.max(n.length,r.length),a=[],o=0;o<i;o++){var s=n[o],c=r[o];s&&!c?a.push({x:Xc(0,0,s.x),y:Xc(0,0,s.y)}):!s&&c?a.push({x:Xc(0,0,c.x),y:Xc(0,0,c.y)}):a.push({x:Kc(t,e,s.x,c.x,"width","self"),y:Kc(t,e,s.y,c.y,"height","self")})}return function(t,e){return a.map((function(n){return"".concat(n.x(t,e)," ").concat(n.y(t,e))})).join(",")}}(t,e,i.value,a.value);break;case"path":i.value=Du.parseStyleForPath(i.value),a.value=Du.parseStyleForPath(a.value),o.value=makeInterpolateClipPathPath(t,e,i.value,a.value)}return function(t,e){var n=o.type(t,e),r=o.value(t,e);return"none"===n?n:"".concat(n,"(").concat(r,")")}}function Lu(t,e,n,r){for(var i={type:Qc(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),s=0;s<o;s++){var c=n.value[s],l=r.value[s];c&&l?a.push(Kc(t,e,c,l,n.type)):a.push(Kc(t,e,n.value[s]||n.value[s-1]||n.value[s-2],r.value[s]||r.value[s-1]||r.value[s-2],n.type))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function Ru(t,e,n,r){for(var i={type:Qc(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),s=0;s<o;s++){var c=n.value[s],l=r.value[s];if(c&&l)a.push(Nc(t,e,c.value,l.value));else{var u=n.value[s].value||n.value[s-1].value||n.value[s-2].value,h=r.value[s].value||r.value[s-1].value||n.value[s-2].value;a.push(Nc(t,e,u,h))}}return i.value=a,function(t,e){var n=i.value.map((function(n){return n(t,e)})),r=i.type(t,e);return(r.includes("matrix")||r.includes("scale"))&&(n=n.map((function(t){return Lo.number(t)}))),{type:r,value:n}}}function Au(t,e,n,r){for(var i={type:Qc(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),s=0;s<o;s++){var c=n.value[s],l=r.value[s];c&&l?a.push(cl(0,0,c,l)):a.push(cl(0,0,n.value[s]||n.value[s-1]||n.value[s-2],r.value[s]||r.value[s-1]||n.value[s-2]))}return i.value=a,function(t,e){return{type:i.type(t,e),value:i.value.map((function(n){return n(t,e)}))}}}function zu(t,e,n,r){for(var i=Ec.parseStyle(n.trim()),a=Ec.parseStyle(r.trim()),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];if(l&&!u)s.push(Xc(0,0,l));else if(!l&&u)s.push(Xc(0,0,u));else if(l.type!=u.type)s.push(Qc(0,0,l,u));else switch(l.type){case"translate":case"translateX":case"translateY":case"translateZ":case"translate3d":case"perspective":s.push(Lu(t,e,l,u));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":s.push(Au(0,0,l,u));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":s.push(Ru(t,e,l,u))}}return function(t,e){return Ec.join(s.map((function(n){return n(t,e)})))}}function Fu(t,e,n,r){for(var i=n.split(" ").map((function(t){return Lo.parse(t)})),a=r.split(" ").map((function(t){return Lo.parse(t)})),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];s.push(Kc(t,e,l,u,"transform-origin"))}return function(t,e){return s.map((function(n){return n(t,e)})).join(" ")}}function Bu(t,e,n,r){for(var i=n.split(" ").map((function(t){return Lo.parse(t)})),a=r.split(" ").map((function(t){return Lo.parse(t)})),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];s.push(Kc(t,e,l,u,"perspective-origin"))}return function(t,e){return s.map((function(n){return n(t,e)})).join(" ")}}function Gu(t,e,n,r){for(var i=n.split(" ").map((function(t){return+t})),a=r.split(" ").map((function(t){return+t})),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];s.push(Nc(t,e,l,u))}return function(t,e){return s.map((function(n){return n(t,e)})).join(" ")}}function Hu(t,e,n,r){for(var i=Math.max(n.length,r.length),a=[],o=n[n.length-1],s=r[r.length-1],c=0;c<i;c++){var l=n[c],u=r[c];l&&!u?a.push(Nc(t,e,l,s)):!l&&u?a.push(Nc(t,e,o,u)):a.push(Nc(t,e,l,u))}return function(t,e){return a.map((function(n){return n(t,e)}))}}function Nu(t,e,n,r){for(var i=new Dc,a=new Dc(n),o=new Dc(r),s=Math.max(a.segments.length,o.segments.length),c=[],l=0;l<s;l++){var u=a.segments[l],h=o.segments[l];u.command===h.command?u.values.length===h.values.length?c.push({command:Xc(0,0,u.command),values:Hu(t,e,u.values,h.values)}):c.push({command:Xc(0,0,u.command),values:Xc(0,0,u.values)}):c.push({command:Qc(0,0,u.command,h.command),values:Qc(0,0,u.values,h.values)})}return function(t,e){var n=c.map((function(n){return{command:n.command(t,e),values:n.values(t,e)}}));return i.joinPath(n)}}var Xu=function(){function t(){go()(this,t),this.pathArray=[]}return bo()(t,[{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:"X",value:function(){var t=3,e=arguments.length<=0?void 0:arguments[0],n={x:e.x-t,y:e.y-t},r={x:e.x+t,y:e.y-t},i={x:e.x-t,y:e.y+t},a={x:e.x+t,y:e.y+t};return this.M(n).L(a).M(r).L(i)}},{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()}}],[{key:"makeRect",value:function(e,n,r,i){return(new t).M({x:e,y:n}).L({x:e+r,y:n}).L({x:e+r,y:n+i}).L({x:e,y:n+i}).L({x:e,y:n}).Z().d}},{key:"makeLine",value:function(e,n,r,i){return(new t).M({x:e,y:n}).L({x:r,y:i}).d}},{key:"makeCircle",value:function(e,n,r,i){var a=(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,o=new Dc(a);return o.translate(1,1).scale(r/2,i/2).translate(e,n),o.toString()}},{key:"makePathByPoints",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=new t,r=0,i=e.length;r<i;r++){var a=e[r];0===r?n.M(a):n.L(a)}return n.d}}]),t}(),Yu=/[\b\t \,]/g,_u=function(t){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return go()(this,e),xo()(this,So()(e).call(this,t))}return jo()(e,t),bo()(e,[{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;Li(t)&&(t=t.join(" "));for(var e=t.trim().split(Yu).filter((function(t){return t})),n=[],r=0,i=e.length;r<i;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 Xu,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=t([e.x,e.y],0),r=j()(n,2),i=r[0],a=r[1];return e.x=i,e.y=a,e}),e)}},{key:"clone",value:function(){return new e(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}]),e}(Dc);function Ku(t,e,n,r){for(var i=new _u,a=new _u(n),o=new _u(r),s=Math.max(a.segments.length,o.segments.length),c=[],l=a.segments[a.segments.length-1].x,u=a.segments[a.segments.length-1].y,h=o.segments[o.segments.length-1].x,p=o.segments[o.segments.length-1].y,d=0;d<s;d++){var f=a.segments[d],v=o.segments[d];f&&!v?c.push({x:Nc(t,e,f.x,h),y:Nc(t,e,f.y,p)}):!f&&v?c.push({x:Nc(t,e,l,v.x),y:Nc(t,e,u,v.y)}):c.push({x:Nc(t,e,f.x,v.x),y:Nc(t,e,f.y,v.y)})}return function(t,e){return i.joinPoints(c.map((function(n){return{x:n.x(t,e),y:n.y(t,e)}})))}}function Wu(t,e,n,r){var i={x:Nc("","",t,n),y:Nc("","",e,r)};return function(t,e){return{x:i.x(t,e),y:i.y(t,e)}}}function Uu(t,e,n,r,i,a){var o=[{x:t,y:e},{x:n,y:r},{x:i,y:a}];return function(t,e){return bi(o,e)}}function Zu(t,e,n,r,i,a,o,s){var c=[{x:t,y:e},{x:n,y:r},{x:i,y:a},{x:o,y:s}];return function(t,e){return mi(c,e)}}function qu(t){var e=[],n=[];t.forEach((function(t,r){switch(t.command){case"M":var i=j()(t.values,2),a=i[0],o=i[1];n=[a,o];break;case"m":var s=n,c=j()(s,2),l=c[0],u=c[1],h=j()(t.values,2);a=h[0],o=h[1];n=[a+=l,o+=u];break;case"L":var p=n,d=j()(p,2),f=(l=d[0],u=d[1],j()(t.values,2));a=f[0],o=f[1];e.push({command:t.command,values:[l,u,a,o],length:kr(l,u,a,o),interpolate:Wu(l,u,a,o)}),n=[a,o];break;case"l":var v=n,y=j()(v,2),g=(l=y[0],u=y[1],j()(t.values,2));a=g[0],o=g[1];a+=l,o+=u,e.push({command:t.command,values:[l,u,a,o],length:kr(l,u,a,o),interpolate:Wu(l,u,a,o)}),n=[a,o];break;case"C":var m=n,b=j()(m,2),k=(l=b[0],u=b[1],j()(t.values,6)),x=k[0],w=k[1],S=k[2],P=k[3];a=k[4],o=k[5];e.push({command:t.command,values:[l,u,x,w,S,P,a,o],length:ui(l,u,x,w,S,P,a,o),interpolate:Zu(l,u,x,w,S,P,a,o)}),n=[a,o];break;case"c":var O=n,$=j()(O,2),C=(l=$[0],u=$[1],j()(t.values,6));x=C[0],w=C[1],S=C[2],P=C[3],a=C[4],o=C[5];x+=l,S+=l,a+=l,w+=u,P+=u,o+=u,e.push({command:t.command,values:[l,u,x,w,S,P,a,o],length:ui(l,u,x,w,S,P,a,o),interpolate:Zu(l,u,x,w,S,P,a,o)}),n=[a,o];break;case"Q":var E=n,T=j()(E,2),V=(l=T[0],u=T[1],j()(t.values,4));x=V[0],w=V[1],a=V[2],o=V[3];e.push({command:t.command,values:[l,u,x,w,a,o],length:hi(l,u,x,w,a,o),interpolate:Uu(l,u,x,w,a,o)}),n=[a,o];break;case"q":var M=n,D=j()(M,2),I=(l=D[0],u=D[1],j()(t.values,4));x=I[0],w=I[1],a=I[2],o=I[3];x+=l,a+=l,w+=u,o+=u,e.push({command:t.command,values:[l,u,x,w,a,o],length:hi(l,u,x,w,a,o),interpolate:Uu(l,u,x,w,a,o)}),n=[a,o];break;case"S":var L=n,R=j()(L,2),A=(l=R[0],u=R[1],j()(t.values,4)),z=(S=A[0],P=A[1],a=A[2],o=A[3],e[e.length-1]);if(["C","c","S","s"].includes(z.command)){var F=j()(z.values,8),B=(F[0],F[1],F[2],F[3],F[4]),G=F[5],H=F[6],N=F[7],X=Tc.getReversePoint({x:H,y:N},{x:B,preC1y:G});x=X.x,w=X.y;e.push({command:t.command,values:[l,u,x,w,S,P,a,o],length:getCubicDist(l,u,x,w,S,P,a,o),interpolate:Zu(l,u,x,w,S,P,a,o)}),n=[a,o];break}case"s":var Y=n,_=j()(Y,2),K=(l=_[0],u=_[1],j()(t.values,4));S=K[0],P=K[1],a=K[2],o=K[3];S+=l,a+=l,P+=u,o+=u;z=e[e.length-1];if(["C","c","S","s"].includes(z.command)){var W=j()(z.values,8),U=(W[0],W[1],W[2],W[3],B=W[4],G=W[5],H=W[6],N=W[7],Tc.getReversePoint({x:H,y:N},{x:B,preC1y:G}));x=U.x,w=U.y;e.push({command:t.command,values:[l,u,x,w,S,P,a,o],length:getCubicDist(l,u,x,w,S,P,a,o),interpolate:Zu(l,u,x,w,S,P,a,o)}),n=[a,o];break}case"T":var Z=n,q=j()(Z,2),J=(l=q[0],u=q[1],j()(t.values,2));a=J[0],o=J[1],z=e[e.length-1];if(["Q","q","T","t"].includes(z.command)){var Q=j()(z.values,6),tt=(Q[0],Q[1],B=Q[2],G=Q[3],H=Q[4],N=Q[5],Tc.getReversePoint({x:H,y:N},{x:B,preC1y:G}));x=tt.x,w=tt.y;e.push({command:t.command,values:[l,u,x,w,a,o],length:hi(l,u,x,w,a,o),interpolate:Uu(l,u,x,w,a,o)}),n=[a,o]}break;case"t":var et=n,nt=j()(et,2),rt=(l=nt[0],u=nt[1],j()(t.values,2));a=rt[0],o=rt[1];a+=l,o+=u;z=e[e.length-1];if(["Q","q","T","t"].includes(z.command)){var it=j()(z.values,6),at=(it[0],it[1],B=it[2],G=it[3],H=it[4],N=it[5],Tc.getReversePoint({x:H,y:N},{x:B,preC1y:G}));x=at.x,w=at.y;e.push({command:t.command,values:[l,u,x,w,a,o],length:hi(l,u,x,w,a,o),interpolate:Uu(l,u,x,w,a,o)}),n=[a,o]}}}));var r=0;e.forEach((function(t){r+=t.length}));var i=0;return e.forEach((function(t){t.startT=i/r,t.endT=(i+t.length)/r,t.totalLength=r,i+=t.length})),{totalLength:r,interpolateList:e}}function Ju(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Qu(t,e,n,r,i){var a=n.split(",").map((function(t){return t.trim()})),o=j()(a,4),s=o[0],c=o[1],l=o[2],u=o[3],h={id:s,distance:Lo.parse(c||"0%"),rotateStatus:l||"auto",rotate:Lo.parse(u||"0deg")},p=function(t,e){return{x:x,y:y}},d=0,f=0;if(i){var v=i.searchById(h.id);v&&(d=v.screenX.value,f=v.screenY.value),p=function(t,e,n){var r=qu(new Dc(v.d||"").segments),i=r.totalLength,a=r.interpolateList,o=h.distance.toPx(i);(e+=o/i)>1&&(e-=1);var s=a[0];0===e?s=a[0]:1===e&&(s=a[a.length-1]);var c=a.find((function(t){return t.startT<=e&&e<t.endT}));c&&(s=c);var l=(e-s.startT)/(s.endT-s.startT),u=n(l);return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ju(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ju(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},s.interpolate(u,l,n),{totalLength:s.totalLength})}}return function(e,n,r){var i=(t["transform-origin"]||"50% 50%").split(" ").map((function(t){return Lo.parse(t)})),a=i[0].toPx(t.width.value),o=i[1].toPx(t.height.value),s=p(e,n,r),c={x:s.x+d-a.value,y:s.y+f-o.value};if(t.setScreenX(c.x),t.setScreenY(c.y),"element"===h.rotateStatus);else{var l=s,u=0;n<1&&(u=1/s.totalLength);var v=p(e+u,n+u,r),y=Er(v.x-l.x,v.y-l.y),g=Lo.deg(function(t,e){var n=0;switch(t){case"angle":n=h.rotate.value;break;case"auto angle":n=e+h.rotate.value;break;case"reverse":n=e+180;break;case"auto":n=e}return n}(h.rotateStatus,y));t.reset({transform:Ec.rotate(t.transform,g)})}return c}}function th(t,e,n,r){arguments.length>4&&void 0!==arguments[4]&&arguments[4];var i=r.length-1,a=0;return function(t,e){return 0===e?"":1===e?r:r.substring(a,Math.floor((i-a)*e))}}function eh(t,e,n,r,i,a){var o=a.$("video").el,s=n.split(":"),c=j()(s,3),l=c[0],u=(c[1],+(l||0)*+(c[2]||1));return function(e,n){0===n?(o.currentTime=u,o.paused&&o.play()):1===n?(t.reset({currentTime:o.currentTime}),o.pause()):o.paused&&o.play()}}var nh=function(){return function(t,e){}};function rh(t,e,n,r,i,a,o){var s=i||e;switch(s){case"width":case"x":return Kc(t,e,n,r,"width");case"height":case"y":return Kc(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 Kc(t,e,n,r,e);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return Nc(t,e,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return tl(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return nl(0,0,n,r);case"rotate":return cl(0,0,n,r)}var c=function(t){switch(t){case"border-radius":return Zc;case"border":return makeInterpolateBorder;case"box-shadow":return el;case"text-shadow":return hl;case"background-image":case"BackgroundImageEditor":return lu;case"filter":case"backdrop-filter":return Cu;case"clip-path":return Iu;case"transform":return zu;case"transform-origin":return Fu;case"perspective-origin":return Bu;case"stroke-dasharray":return Gu;case"d":return Nu;case"points":return Ku;case"offset-path":return Qu;case"text":return th;case"playTime":return eh}}(s);return c?c(t,e,n,r,a,o):nh}function ih(t,e,n,r,i,a,o){return rh(t,e,n,r,i,a,o)}function ah(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",e=t.split("(").map((function(t){return t.trim()})),n=j()(e,2),r=n[0],i=n[1];i=(i||"").split(")")[0].trim();var a=sl[r];if(a){var o=t.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()}));return a.apply(void 0,E()(o))}return oh(t)}function oh(t){var e=yi(t);return function(t){return e(t).y}}function sh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ch(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?sh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):sh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var lh=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:Lo.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return ch({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("offset","color","properties"))}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).offset=Lo.parse(t.offset),t}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(Ji(this.toCSS()))}},{key:"createProperty",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(ch({checked:!0,value:Lo.z()},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(E()(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],ch({},e))}},{key:"updatePropertyByKey",value:function(t){for(var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.json.properties,r=-1,i=0,a=n.length;i<a;i++)if(this.json.properties[i].key===t){r=i;break}Object.assign(this.json.properties[+r],ch({},e))}},{key:"toCSS",value:function(){var t={};return this.json.properties.forEach((function(e){t=ch({},t,{},e.toCSS())})),t}},{key:"toString",value:function(){return this.toCSSText()}}],[{key:"parse",value:function(t){return new e(t)}}]),e}(Pc);function uh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function hh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?uh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):uh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var ph=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var t=this.json,n=(t.name,t.selectedType,t.offsets);return hh({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("name","selectedType"),{offsets:n.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 lh(hh({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(E()(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()}}],[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=[],r={};if(t.keyframe){var i=_a(t.keyframe);i.str.split("|").map((function(t){return t.trim()})).forEach((function(t,a){var o=t.split(" "),s=$()(o),c=s[0],l=s[1],u=s[2],h=s.slice(3).join(" ");r[c]||(r[c]=new e({name:c}),n[a]=c);var p=r[c].offsets.filter((function(t){return t.offset.equals(Lo.parse(l))})),d=null;p.length?d=p[0]:(d=new lh({offset:Lo.parse(l)}),r[c].offsets.push(d)),d.addProperty({key:u,value:Wa(h,i.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]}))}}]),e}(Pc);function dh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function fh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?dh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):dh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function vh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?vh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var gh=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,yh({timeline:[],compiledTimeline:{}},t))}},{key:"expectJSON",value:function(t){return"compiledTimeline"!==t&&Bs()(So()(e.prototype),"expectJSON",this).call(this,t)}},{key:"setTimelineInfo",value:function(t){var e=this.getSelectedTimeline();e&&["speed","iterationCount","direction"].forEach((function(n){Ii(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(i){var a=e.getCompiledTimingFunction(n.id,i.property);r.push(a.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,i=this.getTimelineProperty(t,e),a=this.searchById(t),o="".concat(t,".").concat(e);if(1!==i.keyframes.length){var s=Ro.body().$('[data-id="'.concat(t,'"]')),c=i.keyframes.map((function(t){return t.editor}))[0];this.json.compiledTimeline[o]=i.keyframes.map((function(t,e){var o=t,l=i.keyframes[e+1];t.editor=c,l||(l={time:t.time,value:t.value});var u={layer:a,layerElement:s,property:i.property,isOnlyTime:o.time===l.time,startTime:t.time,endTime:l.time,startValue:t.value,endValue:l.value,timing:t.timing,interpolateFunction:ih(a,i.property,t.value,l.value,t.editor,r,s),timingFunction:ah(t.timing)};return u.func=n.makeTimingFunction(u),u})).filter((function(t){return t}))}else this.json.compiledTimeline[o]=[]}},{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){Ii(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(S()({},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,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){Bc(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){Bc(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=zr(),r=yh({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 i=r.animations.filter((function(e){return e.id===t}));i[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=Fc(t,e);return{fps:t,speed:1,direction:"normal",iterationCount:1,currentTimecode:Bc(t,0),totalTimecode:Bc(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 i=t,a=t;+i+""===i&&(a=Gc(n,i=+i)),a>r&&(a=r);var o=Fc(n,a);e.currentTime=o,e.currentTimecode=Bc(n,o)}}},{key:"setDisplayTimeDxRate",value:function(t,e,n){var r=this.getSelectedTimeline();if(r){var i=t*r.totalTime,a=e+i,o=n+i;a=Math.max(a,0),0===(a=Math.min(a,o))&&(o=n-e),o=Math.max(o,a),(o=Math.min(o,r.totalTime))===r.totalTime&&(a=r.totalTime-(n-e)),r.displayStartTime=a,r.displayEndTime=o}}},{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,i=e.fps,a=n+(r-n)*t;this.setTimelineCurrentTime(Bc(i,a))}}},{key:"setTimelineTotalTime",value:function(t){var e=this.getSelectedTimeline();if(e){var n=t,r=t;+n+""===n&&(n=+n,r=Gc(e.fps,n)),Fc(e.fps,r)<e.displayEndTime&&(e.displayEndTime=Fc(e.fps,r),e.displayStartTime=0),e.totalTimecode=r,e.totalTime=Fc(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 i=this.getTimelineKeyframeById(t,e,n);i&&(i.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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:void 0,o=this.getTimelineKeyframeById(t,e,n);o&&(Ii(a)&&(o.time=a),Ii(r)&&(o.value=r),Ii(i)&&(o.timing=i),this.compiledTimingFunction(t,e))}},{key:"addTimelineKeyframe",value:function(t){var e=t.layerId,n=t.property,r=t.value,i=t.timing,a=t.time,o=t.editor;this.addTimelineProperty(e,n);var s=this.getSelectedTimeline(),c=this.getTimelineProperty(e,n);if(c){var l=a||s.currentTime;if(!c.keyframes.filter((function(t){return t.time===l})).length){r=Di(r)||""===r?this.getDefaultPropertyValue(n):r;var u={id:zr(),layerId:e,property:n,time:l,value:r,timing:i||"linear",editor:o};return c.keyframes.push(u),c.keyframes.sort((function(t,e){return t.time>e.time?1:-1})),this.compiledTimingFunction(e,n),u}}}},{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 i=this.getSelectedTimeline(),a=n||i.currentTime,o=r.keyframes.filter((function(t){return t.time<a})),s=this.getDefaultPropertyValue(e),c="linear",l="";o.length&&(o.sort((function(t,e){return t.time>e.time?-1:1})),s=o[0].value+"",c=o[0].timing+"",l=o[0].editor),this.addTimelineKeyframe({layerId:t,property:e,value:s,timing:c,editor:l})}}},{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=Bc(t,e.currentTime),e.totalTimecode=Bc(t,e.totalTime))}},{key:"toCloneObject",value:function(){return yh({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{timeline:Xi(this.json.timeline)})}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,fh({comments:[],colors:[],gradients:[],svgfilters:[],svgimages:[],keyframes:[],images:[],imageKeys:[],videos:[],videoKeys:[],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 ph(fh({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(E()(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=fh({},t[e]);t.splice(e,0,n)}},{key:"toCloneObject",value:function(){this.json;return fh({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"))}},{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]=fh({},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),this.refreshImageKeys()}},{key:"copyImage",value:function(t){this.copyPropertyList(this.json.images,t),this.refreshImageKeys()}},{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]=fh({},this.json.images[t],{},e),this.refreshImageKeys()}},{key:"getImageValueById",value:function(t){var e=this.json.imageKeys[t];if(e)return e.local}},{key:"refreshImageKeys",value:function(){var t={};this.json.images.forEach((function(e){t[e.id]=e})),this.reset({imageKeys:t})}},{key:"addImage",value:function(t){return this.json.images.push(t),this.refreshImageKeys(),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),this.refreshVideoKeys()}},{key:"copyVideo",value:function(t){this.copyPropertyList(this.json.videos,t),this.refreshVideoKeys()}},{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]=fh({},this.json.videos[t],{},e)}},{key:"getVideoValueById",value:function(t){var e=this.json.videoKeys[t];if(e)return e.local}},{key:"refreshVideoKeys",value:function(){var t={};this.json.videos.forEach((function(e){t[e.id]=e})),this.reset({videoKeys:t})}},{key:"addVideo",value:function(t){return this.json.videos.push(t),this.refreshVideoKeys(),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]=fh({},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]=fh({},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]=fh({},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)}}]),e}(xc));function mh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var kh=Lo.z(),xh=Lo.z(),wh=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"createIndexItemMap",value:function(){return this.indexedMap||(this.indexedMap=new Map),this.indexedMap}},{key:"removeIndexItem",value:function(t){this.indexed.delete(t.id)}},{key:"getIndexItem",value:function(t){return this.indexed.get(t)}},{key:"getSearchedIndexItem",value:function(t){return this.hasIndexItem(t)?this.getIndexItem(t):this.searchById(t)}},{key:"getSearchedIndexItemList",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.map((function(t){return project.getSearchedIndexItem(t)}))}},{key:"addIndexItem",value:function(t){!1===this.hasIndexItem(t.id)&&this.indexed.set(t.id,t.ref)}},{key:"hasIndexItem",value:function(t){return this.indexed.has(t)}},{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=e.split(":"),r=j()(n,2),i=r[0],a=r[1];t["--".concat(i)]=a})),t}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,bh({itemType:"project",name:"new Project",description:"",rootVariable:""},t))}},{key:"toCloneObject",value:function(){return bh({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("name","description","rootVariable"))}},{key:"getTransformMatrix",value:function(){return i.create()}},{key:"resetMatrix",value:function(t){var e=i.getTranslation([],Mr(t.getAccumulatedMatrix(),t.getTransformMatrixInverse())),n=j()(e,2),r=n[0],a=n[1];t.reset({x:Lo.px(r),y:Lo.px(a)})}},{key:"indexed",get:function(){return this.createIndexItemMap(),this.indexedMap}},{key:"isAbsolute",get:function(){return!1}},{key:"parent",get:function(){return null}},{key:"artboards",get:function(){return(this.json.layers||[]).filter((function(t){return t.is("artboard")}))}},{key:"offsetX",get:function(){return kh}},{key:"offsetY",get:function(){return xh}},{key:"rectVerties",get:function(){return gc(this.layers)}}]),e}(gh);function Sh(t,e){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,Sh(t,e))})),e.id?n.push(t):e.includes(t.id)&&n.push(t),n}zc.registerComponent("project",wh);var Ph,jh=function(){function t(e){go()(this,t),this.$editor=e,this.project=null,this.items=[],this.itemKeys={},this.hoverId="",this.hoverItems=[],this.ids=[],this.idsString="",this.colorsteps=[],this.cachedItemVerties=[],this.cachedArtBoardVerties=[],this.cachedVerties=vc(0,0,0,0,"50% 50% 0px"),this.selectionCamera=new Ac({parent:this.currentProject,x:Lo.px(0),y:Lo.px(0),width:Lo.px(0),height:Lo.px(0)})}return bo()(t,[{key:"initialize",value:function(){this.items=[],this.itemKeys={},this.ids=[],this.idsString="",this.cachedItemVerties={}}},{key:"getRootItem",value:function(t){var e=t;return 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}},{key:"isSameIds",value:function(t){return this.ids.length==t.length&&this.ids.filter((function(e){return t.includes(e)})).length===this.ids.length}},{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 i=(n||[]).filter((function(t){return!t.lock&&t.isAbsolute})),a=i.filter((function(t){return t.path.filter((function(t){return i.includes(t)})).length<2})),o=a.map((function(t){return t.id}));return!this.isSameIds(o)&&(this.items=a,this.itemKeys={},this.items.forEach((function(e){t.itemKeys[e.id]=e})),this.ids=Object.keys(this.itemKeys),this.ids.sort(),this.idsString=this.ids.join(","),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:"empty",value:function(){this.select()}},{key:"itemsByIds",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=[];if(Li(t)?e=t:(Ai(t)||Fi(t))&&(e=[t]),e.length){var n=this.project,r=[],i=[];e.forEach((function(t){n.hasIndexItem(t)?r.push(n.getIndexItem(t)):i.push(t)}));var a=Sh(this.project,i);return a.forEach((function(t){n.addIndexItem(t)})),r.push.apply(r,a),r}return this.items}},{key:"makeItemMap",value:function(t){var e={};return this.ids.forEach((function(n){e[n]=Xi(t)})),e}},{key:"selectById",value:function(t){t&&this.select.apply(this,E()(Sh(this.project,t)))}},{key:"selectAfterCopy",value:function(){this.select.apply(this,E()(this.items.map((function(t){return t.copy()}))))}},{key:"addById",value:function(t){this.itemKeys[t]||this.select.apply(this,E()(this.items).concat(E()(Sh(this.project,t))))}},{key:"removeById",value:function(t){var e=t;Ai(t)&&(e=[t]);var n=this.items.filter((function(t){return!1===e.includes(t.id)}));this.select.apply(this,E()(n))}},{key:"toggleById",value:function(t){this.itemKeys[t]?this.removeById(t):this.addById(t)}},{key:"getArtboardByPoint",value:function(t){return this.currentProject.artboards.find((function(e){return pc(e.matrix.verties.filter((function(t,e){return e<4})),t[0],t[1])}))}},{key:"changeArtBoard",value:function(){var t=this,e=!1;return this.each((function(n){if(!1===n.is("artboard")){var r=n.rectVerties();if(n.artboard){var i=n.artboard.rectVerties();if(pc(i,r[0][0],r[0][1])||fc(r,i))return!1}var a=t.cachedArtBoardVerties.find((function(t){var e=t.matrix.verties.filter((function(t,e){return e<4}));return pc(e,r[0][0],r[0][1])||fc(r,e)}));a?a.item!==n.artboard&&(a.item.appendChildItem(n),e=!0):n.artboard&&(t.currentProject.appendChildItem(n),e=!0)}})),e}},{key:"doCache",value:function(){this.items.forEach((function(t){t.setCache()}))}},{key:"setRectCache",value:function(){this.cachedVerties=this.verties,this.cachedItemVerties=this.items.map((function(t){return t.fakeParent=void 0,t.matrix})),this.cachedArtBoardVerties=this.currentProject.artboards.map((function(t){return{item:t,matrix:t.matrix}}))}},{key:"toCloneObject",value:function(){var t={};return this.each((function(e){t[e.id]=e.toCloneObject(!1)})),t}},{key:"cloneValue",value:function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];var r={};return this.each((function(t){r[t.id]={},e.forEach((function(e){r[t.id][e]=t[e]}))})),r}},{key:"each",value:function(t){Bi(t)&&this.items.forEach((function(e,n){t(e)}))}},{key:"map",value:function(t){return Bi(t)?this.items.map((function(e,n){return t(e,n)})):this.items}},{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,E()(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,i=e.includes(r);!i&&!Di(r);)n=r,r=r.parent,i=e.includes(r);return i}},{key:"hasPoint",value:function(t){return this.isMany?pc(this.rectVerties,t[0],t[1]):this.cachedItemVerties.some((function(e){return pc(e.verties,t[0],t[1])}))}},{key:"checkHover",value:function(t){return Ai(t)?this.hoverId===t:this.hoverItems.findIndex((function(e){return e.id===t.id}))>-1}},{key:"setHoverId",value:function(t){var e=!1;return!t||this.itemKeys[t]?(""!=this.hoverId&&(e=!0),this.hoverId="",this.hoverItems=[]):this.cachedArtBoardVerties.find((function(e){return e.item.id===t}))?(""!=this.hoverId&&(e=!0),this.hoverId="",this.hoverItems=[]):(this.hoverId!=t&&(e=!0),this.hoverId=t,this.hoverItems=this.itemsByIds([t]).filter((function(t){return!1===t.is("artboard")})),0===this.hoverItems.length&&(this.hoverId="",e=!0)),e&&this.$editor.emit("changeHoverItem"),e}},{key:"current",get:function(){return this.items[0]}},{key:"currentProject",get:function(){return this.project}},{key:"isEmpty",get:function(){return!this.length}},{key:"isOne",get:function(){return 1===this.length}},{key:"isMany",get:function(){return this.length>1}},{key:"length",get:function(){return this.items.length}},{key:"snapTargetLayers",get:function(){var t=this;return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")&&!t.check(e)})):[]}},{key:"snapTargetLayersWithSelection",get:function(){return this.currentProject?this.currentProject.allLayers.filter((function(t){return!t.is("project")})):[]}},{key:"selectedArtboards",get:function(){return E()(new Set(this.items.map((function(t){return t.artboard}))))}},{key:"isRelative",get:function(){return"relative"===(this.items[0]||{}).position}},{key:"verties",get:function(){return this.isOne?this.current.verties():this.rectVerties}},{key:"selectionVerties",get:function(){return this.isOne?this.current.selectionVerties():this.rectVerties}},{key:"rectVerties",get:function(){return gc(this.items)}},{key:"itemRect",get:function(){var t=this.verties;return{x:Lo.px(t[0][0]),y:Lo.px(t[0][1]),width:Lo.px(a.distance(t[0],t[1])),height:Lo.px(a.distance(t[0],t[3]))}}}]),t}(),Oh={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.layout.all":"All","app.layout.css":"CSS","app.layout.svg":"SVG","app.label.layout":"Menu Layout","app.theme.dark":"Dark","app.theme.light":"Light","app.theme.toon":"Toon","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.artboards":"Artboard","app.tab.title.assets":"Assets","app.tab.title.keyMap":"KeyMap","app.confirm.message.artboard.items.removeArtboard":"Do you remove an artboard preview really?","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.shortcuts.title":"ShortCuts","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","position.property.width":"W","position.property.height":"H","position.property.opacity":"Opacity","position.property.rotate":"Rotate","background.color.property.title":"Appearance","background.color.property.color":"Color","background.color.property.zindex":"z-index","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","iframe.property.title":"IFrame","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":"Appearance","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.reverse":"Reverse","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","inspector.tab.title.history":"History","timeline.property.title":"Timeline","timeline.property.resize":"Drag if you want to resize timeline height.","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","timeline.value.editor.offset.message":"Please input enter key to change time offset.","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","viewport.panning.enable":"You can move the area by holding down space key and dragging the screen."},fr_FR:(Ph={"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.layout.all":"All","app.layout.css":"CSS","app.layout.svg":"SVG","app.label.layout":"Menu Layout","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.artboards":"Artboard","app.tab.title.assets":"Elements","app.tab.title.keyMap":"Clavier","app.confirm.message.artboard.items.removeArtboard":"Do you remove an artboard preview really?","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.shortcuts.title":"ShortCuts","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","position.property.width":"Largeur","position.property.height":"Hauteur","position.property.opacity":"Opacity","position.property.rotate":"Rotate","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","iframe.property.title":"IFrame","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":"Appearance","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.reverse":"Reverse","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","inspector.tab.title.history":"History"},S()(Ph,"inspector.tab.title.history","History"),S()(Ph,"timeline.property.title","Chronologie"),S()(Ph,"timeline.property.resize","Drag if you want to resize timeline height."),S()(Ph,"timeline.animation.property.title","Animations"),S()(Ph,"timeline.play.control.play","Jouer"),S()(Ph,"timeline.play.control.pause","Pause"),S()(Ph,"timeline.play.control.first","Premier"),S()(Ph,"timeline.play.control.prev","Précédent"),S()(Ph,"timeline.play.control.next","Suivant"),S()(Ph,"timeline.play.control.last","Dernier"),S()(Ph,"timeline.play.control.direction","Direction"),S()(Ph,"timeline.play.control.speed","Vitesse"),S()(Ph,"timeline.play.control.repeat","Répéter"),S()(Ph,"timeline.play.control.infinite","Infini"),S()(Ph,"timeline.play.control.normal","normal"),S()(Ph,"timeline.play.control.alternate","alternatif"),S()(Ph,"timeline.play.control.reverse","inverse"),S()(Ph,"timeline.play.control.alternate.reverse","inverse alternatif"),S()(Ph,"timeline.value.editor.value","Valeur"),S()(Ph,"timeline.value.editor.time","Temps"),S()(Ph,"timeline.value.editor.timing","Calage temps"),S()(Ph,"timeline.value.editor.offset.message","Please input enter key to change time offset."),S()(Ph,"svgfilter.popup.title","Filtre SVG"),S()(Ph,"css.item.rotate","Rotation"),S()(Ph,"css.item.rotateX","Rotation X"),S()(Ph,"css.item.rotateY","Rotation Y"),S()(Ph,"css.item.rotateZ","Rotation Z"),S()(Ph,"css.item.rotate3d","Rotation 3D"),S()(Ph,"css.item.skewX","Oblique X"),S()(Ph,"css.item.skewY","Oblique Y"),S()(Ph,"css.item.translate","Translation"),S()(Ph,"css.item.translateX","Translation X"),S()(Ph,"css.item.translateY","Translation Y"),S()(Ph,"css.item.translateZ","Translation Z"),S()(Ph,"css.item.translate3d","Translation 3D"),S()(Ph,"css.item.perspective","Perspéctive"),S()(Ph,"css.item.scale","Echelle"),S()(Ph,"css.item.scaleX","Echelle X"),S()(Ph,"css.item.scaleY","Echelle Y"),S()(Ph,"css.item.scaleZ","Echelle Z"),S()(Ph,"css.item.scale3d","Echelle 3D"),S()(Ph,"css.item.matrix","Matrice"),S()(Ph,"css.item.matrix3d","Matrice 3D"),S()(Ph,"animation.property.title","Animation CSS"),S()(Ph,"animation.property.direction","Direction"),S()(Ph,"animation.property.play.state","Etat lecture"),S()(Ph,"animation.property.fill.mode","Mode remplissage"),S()(Ph,"animation.property.delay","Délais"),S()(Ph,"animation.property.duration","Durée"),S()(Ph,"animation.property.iteration.count","Nombre Itérations"),S()(Ph,"animation.property.Select a keyframe","Selectionner une image clé"),S()(Ph,"animation.property.popup.title","Animation"),S()(Ph,"animation.property.popup.timing.function","Fonction temps"),S()(Ph,"animation.property.popup.keyframe","image clé"),S()(Ph,"animation.property.popup.direction","Direction"),S()(Ph,"animation.property.popup.play.state","Etat lecture"),S()(Ph,"animation.property.popup.fill.mode","Mode remplissage"),S()(Ph,"animation.property.popup.delay","Délais"),S()(Ph,"animation.property.popup.duration","Duréé"),S()(Ph,"animation.property.popup.iteration","Itération"),S()(Ph,"animation.property.popup.normal","normal"),S()(Ph,"animation.property.popup.reverse","inverse"),S()(Ph,"animation.property.popup.alternate","alternatif"),S()(Ph,"animation.property.popup.alternate-reverse","inverse alternatif"),S()(Ph,"animation.property.popup.none","Aucun"),S()(Ph,"animation.property.popup.forwards","en avant"),S()(Ph,"animation.property.popup.backwards","en arrière"),S()(Ph,"animation.property.popup.both","les deux"),S()(Ph,"animation.property.popup.Select a keyframe","Selectionner une image clé"),S()(Ph,"keyframe.popup.title","image clé"),S()(Ph,"code.view.property.title","Vue code"),S()(Ph,"svg.filter.editor.tab.filter","Filtrer"),S()(Ph,"svg.filter.editor.tab.preset","Pre-rempli"),S()(Ph,"svg.filter.editor.tab.asset","Eléments"),S()(Ph,"svg.filter.editor.GRAPHIC REFERENCES","REFERENCES GRAPHIQUES"),S()(Ph,"svg.filter.editor.SOURCES","SOURCES"),S()(Ph,"svg.filter.editor.MODIFIER","MODIFIER"),S()(Ph,"svg.filter.editor.LIGHTING","ECLAIRAGE"),S()(Ph,"svg.filter.editor.COMBINERS","COMBINER"),S()(Ph,"svg.filter.editor.Template","Modèle"),S()(Ph,"layout.property.title","Disposition"),S()(Ph,"layout.property.flex","Boîte Flex"),S()(Ph,"layout.property.grid","Grille"),S()(Ph,"layout.property.default","Défaut"),S()(Ph,"flex.layout.editor.row","Ligne"),S()(Ph,"flex.layout.editor.column","Colonne"),S()(Ph,"flex.layout.editor.row-reverse","Inverse ligne"),S()(Ph,"flex.layout.editor.column-reverse","Inverse Colonne"),S()(Ph,"flex.layout.editor.nowrap","Non-emballé"),S()(Ph,"flex.layout.editor.wrap","Emballé (wrap)"),S()(Ph,"flex.layout.editor.wrap-reverse","Inverse emballé"),S()(Ph,"flex.layout.editor.flex-start","Début"),S()(Ph,"flex.layout.editor.flex-end","Fin"),S()(Ph,"flex.layout.editor.center","Centrer"),S()(Ph,"flex.layout.editor.space-between","Entre"),S()(Ph,"flex.layout.editor.space-around","Autour"),S()(Ph,"flex.layout.editor.baseline","Base"),S()(Ph,"flex.layout.editor.stretch","Etirement"),S()(Ph,"flex.layout.editor.direction","Direction"),S()(Ph,"flex.layout.editor.justify-content","Justifier"),S()(Ph,"flex.layout.editor.align-items","Aligner objets"),S()(Ph,"flex.layout.editor.align-content","Aligner contenu"),S()(Ph,"flex.layout.item.property.title","Détail Disposition objet"),S()(Ph,"flex.layout.item.property.grow","Augmenter Flex"),S()(Ph,"flex.layout.item.property.shrink","Réduire Flex"),S()(Ph,"flex.layout.item.property.basis","Base Flex"),S()(Ph,"flex.layout.item.property.none","Aucun"),S()(Ph,"flex.layout.item.property.auto","auto"),S()(Ph,"flex.layout.item.property.value","valeur"),S()(Ph,"grid.layout.editor.template.columns","Colonne"),S()(Ph,"grid.layout.editor.column.gap","Espace Colonne"),S()(Ph,"grid.layout.editor.template.rows","Lignes"),S()(Ph,"grid.layout.editor.row.gap","Espace lignes"),S()(Ph,"grid.box.editor.box.title","Boîte"),S()(Ph,"grid.box.editor.type","Type"),S()(Ph,"grid.box.editor.repeat","Répéter"),S()(Ph,"grid.box.editor.length","Longueur"),S()(Ph,"grid.box.editor.none","Aucun"),S()(Ph,"grid.box.editor.auto","Auto"),S()(Ph,"grid.box.editor.count","Compte"),S()(Ph,"grid.box.editor.value","Taille"),S()(Ph,"grid.layout.item.property.title","Détail disposition objets"),S()(Ph,"grid.layout.item.property.column","Colonne"),S()(Ph,"grid.layout.item.property.row","Ligne"),S()(Ph,"grid.layout.item.property.start","Début"),S()(Ph,"grid.layout.item.property.end","Fin"),S()(Ph,"grid.layout.item.property.none","Aucun"),S()(Ph,"grid.layout.item.property.value","valeur"),S()(Ph,"box.model.property.title","Modèle"),S()(Ph,"box.model.property.margin","Marge"),S()(Ph,"box.model.property.padding","Espace"),S()(Ph,"component.items.canvas","Toile"),S()(Ph,"component.items.layer","Objet"),S()(Ph,"component.items.3dlayer","Objet 3D"),S()(Ph,"component.items.drawing","Dessin"),S()(Ph,"component.items.custom","Composant personnalisé"),S()(Ph,"svg.text.property.title","Style SVG Texte"),S()(Ph,"svg.text.property.textarea","Zone Texte"),S()(Ph,"svg.text.property.size","Taille"),S()(Ph,"svg.text.property.weight","Poids"),S()(Ph,"svg.text.property.style","Style"),S()(Ph,"svg.text.property.anchor","Ancre Texte"),S()(Ph,"svg.text.property.family","Famille"),S()(Ph,"svg.text.property.length.adjust","Ajusteement longueur"),S()(Ph,"svg.text.property.text.length","Ajusteement Texte"),S()(Ph,"svg.text.property.start.offset","Décallage départ"),S()(Ph,"fill.picker.popup.title","Sélection Fragment SVG"),S()(Ph,"gradient.editor.drag.message","Glisser pour déplacer centre."),S()(Ph,"draw.manager.tolerance","Tolérance"),S()(Ph,"pattern.property.title","Motif"),S()(Ph,"pattern.info.popup.title","Info Motif"),S()(Ph,"pattern.info.popup.width","Largeur"),S()(Ph,"pattern.info.popup.height","Hauteur"),S()(Ph,"pattern.info.popup.lineWidth","Largeur ligne"),S()(Ph,"pattern.info.popup.lineHeight","Hauteur de ligne"),S()(Ph,"pattern.info.popup.rotate","Rotatation"),S()(Ph,"pattern.info.popup.blend","Mélange"),S()(Ph,"pattern.info.popup.foreColor","Avant"),S()(Ph,"pattern.info.popup.backColor","Arrière"),S()(Ph,"stroke.dasharray.editor.add","Ajout tiret"),S()(Ph,"viewport.panning.enable","You can move the area by holding down space and dragging the screen."),Ph),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.layout.all":"전체","app.layout.css":"CSS","app.layout.svg":"SVG","app.label.layout":"메뉴구성","app.theme.dark":"어두운","app.theme.light":"밝은","app.theme.toon":"그리기","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.artboards":"아트보드","app.tab.title.assets":"에셋","app.tab.title.keyMap":"단축키","app.confirm.message.artboard.items.removeArtboard":"아트보드 프리뷰를 삭제 하시겠습니까?","menu.item.download.title":"다운로드","menu.item.save.title":"저장","menu.item.export.title":"내보내기","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"전체화면","menu.item.shortcuts.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":"크기","position.property.width":"넓이","position.property.height":"높이","position.property.rotate":"회전","position.property.opacity":"투명","background.color.property.title":"표시","background.color.property.color":"배경색","background.color.property.zindex":"z-index","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":"다운로드","iframe.property.title":"아이프레임","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.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.reverse":"순서변경","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":"코드","inspector.tab.title.history":"기록","timeline.property.title":"타임라인","timeline.property.resize":"타임라인 높이를 변경합니다. 드래그 해주세요.","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":"타이밍 함수","timeline.value.editor.offset.message":"Enter키를 입력하면 적용됩니다.","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":"점 추가","viewport.panning.enable":"space 를 누른채 화면을 드래그 하면 영역을 움직일 수 있습니다."}},$h={locales:Oh,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=Oh[n][t]||Oh.en_US[t]||t||void 0;if(Bi(r))return r(e);var i=r;return t===i?t.split(".").pop():(Ci(e,(function(t,e){i=i.replace(new RegExp("{".concat(t,"}"),"ig"),e)})),i)},hasKey:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en_US";return!(!Oh[e][t]&&!Oh.en_US[t])}},Ch={dark:{left_size:250,left_max_size:400,bottom_size:150,bottom_max_size:500,timeline_grid_font_color:"#ececec",timeline_line_color:"red",timeline_timeview_bottom_color:"black"},light:{left_size:250,left_max_size:400,bottom_size:150,bottom_max_size:500,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"},toon:{left_size:250,left_max_size:400,bottom_size:150,bottom_max_size:500,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"}};function Eh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var Th=function(){function t(e){go()(this,t),this.$editor=e,this.items=[],this.itemKeys={}}return bo()(t,[{key:"initialize",value:function(){this.items=[],this.itemKeys={}}},{key:"currentProject",value:function(t){var e=this.$editor.selection.currentProject;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?Eh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Eh(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.currentProject((function(n){var r=n.getKeyframeListReturnArray().filter((function(e){return e.layerId===t}));e.refreshCache(r)}))}},{key:"toggleLayerContainer",value:function(t){this.currentProject((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.currentProject((function(r){var i=r.getKeyframeListReturnArray().filter((function(n){return n.layerId===t&&n.property===e}));n.refreshCache(i)}))}},{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.currentProject((function(i){var a=[];t.forEach((function(t){var r=[];if(t.property){var o=i.getTimelineProperty(t.layerId,t.property);r=o.keyframes.filter((function(t){return e<=t.time&&t.time<=n}))}else{(o=i.getTimelineObject(t.layerId)).properties.filter((function(e){return e.property===t.property})).forEach((function(t){r.push.apply(r,t.keyframes.filter((function(t){return e<=t.time&&t.time<=n})))}))}a.push.apply(a,r)}));var o={};a.forEach((function(t){o[t.id]=t})),r.select.apply(r,E()(Object.values(o)))}))}},{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}))}}]),t}();var Vh={command:"setAttribute",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;t.selection.itemsByIds(n).forEach((function(n){Object.keys(e).forEach((function(t){var r=e[t];Bi(r)&&(r=r(n)),n.reset(S()({},t,r))})),n.setCache(),t.emit("refreshElement",n)}))}};function Mh(t){t.emit("noneSelectMenu"),t.emit("refreshAll"),t.nextTick((function(){t.emit("refreshSelectionTool")}))}function Dh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ih(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Dh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Dh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Lh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Lh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Lh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Ah(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function zh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ah(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ah(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Fh={command:"fileDropItems",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];t.emit("updateResource",e)}},Bh={command:"updateImage",execute:function(t,e,n,r){var i=new FileReader;i.onload=function(i){var a=i.target.result,o=URL.createObjectURL(e);t.emit("addImageAssetItem",{id:zr(),type:e.type,name:e.name,original:a,local:o},n,r)},i.readAsDataURL(e)}},Gh={command:"updateVideo",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=new FileReader;i.onload=function(i){var a=i.target.result,o=URL.createObjectURL(e);t.emit("addVideoAssetItem",{id:zr(),type:e.type,name:e.name,original:a,local:o},n,r)},i.readAsDataURL(e)}};function Hh(t,e){var n=new Image;n.onload=function(){var r={id:t.id,local:t.local,naturalWidth:Lo.px(n.naturalWidth),naturalHeight:Lo.px(n.naturalHeight),width:Lo.px(n.naturalWidth),height:Lo.px(n.naturalHeight)};e&&e(r,n)},n.onerror=function(t){console.log(t,t.message)},n.src=t.local}function Nh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Xh(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Nh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Nh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Yh={command:"addImageAssetItem",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=t.selection.currentProject;i&&(i.createImage(e),t.emit("addImageAsset"),Hh(e,(function(i){var a=n.width.value/i.width.value,o=n.width,s=Lo.px(i.height.value*a);t.emit("addImage",Xh({src:e.id},i,{},n,{width:o,height:s}),r),t.changeMode(nm),t.emit("afterChangeMode")})))}};function _h(t,e){var n=document.createElement("video");n.onloadeddata=function(){var r={local:t.local,naturalWidth:Lo.px(n.videoWidth),naturalHeight:Lo.px(n.videoHeight),width:Lo.px(n.videoWidth),height:Lo.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 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){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Kh(Object(n),!0).forEach((function(e){S()(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}var Uh={command:"addVideoAssetItem",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=t.selection.currentProject;i&&(i.createVideo(e),t.emit("addVideoAsset"),_h(e,(function(i){t.emit("addVideo",Wh({src:e.id},i,{},n),r),t.changeMode(nm),t.emit("afterChangeMode")})))}};function Zh(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var qh={command:"dropImageUrl",execute:function(t,e){Hh({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?Zh(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Zh(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({src:e.local},e)),t.changeMode(nm),t.emit("afterChangeMode")}))}},Jh={command:"addSVGFilterAssetItem",execute:function(t,e){var n=t.selection.currentProject;if(n){var r=zr(),i=n.createSVGFilter({id:r,filters:[]});e&&e(i,r)}}},Qh={command:"updateImageAssetItem",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var i=r.target.result,a=URL.createObjectURL(e),o=t.selection.currentProject;if(o){var s=o.createImage({id:zr(),type:e.type,name:e.name,original:i,local:a});t.emit("addImageAsset"),Bi(n)&&n(s.id)}},r.readAsDataURL(e)}},tp={command:"updateVideoAssetItem",execute:function(t,e,n){var r=new FileReader;r.onload=function(r){var i=r.target.result,a=URL.createObjectURL(e),o=t.selection.currentProject;o&&(o.createVideo({id:zr(),type:e.type,name:e.name,original:i,local:a}),t.emit("addVideoAsset"),Bi(n)&&n(a))},r.readAsDataURL(e)}},ep=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"parse",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=e.split("data:"),i=j()(r,2),a=(i[0],i[1]),o=a.split(","),s=$()(o),c=s[0],l=s.slice(1),u=c.split(";"),h=j()(u,2),p=h[0],d=h[1];return l=l.join(","),{mimeType:p,local:n&&t.getLink(p,d,l)}}},{key:"getLink",value:function(t,e,n){if("base64"===e){for(var r=atob(n),i=r.length,a=new Uint8Array(i),o=0;o<i;o++)a[o]=r.charCodeAt(o);var s=new Blob([a],{type:t});return URL.createObjectURL(s)}return""}}]),t}(),np={command:"updateUriList",execute:function(t,e){var n=e.data;if(n.indexOf("data:")>-1){var r=ep.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("addImageAssetItem",{id:zr(),type:r.mimeType,name:"",original:n,local:r.local})}}else{var i=e.data.split(".").pop(),a=e.data.split("/").pop();switch(i){case"png":case"jpg":case"gif":case"svg":t.emit("addImageAssetItem",{id:zr(),type:"image/"+i,name:a,original:e.data,local:e.data})}}}};function rp(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 ip={command:"downloadJSON",execute:function(t,e){var n=JSON.stringify(t.projects);rp("data:application/json;base64,"+window.btoa(n),e||"easylogic.json")}},ap=new Map,op=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"has",value:function(t){return ap.has(t)}},{key:"get",value:function(t){return ap.get(t)}},{key:"set",value:function(t,e){ap.size>1e3&&ap.clear(),ap.set(t,e)}}]),t}();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 cp(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){S()(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}var lp=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,up=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,cp({itemType:"pattern"},t))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(t){var e=bp[t.type];if(e)return new e(t)}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;if(op.has(t))return op.get(t);var r=_a(t);return(r.str.match(lp)||[]).forEach((function(t,i){var a=t.split("("),o=j()(a,2),s=o[0],c=o[1],l=(c=c.split(")")[0]).split(",").map((function(t){return t.trim()})),u=j()(l,6),h=u[0],p=u[1],d=u[2],f=u[3],v=u[4],y=u[5],g=h.split(" "),m=j()(g,2),b=m[0],k=m[1],x=p.split(" "),w=j()(x,2),S=w[0],P=w[1],O=(y||"").split(" "),$=j()(O,2),C=$[0],E=$[1];n[i]=e.parse({type:s,x:Lo.parse(S),y:Lo.parse(P),width:Lo.parse(b),height:Lo.parse(k),foreColor:Wa(d,r.matches),backColor:Wa(f,r.matches),blendMode:v||"normal",lineWidth:Lo.parse(C||"1px"),lineHeight:Lo.parse(E||"1px")})})),op.set(t,n),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,eu.parseStyle(Qi(t.toCSS())))})),eu.joinCSS(n)}}]),e}(Pc),hp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"base",x:Lo.z(),y:Lo.z(),width:Lo.px(20),height:Lo.px(20),lineWidth:Lo.px(1),lineHeight:Lo.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).width=Lo.parse(t.width),t.height=Lo.parse(t.height),t.lineWidth=Lo.parse(t.lineWidth),t.lineHeight=Lo.parse(t.lineHeight),t.x=Lo.parse(t.x),t.y=Lo.parse(t.y),t}},{key:"toString",value:function(){var t=this.json,e=t.type,n=t.width,r=t.height,i=t.x,a=t.y,o=t.foreColor,s=t.backColor,c=t.blendMode,l=t.lineWidth,u=t.lineHeight;return"".concat(e,"(").concat(n," ").concat(r,", ").concat(i," ").concat(a,", ").concat(o,", ").concat(s,", ").concat(c,", ").concat(l," ").concat(u,")")}}]),e}(up),pp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.y,a=t.backColor,o=t.foreColor,s=t.blendMode;return a=a||"transparent","\n      background-image: repeating-linear-gradient(45deg, ".concat(o=o||"black"," 25%, ").concat(a," 25%, ").concat(a," 75%, ").concat(o," 75%, ").concat(o," 100%),repeating-linear-gradient(45deg, ").concat(o," 25%, ").concat(a," 25%, ").concat(a," 75%, ").concat(o," 75%, ").concat(o," 100%);\n      background-position: 0px 0px, ").concat(r," ").concat(i,";\n      background-size: ").concat(e," ").concat(n,", ").concat(e," ").concat(n,";\n      background-blend-mode: ").concat(s,", ").concat(s,";\n    ")}}]),e}(hp),dp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.lineHeight,a=t.backColor,o=t.foreColor,s=t.blendMode;return a=a||"transparent","\n      background-image: linear-gradient(".concat(o=o||"black"," ").concat(i,", ").concat(a," ").concat(i,"),linear-gradient(to right, ").concat(o," ").concat(r,", ").concat(a," ").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(s,", ").concat(s,";      \n    ")}}]),e}(hp),fp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=(t.lineHeight,t.backColor),a=t.foreColor,o=t.blendMode;return i=i||"transparent","\n      background-image: radial-gradient(".concat(a=a||"black"," ").concat(r,", ").concat(i," ").concat(r,");\n      background-size: ").concat(e.value/2,"px ").concat(n.value/2,"px;          \n      background-blend-mode: ").concat(o,";      \n    ")}}]),e}(hp),vp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.y,a=t.lineWidth,o=(t.lineHeight,t.backColor),s=t.foreColor,c=t.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(s=s||"black"," ").concat(a,", ").concat(o," ").concat(a,"),radial-gradient(").concat(s," ").concat(a,", ").concat(o," ").concat(a,");\n      background-size: ").concat(e," ").concat(n,",").concat(e," ").concat(n,";\n      background-position: 0px 0px, ").concat(r," ").concat(i,";      \n      background-blend-mode: multiply, ").concat(c,";\n    ")}}]),e}(hp),yp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.lineWidth,a=t.backColor,o=t.foreColor,s=t.blendMode;return a=a||"transparent",o=o||"black","\n      background-image: repeating-linear-gradient(".concat(r,", ").concat(o," 0, ").concat(o," ").concat(i,", ").concat(a," 0, ").concat(a," 50%);\n      background-size: ").concat(e," ").concat(n,";      \n      background-blend-mode: ").concat(s,";\n    ")}}]),e}(hp),gp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.y,a=t.lineWidth,o=t.backColor,s=t.foreColor,c=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(s=s||"black"," 0px, ").concat(s," ").concat(a,", ").concat(o," ").concat(a,", ").concat(o," 100%);\n      background-size: ").concat(e," ").concat(n,"; \n      background-position: ").concat(r," ").concat(i,";        \n      background-blend-mode: ").concat(c,";\n    ")}}]),e}(hp),mp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.y,a=t.lineWidth,o=t.backColor,s=t.foreColor,c=t.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(s=s||"black"," 0px, ").concat(s," ").concat(a,", ").concat(o," ").concat(a,", ").concat(o," 100%);    \n      background-position: ").concat(r," ").concat(i,";\n      background-size: ").concat(e," ").concat(n,";   \n      background-blend-mode: ").concat(c,";\n    ")}}]),e}(hp),bp={check:pp,grid:dp,dot:fp,"cross-dot":vp,"diagonal-line":yp,"vertical-line":gp,"horizontal-line":mp},kp={CheckPattern:pp,GridPattern:dp,DotPattern:fp,CrossDotPattern:vp,DiagonalLinePattern:yp,VerticalLinePattern:gp,HorizontalLinePattern:mp};function xp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?xp(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Sp={},Pp=["text-fill-color","text-stroke-color","text-stroke-width","background-clip"],jp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toStringPropertyCSS",value:function(t,e){return Qi(t[e])}},{key:"toBackgroundImageCSS",value:function(t){if(""===t["background-image"]&&""===t.pattern)return Sp;var e=[];if(t.pattern)for(var n=up.parseStyle(t.pattern),r=0,i=n.length;r<i;r++)e.push.apply(e,eu.parseStyle(Qi(n[r].toCSS())));return t["background-image"]&&e.push.apply(e,eu.parseStyle(Qi(t["background-image"]))),e.length?eu.joinCSS(e):{}}},{key:"toLayoutCSS",value:function(t){var e=t.layout;if(t.hasLayout()){if("flex"===e)return this.toFlexLayoutCSS(t);if("grid"===e)return this.toGridLayoutCSS(t)}return{}}},{key:"toLayoutItemCSS",value:function(t){var e=t.parent.layout,n={};return"flex"===e?n={position:"relative",left:"auto !important",top:"auto !important"}:"grid"===e&&(n={position:"relative",left:"auto !important",top:"auto !important",width:"auto !important",height:"auto !important"}),"flex"===e?n=wp({},n,{},Qi(t["flex-layout-item"])):"grid"===e&&(n=wp({},n,{},Qi(t["grid-layout-item"]))),n}},{key:"toFlexLayoutCSS",value:function(t){return wp({display:"flex"},this.toStringPropertyCSS(t,"flex-layout"))}},{key:"toGridLayoutCSS",value:function(t){return wp({display:"grid"},this.toStringPropertyCSS(t,"grid-layout"))}},{key:"toBorderCSS",value:function(t){return this.toStringPropertyCSS(t,"border")}},{key:"toKeyCSS",value:function(t){return item[t]?S()({},t,item[t]):{}}},{key:"toBoxModelCSS",value:function(t){var 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(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n={};return e.filter((function(e){return Ii(t[e])})).forEach((function(e){n[e]=t[e]})),n}},{key:"toDefaultCSS",value:function(t){var e={};return t.isAbsolute&&(t.x&&(e.left=t.x),t.y&&(e.top=t.y)),e.visibility=t.visible?"visible":"hidden",wp({},e,{},this.toKeyListCSS(t,["position","width","height","overflow","z-index","box-sizing","background-color","color","opacity","mix-blend-mode","transform-origin","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","animation","transition"]))}},{key:"toVariableCSS",value:function(t){var e={};return t.variable.split(";").filter((function(t){return t.trim()})).forEach((function(t){var n=t.split(":"),r=j()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toRootVariableCSS",value:function(t){var e={};return t.rootVariable.split(";").filter((function(t){return t.trim()})).forEach((function(t){var n=t.split(":"),r=j()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toRootVariableString",value:function(t){return Ji(this.toRootVariableCSS(t))}},{key:"toWebkitCSS",value:function(t){var e={};return Pp.forEach((function(n){e["-webkit-".concat(n)]=t[n]})),e}},{key:"toTextClipCSS",value:function(t){var e={};return"text"===t["text-clip"]&&(e["-webkit-background-clip"]="text",e["-webkit-text-fill-color"]="transparent",e.color="transparent"),e}},{key:"toTransformCSS",value:function(t){if("0deg"===t.rotate&&""===t.transform)return Sp;if(0===t.rotate.value&&""===t.transform)return Sp;var e=[t.transform,t.rotate].join(":::");e!=this._transformCacheKey&&(this._transformCache=Ec.rotate(t.transform,t.rotate),this._transformCacheKey=e);var n={transform:this._transformCache};return"rotate(0deg)"===n.transform&&delete n.transform,n}},{key:"toDefInnerString",value:function(t){return"\n      ".concat(this.toClipPath(t),"\n    ").trim()}},{key:"toClipPath",value:function(t){if(""===t["clip-path"])return"";var e=Du.parseStyle(t["clip-path"]),n=e.value;switch(e.type){case"path":return'<clipPath id="'.concat(this.clipPathId(t),'"><path d="').concat(n,'" /></clipPath>');case"svg":return'<clipPath id="'.concat(this.clipPathId(t),'">').concat(n,"</clipPath>")}return""}},{key:"toClipPathCSS",value:function(t){var e=t["clip-path"];if(!1===Boolean(e))return null;switch(Du.parseStyle(e).type){case"path":case"svg":e="url(#".concat(this.clipPathId(t),")")}return{"clip-path":e}}},{key:"innerSVGId",value:function(t){return t.id+"inner-svg"}},{key:"clipPathId",value:function(t){return t.id+"clip-path"}},{key:"toDefString",value:function(t){var e=this.toDefInnerString(t);return e?"\n    <svg class='inner-svg-element' data-id=\"".concat(this.innerSVGId(t),'" width="0" height="0">\n      <defs>\n        ').concat(e,"\n      </defs>\n    </svg>\n    "):""}},{key:"toSelectorString",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.selectors.map((function(t){return t.toString(e)})).join("\n\n")}},{key:"generateView",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="\n  ".concat(e," {  /* ").concat(t.itemType," */\n      ").concat(Ji(this.toCSS(t),"\n    "),"; \n      ").concat(n,"\n  }\n  ").concat(this.toNestedCSS(t).map((function(t){return"".concat(e," ").concat(t.selector," { \n        ").concat(t.cssText?t.cssText:Ji(t.css||{},"\n\t\t"),"; \n    }")})).join("\n"),"\n  ").concat(this.toSelectorString(t,e),"\n    ");return r}},{key:"toCSS",value:function(t){return Object.assign({},this.toVariableCSS(t),this.toDefaultCSS(t),this.toClipPathCSS(t),this.toWebkitCSS(t),this.toTextClipCSS(t),this.toBoxModelCSS(t),this.toBorderCSS(t),this.toBackgroundImageCSS(t),this.toLayoutCSS(t),this.toTransformCSS(t),this.toLayoutItemCSS(t))}},{key:"toStyle",value:function(t,e){var n=this.generateView(t,".element-item[data-id='".concat(t.id,"']"));return("\n        <style type='text/css' data-id='".concat(t.id,"' data-timestamp='").concat(t.timestamp,"'>").concat(n,"</style>\n    ")+t.layers.map((function(t){return e.toStyle(t,e)})).join(""))}},{key:"render",value:function(t,e){var n=t.elementType,r=t.id,i=t.name,a=t.itemType,o=n||"div";return"    \n      <".concat(o,' class="').concat(ea(S()({"element-item":!0},a,!0)),'" ').concat(ta({"data-id":r,"data-title":i}),">\n        ").concat(this.toDefString(t),"\n        ").concat(t.layers.map((function(t){return e.render(t,e)})).join("\n\t"),"\n      </").concat(o,">\n    ")}},{key:"renderSVG",value:function(t,e){}},{key:"toNestedCSS",value:function(t){return[]}},{key:"update",value:function(t,e){var n=e.el.$svg;if(n||(e.el.$svg=e.$('[data-id="'.concat(this.innerSVGId(t),'"]')),n=e.el.$svg),n){var r=this.toDefInnerString(t);if(r)n.$("defs").html(r)}else{var i=this.toDefString(t);if(i){var a=Ro.createByHTML(i);a&&e.prepend(a)}}}}]),e}(function(){function t(){go()(this,t)}return bo()(t,[{key:"getInnerId",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return t.id+e}}]),t}());function Op(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Op(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Op(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Cp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toDefaultCSS",value:function(t){return $p({overflow:"visible"},this.toKeyListCSS(t,["font-size","font-stretch","line-height","font-weight","font-family","font-style","text-align","text-transform","text-decoration","letter-spacing","word-spacing","text-indent","background-color","border-radius","transform-style"]))}},{key:"toCSS",value:function(t){var e=Object.assign({},this.toVariableCSS(t),this.toDefaultCSS(t),this.toClipPathCSS(t),this.toWebkitCSS(t),this.toTextClipCSS(t),this.toTransformCSS(t),this.toLayoutItemCSS(t),this.toBackgroundImageCSS(t));return delete e.left,delete e.top,delete e.width,delete e.height,delete e.position,e}},{key:"toSVGAttribute",value:function(t){return $p({},this.toDefaultCSS(t),{},this.toKeyListCSS(t,["stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"]))}},{key:"wrappedRender",value:function(t,e){var n=t.id,r=t.x,i=t.y,a=t.width,o=t.height,s=t.itemType;return("\n\n            <svg class='svg-element-item ".concat(s,'\'\n                xmlns="http://www.w3.org/2000/svg"\n                data-id="').concat(n,'"\n                x="').concat(r.value,'"\n                y="').concat(i.value,'"\n                width="').concat(a.value,'"\n                height="').concat(o.value,'"\n                overflow="visible"\n            >\n                ').concat(this.toDefString(t),"\n                ").concat(Bi(e)&&e(),"\n            </svg>\n        "))}},{key:"render",value:function(t,e){var n=t.width,r=t.height,i=t.elementType||"div",a=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n                <foreignObject \n                    width="'.concat(n.value,'"\n                    height="').concat(r.value,'"\n                    overflow="visible"\n                >\n                    <').concat(i,' xmlns="http://www.w3.org/1999/xhtml" style="').concat(Ji(a),';width:100%;height:100%;"></').concat(i,">\n                </foreignObject>    \n                ").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n            ")}))}}]),e}(jp),Ep=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCSS",value:function(t){var e=Object.assign({},this.toDefaultCSS(t),this.toClipPathCSS(t),this.toWebkitCSS(t),this.toTextClipCSS(t),this.toBackgroundImageCSS(t));return delete e.left,delete e.top,delete e.width,delete e.height,delete e.position,e}},{key:"render",value:function(t,e){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=(t.x,t.y,t.width),i=t.height,a=this.toCSS(t);return"\n".concat(n?'<?xml version="1.0"?>':"",'\n<svg \n    xmlns="http://www.w3.org/2000/svg"\n    width="').concat(r.value,'"\n    height="').concat(i.value,'"\n    viewBox="0 0 ').concat(r.value," ").concat(i.value,'"\n    style="').concat(Ji(a),'"\n>\n    ').concat(this.toDefString(t),"\n    ").concat(t.layers.map((function(t){return e.render(t,e)})).join(""),"\n</svg>      \n        ")}}]),e}(Cp),Tp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(Cp),Vp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(Tp),Mp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getUrl",value:function(t){var e=t.src;return t.project.getImageValueById(e)}},{key:"render",value:function(t){var e=this,n=t.width,r=t.height,i=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n            <foreignObject\n                width="'.concat(n.value,'"\n                height="').concat(r.value,'"\n            >\n                <div xmlns="http://www.w3.org/1999/xhtml">\n                    <img src=\'').concat(e.getUrl(t),"' style=\"width:100%;height:100%; ").concat(Ji(i),'"  />\n                </div>\n            </foreignObject>              \n          ')}))}},{key:"update",value:function(t,n){var r=n.$("img");r&&r.attr("src",this.getUrl(t)),Bs()(So()(e.prototype),"update",this).call(this,t,n)}}]),e}(Tp),Dp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"render",value:function(t,e){return t.artboards.map((function(t){return e.render(t,e)}))}}]),e}(Cp),Ip=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(Tp),Lp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(t){return""}},{key:"toFillValue",value:function(t){return""}}]),e}(wl);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 Ap(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){S()(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}var zp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(t){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Ap({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Ap({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("x1","y1","x2","y2","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,i=e.x2,a=e.y2,o=e.spreadMethod;return('\n        <linearGradient \n            id="'.concat(t,'"\n            x1="').concat(n,'"\n            x2="').concat(i,'"\n            y1="').concat(r,'"\n            y2="').concat(a,'"\n            spreadMethod="').concat(o,'"\n          >\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,")")}}],[{key:"toLinearGradient",value:function(t){return 0===t.length?"none":new LinearGradient({angle:"to right",colorsteps:t})+""}},{key:"parse",value:function(t){var n=_a(t),r={},i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(t.includes("@"))t=Wa(t,n.matches),i.push.apply(i,ml.parse(t));else{var a=t.split(" "),o=j()(a,5),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4];r.x1=Lo.parse(s),r.y1=Lo.parse(c),r.x2=Lo.parse(l),r.y2=Lo.parse(u),r.spreadMethod=h||"pad"}})),new e(Ap({},r,{colorsteps:i}))}}]),e}(Lp);function Fp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bp(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Fp(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Fp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Gp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Bp({type:"radial-gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",fr:"0%",spreadMethod:"pad"},t))}},{key:"toCloneObject",value:function(){return Bp({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("cx","cy","r","fx","fy","fr","spreadMethod"))}},{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,i=e.r,a=e.fx,o=e.fy,s=e.fr,c=e.spreadMethod;return("\n<radialGradient ".concat(ta({id:t,cx:n,cy:r,r:i,fx:a,fy:o,fr:s,spreadMethod:c})," >\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,")")}}],[{key:"parse",value:function(t){var n=_a(t),r={},i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(t){return t.trim()})).forEach((function(t,e){if(t.includes("@"))t=Wa(t,n.matches),i.push.apply(i,ml.parse(t));else{var a=t.split(" "),o=j()(a,7),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4],p=o[5],d=o[6];r.cx=s,r.cy=c,r.r=l,r.fx=u,r.fy=h,r.fr=p,r.spreadMethod=d||"pad"}})),new e(Bp({},r,{colorsteps:i}))}}]),e}(Lp);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}var Np=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new ml({color:"red",percent:0,index:0}),new ml({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?Hp(Object(n),!0).forEach((function(e){S()(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}({},Bs()(So()(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}}],[{key:"create",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new e({colorsteps:[new ml({color:t,percent:0,index:0}),new ml({color:t,percent:100,index:0})]})}}]),e}(Lp);function Xp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Yp(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Xp(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Xp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var _p=["jpg","jpeg","png","gif","svg"];var Kp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Yp({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},t))}},{key:"toCloneObject",value:function(){return Yp({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("url","datauri","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"))}},{key:"isUrl",value:function(){return!0}},{key:"toString",value:function(){var t=this.json,e=t.patternUnits,n=t.patternWidth,r=t.patternHeight,i=t.imageX,a=t.imageY,o=t.imageWidth,s=t.imageHeight,c=t.url,l=[e,n,r,i,a,o,s].join(",").trim();return"url(".concat(c,"#").concat(l,")")}},{key:"toSVGString",value:function(t){var e=this.json,n=e.patternUnits,r=e.patternWidth,i=e.patternHeight,a=e.imageX,o=e.imageY,s=e.imageWidth,c=e.imageHeight;return("\n  <pattern ".concat(ta({id:t,patternUnits:n,width:r,height:i}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(ta({x:a,y:o,width:s,height:c,preserveAspectRatio:"none"})," />\n  </pattern>\n      "))}},{key:"toFillValue",value:function(t){return"url(#".concat(t,")")}}],[{key:"parse",value:function(t){var n=t.split("(")[1].split(")")[0].trim().split("#"),r=j()(n,2),i=r[0],a=r[1];if(!a)return new e({url:i});var o=a.split(","),s=j()(o,7);return new e({patternUnits:s[0],patternWidth:s[1],patternHeight:s[2],imageX:s[3],imageY:s[4],imageWidth:s[5],imageHeight:s[6],url:i})}},{key:"isImageFile",value:function(t){return _p.includes(t)}}]),e}(fl);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){S()(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}var Zp=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,qp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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}}],[{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 zp(Up({},r,{colorsteps:n}));case"radial-gradient":return new Gp(Up({},r,{colorsteps:n}));default:return new Np(Up({},r,{colorsteps:n}))}}},{key:"parse",value:function(t){return new e(t)}},{key:"parseImage",value:function(t){var e=_a(t),n=null,r=e.str.match(Zp);return r?(r.forEach((function(t,r){t=Wa(t,e.matches),n=t.includes("linear")?zp.parse(t):t.includes("radial")?Gp.parse(t):t.includes("url")?Kp.parse(t):Np.parse(t)})),n):Np.create(t||"transparent")}},{key:"changeImageType",value:function(t){switch(t.type){case"linear-gradient":return new zp(t);case"radial-gradient":return new Gp(t);case"image-resource":case"url":return new Kp(t);default:return new Np(t)}}}]),e}(Pc),Jp=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"updateDefString",value:function(t,e){var n=e.$("defs");if(n)n.html(this.toDefInnerString(t));else{var r=this.toDefString(t).trim();e.prepend(Ro.createByHTML(r))}}},{key:"toDefInnerString",value:function(t){return"\n            ".concat(this.toFillSVG(t),"\n            ").concat(this.toStrokeSVG(t),"\n        ")}},{key:"toDefString",value:function(t){var e=this.toDefInnerString(t).trim();return("\n            <defs>\n            ".concat(e,"\n            </defs>\n        "))}},{key:"fillId",value:function(t){return this.getInnerId(t,"fill")}},{key:"strokeId",value:function(t){return this.getInnerId(t,"stroke")}},{key:"toFillSVG",value:function(t){return qp.parseImage(t.fill||"transparent").toSVGString(this.fillId(t))}},{key:"toStrokeSVG",value:function(t){return qp.parseImage(t.stroke||"black").toSVGString(this.strokeId(t))}},{key:"toFillValue",value:function(t){return qp.parseImage(t.fill||"transparent").toFillValue(this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return po.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){return qp.parseImage(t.stroke||"black").toFillValue(this.strokeId(t))}},{key:"toFilterValue",value:function(t){return t.svgfilter?"url(#".concat(t.svgfilter,")"):""}},{key:"toLayoutCSS",value:function(t){return{}}}]),e}(Tp);function Qp(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var td=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"update",value:function(t,e){if(e){var n=e.$("path");n&&(n.setAttr({d:t.d,filter:this.toFilterValue(t),fill:this.toFillValue(t),stroke:this.toStrokeValue(t)}),t.totalLength=n.totalLength),this.updateDefString(t,e)}}},{key:"render",value:function(t){var e=this,n=t.d;return this.wrappedRender(t,(function(){return"\n        <path ".concat(ta(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Qp(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Qp(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({class:"svg-path-item",d:n,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t),{style:Ji(e.toCSS(t))}))," />\n    ")}))}}]),e}(Jp);function ed(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var nd=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"update",value:function(t,e){var n=e.$("path");n&&n.attr("d",t.d);var r=e.$("textPath");r&&(r.text(t.text),r.setAttr({filter:this.toFilterValue(t),fill:this.toFillValue(t),stroke:this.toStrokeValue(t),textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset})),this.updateDefString(t,e),t.totalLength=n.totalLength}},{key:"toDefInnerString",value:function(t){return"\n      ".concat(this.toPathSVG(t),"\n      ").concat(this.toFillSVG(t),"\n      ").concat(this.toStrokeSVG(t),"\n    ")}},{key:"toPathId",value:function(t){return this.getInnerId(t,"path")}},{key:"toPathSVG",value:function(t){return'\n      <path \n        class="svg-path-item"\n        id="'.concat(this.toPathId(t),'"\n        d="').concat(t.d,'"\n        fill="none"\n      />\n    ')}},{key:"render",value:function(t){var e=this;return this.wrappedRender(t,(function(){var n=t.textLength,r=t.lengthAdjust,i=t.startOffset;return("\n        <textPath ".concat(ta(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ed(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ed(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({"xlink:href":"#".concat(e.toPathId(t)),textLength:n,lengthAdjust:r,startOffset:i,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t),{style:Ji(e.toCSS(t))}))," >").concat(t.text,"</textPath>\n      "))}))}}]),e}(Jp);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}var id=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"update",value:function(t,e){var n=e.$("text");n&&(n.text(t.text),n.setAttr({filter:this.toFilterValue(t),fill:this.toFillValue(t),stroke:this.toStrokeValue(t),textLength:t.textLength,lengthAdjust:t.lengthAdjust})),this.updateDefString(t,e)}},{key:"shapeInsideId",value:function(t){return this.getInnerId(t,"shape-inside")}},{key:"render",value:function(t){var e=this,n=(t.id,t.textLength),r=t.lengthAdjust;return this.wrappedRender(t,(function(){return"\n        <text ".concat(ta(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){S()(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}({class:"svg-text-item",textLength:n,lengthAdjust:r,filter:e.toFilterValue(t),fill:e.toFillValue(t),stroke:e.toStrokeValue(t)},e.toSVGAttribute(t),{style:Ji(e.toCSS(t))}))," >").concat(t.text,"</text>\n      ")}))}}]),e}(Jp),ad=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCSS",value:function(t){var n=Bs()(So()(e.prototype),"toCSS",this).call(this,t);return n.margin=n.margin||"0px",n}},{key:"render",value:function(t){var e=t.content,n=t.width,r=t.height,i=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n            <foreignObject width="'.concat(n.value,'" height="').concat(r.value,'">\n                <p xmlns="http://www.w3.org/1999/xhtml" style="').concat(Ji(i),'">').concat(e,"</p>\n            </foreignObject>              \n          ")}))}},{key:"update",value:function(t,e){var n=t.content;e.updateDiff(n)}}]),e}(Tp),od=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getUrl",value:function(t){var e=t.src;return t.project.getVideoValueById(e)}},{key:"render",value:function(t,e){var n=this,r=t.width,i=t.height,a=t.controls,o=t.muted,s=t.poster,c=t.loop,l=t.crossorigin,u=t.autoplay,h=this.toCSS(t);return this.wrappedRender(t,(function(){return'\n            <foreignObject \n                width="'.concat(r.value,'"\n                height="').concat(i.value,'"\n                overflow="visible"\n            >\n                <video \n                    xmlns="http://www.w3.org/1999/xhtml"\n                    controls="').concat(a,'"\n                    src="').concat(n.getUrl(t),'"\n                    muted="').concat(o,'"\n                    poster="').concat(s,'"\n                    loop="').concat(c,'"\n                    crossorigin="').concat(l,'"\n                    autoplay="').concat(u,'"\n                    style="').concat(Ji(h),';width:100%;height:100%;"></video>\n            </foreignObject>    \n            ')}))}}]),e}(Tp),sd={project:new Dp,artboard:new Ep,rect:new Ip,circle:new Vp,image:new Mp,video:new od,text:new ad,"svg-path":new td,"svg-text":new id,"svg-textpath":new nd},cd={render:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=sd[t.itemType];return r?r.render(t,e||this,n):""},toCSS:function(t){var e=sd[t.itemType];if(e)return e.toCSS(t)},toTransformCSS:function(t){var e=sd[t.itemType];if(e)return e.toTransformCSS(t)},toStyle:function(t,e){var n=sd[t.itemType];if(n)return n.toStyle(t,e||this)},update:function(t,e){var n=sd[t.itemType];if(n)return n.update(t,e)},codeview:function(t){if(!t)return"";var e=this.render(t);return e=e.replace(/\</g,"&lt;").replace(/\>/g,"&gt;"),"\n          <div class='svg-code'>\n            ".concat(e&&"<div><pre title='SVG'>".concat(e,"</pre></div>"),"\n          </div>\n        ")}},ld=function(){function t(e,n){go()(this,t),this.project=e,this.artboard=n}return bo()(t,[{key:"generateCode",value:function(){var t=this,e=this.project.getSelectedTimelineLastTime(),n=this.project.getSelectedTimeline(),r=[],i={};n&&(n.animations.forEach((function(e){var n=t.project.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}}))}}));r.push.apply(r,n.toAnimationKeyframes(i).filter((function(t){return t.properties.length})))})),i={duration:1e3*e,iterationCount:n.iterationCount,fps:n.fps,speed:n.speed,direction:n.direction});return r=JSON.stringify(r,null,4),i=JSON.stringify(i,null,4),"\nvar player = new anipa.Player(".concat(r,", ").concat(i,");\nplayer.play();\n")}}]),t}(),ud=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"anipa";switch(n){case"anipa":return new ld(t,e).generateCode()}return""},hd={makeProjectStyle:function(t){var e=t.toKeyframeString(),n=t.toRootVariableCSS();return"\n      :root {\n        ".concat(Ji(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.current,r="".concat(this.makeStyle(e)),i="\n".concat(artboard.html,"\n").concat(this.makeSvg(e),"\n    "),a="";return i=t.replaceLocalUrltoRealUrl(i),r=t.replaceLocalUrltoRealUrl(r),n.is("artboard")&&(a=t.replaceLocalUrltoRealUrl(ud(n,"anipa"))),{html:i,css:r,js:a}},generateSVG:function(t,e){return t.replaceLocalUrltoRealUrl(cd.render(e,null,!0))}},pd={command:"downloadSVG",execute:function(t){var e=t.selection.current;if(e){var n=hd.generateSVG(t,e).trim();rp("data:image/svg+xml;base64,"+window.btoa(n),e.id)}}};function dd(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=Ro.create("canvas"),i=t.width,a=t.height;r.resize({width:i,height:a}),r.drawImage(t),e&&e(r.toDataURL(n))}var fd={command:"downloadPNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=hd.generateSVG(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r),a=n.id;Hh({local:i},(function(n,r){dd(r,(function(n){rp(n,a),e&&t.emit(e,n)}))}))}}},vd={command:"load.json",execute:function(t,e){0===(e=e||t.loadResource("projects",[])).length&&(e=[{itemType:"project",layers:[{itemType:"artboard",name:"New ArtBoard",x:"300px",y:"200px",width:"375px",height:"667px","background-color":"white",layer:[]}]}]);var n=e.map((function(e){return t.createItem(e)}));if(n.forEach((function(t){t.artboards.forEach((function(e){t.selectTimeline(e.id)}))})),n.length){var r=n[0];t.selection.selectProject(r),t.load(n),Mh(t),t.nextTick((function(){t.emit("reloadProject")}))}}};function yd(t,e){var n=t.selection.currentProject;if(n){var r=n.getSelectedTimeline();e&&e(n,r)}}var gd={command:"addTimelineProperty",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};yd(t,(function(r,i){var a;!1===Li(e)&&(e=[e]);var o=[];e.forEach((function(t){var e={layerId:t,property:n.property,value:n.value+"",timing:n.timing,editor:n.editor},i=r.addTimelineKeyframe(e);i&&o.push(i)})),(a=t.timeline).select.apply(a,o),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},md={command:"setTimelineOffset",debounce:100,execute:function(t,e){yd(t,(function(n,r){n.setTimelineKeyframeOffsetValue(e.layerId,e.property,e.id,e.value,e.timing,e.time),t.emit("refreshTimeline")}))}},bd={command:"addTimelineCurrentProperty",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};yd(t,(function(n,r){var i,a=[];t.selection.each((function(t){var r={layerId:t.id,property:e.property,value:t[e.property]+"",timing:e.timing,editor:e.editor},i=n.addTimelineKeyframe(r);i&&a.push(i)})),(i=t.timeline).select.apply(i,a),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},kd={command:"removeTimelineProperty",execute:function(t,e,n){yd(t,(function(r,i){r.removeTimelineProperty(e,n),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},xd={command:"deleteTimelineKeyframe",execute:function(t){yd(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")}))}},wd={command:"selectTimelineItem",execute:function(t,e){yd(t,(function(n,r){n.selectTimeline(e),t.emit("refreshTimeline"),t.emit("selectTimeline")}))}},Sd={command:"removeTimeline",execute:function(t,e){yd(t,(function(n,r){n.removeTimeline(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Pd={command:"removeAnimationItem",execute:function(t,e){yd(t,(function(n,r){n.removeAnimation(e),t.timeline.empty(),t.emit("refreshTimeline"),t.emit("removeAnimation")}))}},jd={command:"addTimelineKeyframe",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};yd(t,(function(n,r){var i=n.searchById(e.layerId),a={layerId:e.layerId,property:e.property,time:e.time,value:i[e.property]+"",timing:e.timing,editor:e.editor},o=n.addTimelineKeyframe(a);t.timeline.select(o),t.emit("refreshTimeline"),t.emit("refreshSelectedOffset")}))}},Od={command:"copyTimelineProperty",execute:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;yd(t,(function(i,a){i.copyTimelineKeyframe(e,n,r),t.emit("refreshTimeline")}))}},$d={command:"playTimelineItem",description:"Play button action",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"),yd(t,(function(i,a){var o=i.getSelectedTimelineLastTime();t.timer?t.timer.stop():t.timer=Hc({elapsed:1e3*a.currentTime,speed:e,duration:1e3*o,iterationCount:n,direction:r}),t.timer.play({duration:1e3*o,elapsed:1e3*a.currentTime,speed:e,iterationCount:n,direction:r,tick:function(e,n){i.seek(Bc(a.fps,e/1e3)),t.emit("playTimeline")},last:function(e,n){i.seek(Bc(a.fps,e/1e3)),t.emit("playTimeline"),t.nextTick((function(){t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))},stop:function(e,n){i.stop(Bc(a.fps,e/1e3)),t.emit("stopTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}})}))}},Cd={command:"prevTimelineItem",execute:function(t){yd(t,(function(e,n){var r=e.getSelectedTimelinePrevTime();e.setTimelineCurrentTime(Bc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},Ed={command:"firstTimelineItem",execute:function(t){yd(t,(function(e,n){var r=e.getSelectedTimelineFirstTime();e.setTimelineCurrentTime(Bc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},Td={command:"nextTimelineItem",execute:function(t){yd(t,(function(e,n){var r=e.getSelectedTimelineNextTime();e.setTimelineCurrentTime(Bc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},Vd={command:"lastTimelineItem",execute:function(t){yd(t,(function(e,n){var r=e.getSelectedTimelineLastTime();e.setTimelineCurrentTime(Bc(n.fps,r)),e.seek(),t.emit("playTimeline"),t.changeMode("SELECTION"),t.emit("afterChangeMode")}))}},Md={command:"addTimelineItem",execute:function(t,e){yd(t,(function(n,r){e?n.addTimelineLayer(e):n.addTimeline(),t.emit("refreshTimeline"),t.emit("addTimeline")}))}},Dd={command:"drop.asset",execute:function(t,e){var n,r,i=arguments;return Hs.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:if(n=i.length>2&&void 0!==i[2]?i[2]:null,!e.color){a.next=5;break}t.emit("addBackgroundColor",e.color,n),a.next=22;break;case 5:if(!e.gradient){a.next=9;break}t.emit("addBackgroundImageGradient",e.gradient,n),a.next=22;break;case 9:if(!e.pattern){a.next=13;break}t.emit("addBackgroundImagePattern",e.pattern,n),a.next=22;break;case 13:if(!e.imageUrl){a.next=17;break}t.emit("addBackgroundImageAsset",e.imageUrl,n),a.next=22;break;case 17:if(!e.artboard){a.next=22;break}return a.next=20,Hs.a.awrap(t.storageManager.getArtBoard(e.artboard.id));case 20:(r=a.sent)&&t.emit("addArtBoard",r,e.artboard.center);case 22:Mh(t);case 23:case"end":return a.stop()}}))}},Id={command:"addBackgroundImageGradient",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n),i={};r.forEach((function(t){var n=eu.parseStyle(Qi(t["background-image"]));n.unshift(new eu({image:eu.parseImage(e)})),i[t.id]={"background-image":eu.join(n)}})),t.emit("history.setAttributeForMulti","add gradient",i)}},Ld={command:"addBackgroundImageAsset",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n),i={};r.forEach((function(t){var n=eu.parseStyle(Qi(t["background-image"]));n.unshift(new eu({image:new Cl({url:e})})),i[t.id]={"background-image":eu.join(n)}})),t.emit("history.setAttributeForMulti","add background image",i)}},Rd={command:"removeLayer",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;t.selection.itemsByIds(e||t.selection.ids).forEach((function(t){t.remove()})),t.selection.empty(),t.nextTick((function(){t.emit("refreshAll")}))}},Ad={command:"change.mode.view",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";t.changeModeView(e)}},zd={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)}},Fd={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)}},Bd={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)}},Gd={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)}},Hd={command:"toggle.fullscreen",execute:function(t,e){Ro.body().fullscreen()}},Nd={command:"addBackgroundImagePattern",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n),i={};r.forEach((function(t){i[t.id]={pattern:up.join([].concat(E()(up.parseStyle(e)),E()(up.parseStyle(t.pattern))))}})),t.emit("history.setAttributeForMulti","add pattern",i)}},Xd={command:"addBackgroundColor",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.itemsByIds(n),i={};r.forEach((function(t){i[t.id]={"background-color":e}})),t.emit("history.setAttributeForMulti","add background color",i)}};var Yd={command:"sort.center",execute:function(t){if(t.selection.isOne){var e=t.selection.current;if(e.parent.is("project"));else if(e.artboard){var n=Or(e.artboard.verties())-Or(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=Or(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Or(t.verties());return{item:t,dist:[r-e,0,0]}})))}}},_d={command:"sort.left",execute:function(t){if(t.selection.isOne){var e=t.selection.current;if(e.parent.is("project"));else if(e.artboard){var n=jr(e.artboard.verties())-jr(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=jr(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=jr(t.verties());return{item:t,dist:[r-e,0,0]}})))}}},Kd={command:"sort.bottom",execute:function(t){if(t.selection.isOne){var e=t.selection.current;if(e.parent.is("project"));else if(e.artboard){var n=Pr(e.artboard.verties())-Pr(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=Pr(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Pr(t.verties());return{item:t,dist:[0,r-e,0,0]}})))}}},Wd={command:"sort.top",execute:function(t){if(t.selection.isOne){var e=t.selection.current;if(e.parent.is("project"));else if(e.artboard){var n=$r(e.artboard.verties())-$r(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=$r(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=$r(t.verties());return{item:t,dist:[0,r-e,0,0]}})))}}},Ud={command:"sort.right",execute:function(t){if(t.selection.isOne){var e=t.selection.current;if(e.parent.is("project"));else if(e.artboard){var n=Sr(e.artboard.verties())-Sr(t.selection.verties);t.emit("moveLayer",n,0)}}else if(t.selection.isMany){var r=Sr(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Sr(t.verties());return{item:t,dist:[r-e,0,0]}})))}}};function Zd(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return t.filter((function(e){var n=0;return e.path.forEach((function(e){n+=t.filter((function(t){return t.id===e.id})).length?1:0})),1===n}))}var Jd,Qd={command:"updatePathItem",description:"Update path string for selected svg path item",execute:function(t,e){var n=t.selection.current;if(n)if("box"===e.box){var r=n.invertPath(e.d);t.emit("setAttribute",{d:r.d})}else{var i=n.invertPath(e.d),o=i.getBBox(),s=n.offsetX.value+o[0][0],c=n.offsetY.value+o[0][1],l=a.distance(o[1],o[0]),u=a.distance(o[3],o[0]);i.translate(-o[0][0],-o[0][1]),t.emit("setAttribute",{d:i.d,x:Lo.px(s),y:Lo.px(c),width:Lo.px(l),height:Lo.px(u)})}}},tf=(Jd={refreshCursor:{command:"refreshCursor",execute:function(t,e){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];t.emit.apply(t,["changeIconView",e].concat(r))}},recoverCursor:{command:"recoverCursor",execute:function(t){t.emit("changeIconView","auto")}},historyAddLayer:{command:"history.addLayer",description:"add layer in history ",execute:function(t,e,n){var r=this,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],o=arguments.length>5?arguments[5]:void 0;t.emit("addLayer",n,i,a,o),t.nextTick((function(){t.history.add(e,r,{currentValues:[n,{},a,n.parent],undoValues:[n.id]})})),t.nextTick((function(){t.history.saveSelection()}))},redo:function(t,e){var n=e.currentValues;t.emit.apply(t,["addLayer"].concat(E()(n))),t.nextTick((function(){t.emit("refreshAll")}))},undo:function(t,e){var n=e.undoValues;t.selection.itemsByIds(n).forEach((function(t){t&&t.remove()})),t.nextTick((function(){t.emit("refreshAll")}))}},historyRemoveLayer:{command:"history.removeLayer",description:"remove layer",execute:function(t,e,n){var r=t.selection.itemsByIds(n||t.selection.ids),i=(r=qd(r)).map((function(t){return t.id})),a=t.serialize(r);r.forEach((function(t){return t.remove()})),t.history.add(e,this,{currentValues:[i],undoValues:a}),t.nextTick((function(){t.selection.removeById(r.map((function(t){return t.id}))),t.emit("refreshAll"),t.emit("removeGuideLine"),t.nextTick((function(){t.history.saveSelection()}))}))},redo:function(t,e){var n=e.currentValues[0],r=t.selection.itemsByIds(n||t.selection.ids);(r=qd(r)).forEach((function(t){return t.remove()})),t.nextTick((function(){t.emit("refreshAll")}))},undo:function(t,e){var n=e.undoValues;t.deserialize(n,!0),t.nextTick((function(){t.emit("refreshAll")}))}},historySetAttribute:{command:"history.setAttribute",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;t.emit("setAttribute",n,r),t.history.add(e,this,{currentValues:[n,r],undoValues:t.history.getUndoValues(n)}),t.nextTick((function(){t.history.saveSelection()}))},redo:function(t,e){var n=e.currentValues;t.emit.apply(t,["setAttribute"].concat(E()(n))),t.nextTick((function(){t.emit("refreshAll")}))},undo:function(t,e){var n=e.undoValues,r=Object.keys(n);t.selection.itemsByIds(r).forEach((function(t){t.reset(n[t.id])})),t.nextTick((function(){t.emit("refreshAll")}))}},historySetAttributeForMulti:{command:"history.setAttributeForMulti",execute:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};t.emit("setAttributeForMulti",n),t.history.add(e,this,{currentValues:[n],undoValues:t.history.getUndoValuesForMulti(n)}),t.nextTick((function(){t.history.saveSelection()}))},redo:function(t,e){var n=e.currentValues;t.emit.apply(t,["setAttributeForMulti"].concat(E()(n))),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))},undo:function(t,e){var n=e.undoValues,r=Object.keys(n);t.selection.itemsByIds(r).forEach((function(t){t.reset(n[t.id])})),t.selection.reselect(),t.nextTick((function(){t.emit("refreshAll")}))}},historyRefreshSelection:{command:"history.refreshSelection",description:"save selection in history ",description_ko:"Selection 정보를 갱신하면서 History 에 저장한다",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"selection",n=t.selection.ids,r=t.history.selectedIds;ia(n,r)||(t.history.add(e,this,{currentValues:n,undoValues:r}),this.nextAction(t))},nextAction:function(t){t.nextTick((function(){t.history.saveSelection(),t.emit("refreshSelection"),t.nextTick((function(){t.emit("refreshSelectionTool")}))}))},redo:function(t,e){var n=e.currentValues;t.selection.selectById(n),this.nextAction(t)},undo:function(t,e){var n=e.undoValues;t.selection.selectById(n),this.nextAction(t)}},historyRedo:{command:"history.redo",execute:function(t){t.history.redo()}},historyUndo:{command:"history.undo",execute:function(t){t.history.undo()}},moveLayer:{command:"moveLayer",description:"mova layer by keydown with matrix ",execute: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={};t.selection.each((function(t){r[t.id]={x:Lo.px(t.offsetX.value+e).round(),y:Lo.px(t.offsetY.value+n).round()}})),t.emit("history.setAttributeForMulti","item move down",r),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},moveLayerForItems:{command:"moveLayerForItems",description:"mova layer by multi items ",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n={};e.forEach((function(t){n[t.item.id]={x:Lo.px(t.item.offsetX.value+t.dist[0]).round(),y:Lo.px(t.item.offsetY.value+t.dist[1]).round()}})),t.emit("history.setAttributeForMulti","item move down",n),t.nextTick((function(){t.selection.reselect(),t.emit("refreshAll")}))}},moveToCenter:{command:"moveToCenter",description:"Move Layer to Center on Viewport",execute:function(t,e){arguments.length>2&&void 0!==arguments[2]&&arguments[2];t.viewport.moveLayerToCenter(e)}},moveSelectionToCenter:{command:"moveSelectionToCenter",description:"Move selection project or artboards to center on Viewport",execute:function(t){var e=[];e=t.selection.isEmpty?t.selection.currentProject.rectVerties:gc(t.selection.selectedArtboards),t.emit("moveToCenter",e)}},groupItem:{command:"group.item",execute:function(t){if(0!==t.selection.length){var e=t.selection.currentProject;if(e){e.generateListNumber();var n=t.selection.map((function(t){return{depth:t.depth,item:t}}));n.sort((function(t,e){return t.depth===e.depth?t.no>e.no?-1:1:t.depth>e.depth?1:-1}));var r=t.createItem(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Zd(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Zd(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({itemType:"rect"},t.selection.itemRect));n[0].item.appendAfter(r),n.forEach((function(t){var e=t.item;r.appendChildItem(e)})),t.selection.select(r),t.emit("refreshAll")}}}},ungroupItem:{command:"ungroup.item",execute:function(t){if(0!==t.selection.length){var e=t.selection.current;if(e){var n,r=e,i=E()(r.layers);i.reverse(),i.forEach((function(t){r.appendAfter(t)})),(n=t.selection).selection.apply(n,E()(i)),t.emit("refreshAll")}}}},setEditorLayout:{command:"setEditorLayout",execute:function(t,e){t.setLayout(e),t.emit("changedEditorlayout")}},refreshSelection:{command:"refreshSelection",execute:function(t){}},refreshArtboard:function(t){t.emit("refreshLayerTreeView"),t.emit("refreshAllCanvas"),t.emit("refreshStyleView"),t.emit("refreshAllElementBoundSize"),t.emit("refreshSelection"),t.nextTick((function(){t.emit("refreshSelectionTool",!0)}))},resetSelection:function(t){t.emit("setAttribute"),t.nextTick((function(){t.emit("refreshSelectionTool")}))},addBackgroundColor:Xd,addBackgroundImagePattern:Nd,toggleFullscreen:Hd,segmentDelete:{command:"segment.delete",execute:function(t,e){t.emit("deleteSegment")}},segmentMoveDown:zd,segmentMoveUp:Fd,segmentMoveRight:Bd,segmentMoveLeft:Gd,changeModeView:Ad,removeLayer:Rd,itemMoveDepthDown:{command:"item.move.depth.down",execute:function(t){var e=t.selection.current;e&&e.orderPrev(),Mh(t)}},itemMoveDepthUp:{command:"item.move.depth.up",execute:function(t){var e=t.selection.current;e&&e.orderNext(),Mh(t)}},keymapKeydown:{command:"keymap.keydown",execute:function(t,e){t.keyboardManager.add(e.code,e.keyCode),t.shortcuts.execute(e,"keydown")}},keymapKeyup:{command:"keymap.keyup",execute:function(t,e){t.keyboardManager.remove(e.key,e.keyCode),t.shortcuts.execute(e,"keyup")}},scaleMinus:{command:"scale.minus",execute:function(t){var e=t.viewport.scale;t.viewport.setScale(t.viewport.scale-.25),t.emit("updateViewport",t.viewport.scale,e)}},scalePlus:{command:"scale.plus",execute:function(t){var e=t.viewport.scale;t.viewport.setScale(t.viewport.scale+.25),t.emit("updateViewport",t.viewport.scale,e)}},dropAsset:Dd,addBackgroundImageAsset:Ld,addBackgroundImageGradient:Id,addTimelineItem:Md,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(t){t.timer&&t.timer.stop()}},lastTimelineItem:Vd,nextTimelineItem:Td,firstTimelineItem:Ed,prevTimelineItem:Cd,playTimelineItem:$d,copyTimelineProperty:Od,addTimelineKeyframe:jd,removeAnimationItem:Pd,removeTimeline:Sd,selectTimelineItem:wd,deleteTimelineKeyframe:xd,removeTimelineProperty:kd,addTimelineCurrentProperty:bd,setTimelineOffset:md,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(t){var e=t.timeline.items[0];e&&t.emit("refreshOffsetValue",e)}},addTimelineProperty:gd,setLocale:{command:"setLocale",execute:function(t,e){t.setLocale(e),t.emit("changed.locale")}},loadJSON:vd,saveJSON:{command:"saveJSON",execute:function(t){t.saveResource("projects",t.projects),t.emit("notify","alert","Save","Save the content on localStorage",5e3)}},savePNG:{command:"savePNG",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=t.selection.current;if(n){var r=hd.generateSVG(t,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r);Hh({local:i},(function(n,r){dd(r,(function(n){e&&t.emit(e,n)}))}))}}},downloadPNG:fd,downloadSVG:pd,downloadJSON:ip,updateUriList:np,updateImageAssetItem:Qh,updateVideoAssetItem:tp,addSVGFilterAssetItem:Jh,dropImageUrl:qh,addImageAssetItem:Yh,addVideoAssetItem:Uh,updateImage:Bh,updateVideo:Gh,updateResource:{command:"updateResource",execute:function(t,e){e.forEach((function(e){switch(e.type){case"image/svg+xml":case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":t.emit("updateImage",e);break;case"text/plain":case"text/html":t.emit("addText",{content:e.data});break;case"text/uri-list":t.emit("updateUriList",e)}}))}},fileDropItems:Fh,updateScale:{command:"updateScale",execute:function(t,e){var n=t.viewport.scale;t.viewport.setScale(e),t.emit("updateViewport",e,n)}},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(10)}},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=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=t.selection.currentProject;r||(r=t.add(t.createItem({itemType:"project"})),t.selection.selectProject(r));var i=r.appendChildItem(t.createItem(Ih({itemType:"artboard",x:Lo.px(300),y:Lo.px(200),width:Lo.px(375),height:Lo.px(667)},e)));n&&(i.reset({x:Lo.px(0),y:Lo.px(0)}),i.moveByCenter(n)),t.selection.select(i),Mh(t)},addImage:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;t.emit("newComponent","image",e,!0,n)},addVideo:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;t.emit("newComponent","video",e,!0,n)},addLayer:function(t,e){arguments.length>2&&void 0!==arguments[2]&&arguments[2];var n=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],r=arguments.length>4?arguments[4]:void 0;r||(r=t.selection.current||t.selection.currentProject),r&&(r.is("project")||r.enableHasChildren()||(r=r.parent),r.appendChildItem(e),n&&t.selection.select(e),Mh(t))},addLayerView:function(t,e){t.selection.empty(),t.emit("refreshSelectionTool"),t.emit("hideAddViewLayer"),"select"===e||("brush"===e?t.emit("showPathDrawEditor"):"path"===e?t.emit("showPathEditor","path"):t.emit("showLayerAppendView",e))},addProject:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.add(t.createItem(Rh({itemType:"project"},e)));t.selection.selectProject(n),Mh(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 i=e;if(n)(a=new Dc(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttribute","set attribute -d",{d:i},r)}else if(r["clip-path"].includes("path")){var a;i=e;if(n)(a=new Dc(e)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;t.command("setAttribute","change clip path",{"clip-path":"path(".concat(i,")")},r)}},newComponent:function(t,e,n){var r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;e.includes("text")||n["background-color"]||(n["background-color"]="#c4c4c4"),"svg-textpath"===e?n=zh({},n,{text:"Insert a newText","font-size":Lo.parse(n.height),textLength:"100%",d:Xu.makeLine(0,n.height.value,n.width.value,n.height.value)}):"svg-circle"===e?(e="svg-path",n=zh({},n,{"background-color":void 0,fill:"#C4C4C4",d:Xu.makeCircle(0,0,n.width.value,n.height.value)})):"svg-rect"===e?(e="svg-path",n=zh({},n,{"background-color":void 0,fill:"#C4C4C4",d:Xu.makeRect(0,0,n.width.value,n.height.value)})):"text"===e?n=zh({width:Lo.px(300),height:Lo.px(50)},n,{content:"Insert a text","font-size":Lo.px(30)}):"artboard"===e&&(n=zh({},n,{"background-color":"white"})),t.command("addLayer","add layer - ".concat(e),t.createItem(zh({itemType:e},n)),n,r,i),t.changeMode(nm),t.emit("afterChangeMode")},refreshElement:function(t,e){t.emit("refreshSelectionStyleView",e),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.current;if(n&&n.is("artboard")){if(!e.trim())return;var r=e.split("x"),i=j()(r,2),a=i[0],o=i[1];a=Lo.px(+a),o=Lo.px(+o),n.reset({width:a,height:o}),t.selection.select(n),Mh(t)}},setAttribute:Vh,setAttributeForMulti:{command:"setAttributeForMulti",execute:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object.keys(e).forEach((function(n){var r=e[n];t.selection.itemsByIds(n).forEach((function(e){Object.keys(r).forEach((function(t){var n=r[t];Bi(n)&&(n=n(e)),e.reset(S()({},t,n))})),e.setCache(),t.emit("refreshElement",e)}))}))}},sortBottom:Kd,sortCenter:Yd,sortLeft:_d,sortMiddle:{command:"sort.middle",execute:function(t){if(t.selection.isOne){var e=t.selection.current;if(e.parent.is("project"));else if(e.artboard){var n=Cr(e.artboard.verties())-Cr(t.selection.verties);t.emit("moveLayer",0,n)}}else if(t.selection.isMany){var r=Cr(t.selection.verties);t.emit("moveLayerForItems",t.selection.map((function(t){var e=Cr(t.verties());return{item:t,dist:[0,r-e,0,0]}})))}}}},S()(Jd,"sortBottom",Kd),S()(Jd,"sortTop",Wd),S()(Jd,"sortRight",Ud),S()(Jd,"sameWidth",{command:"same.width",execute:function(t){if(t.selection.isMany){var e=t.selection.allRect;t.selection.each((function(t){t.setScreenX(e.x.value),t.width.set(e.width.value)}))}}}),S()(Jd,"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")}}),S()(Jd,"updatePathItem",Qd),S()(Jd,"updateClipPath",{command:"updateClipPath",description:"update clip-path property ",execute:function(t,e){t.command("setAttribute","change clip-path",{"clip-path":"path(".concat(e.d,")")})}}),Jd),ef=function(){function t(e){go()(this,t),this.$editor=e,this.loadCommands()}return bo()(t,[{key:"loadCommands",value:function(){var t=this;Object.keys(tf).forEach((function(e){Bi(tf[e])?t.registerCommand(e,tf[e]):t.registerCommand(tf[e])}))}},{key:"registerCommand",value:function(t,e){var n=this;if(2===arguments.length){var r=function(){for(var t,r=arguments.length,i=new Array(r),a=0;a<r;a++)i[a]=arguments[a];e.call.apply(e,[n,n.$editor].concat(i)),(t=n.$editor).debug.apply(t,["command execute",n].concat(i))};r.source=t,this.$editor.on(t,r,this,0)}else if(Fi(t)){var i=function(){for(var e,r,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];(e=t.execute).call.apply(e,[t,n.$editor].concat(a)),(r=n.$editor).debug.apply(r,["command execute",t].concat(a))};i.source=t.command,this.$editor.on(t.command,i,this,t.debounce||0)}}}]),t}(),nf={name:void 0};function rf(){return void 0===nf.name&&(-1!=navigator.appVersion.indexOf("Win")?nf.name="win":-1!=navigator.appVersion.indexOf("Mac")?nf.name="mac":-1!=navigator.appVersion.indexOf("X11")?nf.name="linux":nf.name=""),nf.name}var af=[{category:"History",key:"cmd+z",win:"ctrl+z",command:"history.undo",description:"undoing in history",when:"CanvasView"},{category:"History",key:"cmd+shift+z",win:"ctrl+shift+z",command:"history.redo",description:"redoing in history",when:"CanvasView"},{category:"Tool",key:"v",command:"addLayerView",args:"select",description:"Selection"},{category:"Tool",key:"a",command:"addLayerView",args:["artboard"],description:"Add ArtBoard",when:"CanvasView"},{category:"Tool",key:"r",command:"addLayerView",args:["rect"],description:"Add rect layer"},{category:"Tool",key:"m",command:"addLayerView",args:["rect"],description:"Add rect layer"},{category:"Tool",key:"o",command:"addLayerView",args:["circle"],description:"Add circle layer"},{category:"Tool",key:"l",command:"addLayerView",args:["circle"],description:"Add circle layer"},{category:"Tool",key:"t",command:"addLayerView",args:["text"],description:"Add text layer"},{category:"Tool",key:"p",command:"addLayerView",args:["path"],description:"Add SVG Path layer"},{category:"Tool",key:"b",command:"addLayerView",args:["brush"],description:"Draw SVG Path"},{category:"Group",key:"cmd+g",win:"ctrl+g",command:"group.item",description:"Grouping selected items",when:"CanvasView"},{category:"Group",key:"shift+cmd+g",win:"shift+ctrl+g",command:"ungroup.item",description:"Ungrouping selected group layer",when:"CanvasView"},{category:"Path",key:"ArrowDown",command:"segment.move.down",description:"move 1px to down",args:[{dy:1}],when:"PathEditorView"},{category:"Path",key:"ArrowUp",command:"segment.move.up",description:"move 1px to up",args:[{dy:1}],when:"PathEditorView"},{category:"Path",key:"ArrowRight",command:"segment.move.right",description:"move 1px to right",args:[{dx:1}],when:"PathEditorView"},{category:"Path",key:"ArrowLeft",command:"segment.move.left",description:"move 1px to left",args:[{dx:1}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowDown",command:"segment.move.down",description:"move 10px to down",args:[{dy:10}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowUp",command:"segment.move.up",description:"move 10px to up",args:[{dy:10}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowLeft",command:"segment.move.left",description:"move 10px to left",args:[{dx:10}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowRight",command:"segment.move.right",description:"move 10px to right",args:[{dx:10}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowDown",command:"segment.move.down",description:"move 5px to down",args:[{dy:5}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowUp",command:"segment.move.up",description:"move 5px to up ",args:[{dy:5}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowLeft",command:"segment.move.left",description:"move 5px to left",args:[{dx:5}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowRight",command:"segment.move.right",description:"move 5px to right",args:[{dx:5}],when:"PathEditorView"},{category:"Path",key:"Backspace",command:"segment.delete",description:"Delete selected segment",when:"PathEditorView"},{category:"Layer",key:"ArrowLeft",command:"moveLayer",description:"move 1px to left",args:[-1,0],when:"CanvasView"},{category:"Layer",key:"ArrowRight",command:"moveLayer",description:"move 1px to right",args:[1,0],when:"CanvasView"},{category:"Layer",key:"ArrowDown",command:"moveLayer",description:"move 1px to down",args:[0,1],when:"CanvasView"},{category:"Layer",key:"ArrowUp",command:"moveLayer",description:"move 1px to up",args:[0,-1],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowDown",command:"moveLayer",description:"move 10px to down",args:[0,10],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowRight",command:"moveLayer",description:"move 10px to right",args:[10,0],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowUp",command:"moveLayer",description:"move 10px to up",args:[0,-10],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowLeft",command:"moveLayer",description:"move 10px to left",args:[-10,0],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowLeft",command:"moveLayer",description:"move 5px to left",args:[-5,0],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowDown",command:"moveLayer",description:"move 5px to down",args:[0,5],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowRight",command:"moveLayer",description:"move 5px to right",args:[5,0],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowUp",command:"moveLayer",description:"move 5px to up",args:[0,-5],when:"CanvasView"},{category:"Layer",key:"ctrl+]",command:"item.move.depth.up",description:"move layer to above",when:"CanvasView"},{category:"Layer",key:"ctrl+[",command:"item.move.depth.down",description:"move layer to below",when:"CanvasView"},{category:"Layer",key:"Backspace",command:"history.removeLayer",description:"Delete selected items",args:["Delete selected items"],when:"CanvasView"},{category:"Layer",key:"Shift+Backspace",command:"history.removeLayer",description:"Delete selected items",args:["Delete selected items"],when:"CanvasView"},{category:"Tool",key:"Minus",command:"scale.minus",description:"Minus scale",when:"CanvasView"},{category:"Tool",key:"Equal",command:"scale.plus",description:"Plus scale",when:"CanvasView"},{category:"Edit",key:"cmd+c",command:"clipboard.copy",description:"Copy objects",when:"CanvasView"},{category:"Edit",key:"cmd+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}],of={backspace:8,tab:9,enter:13,escape:27,space:32,pageup:33,pagedown:34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,delete:46,0:48,1:49,2:50,3:51,4:52,5:53,6:54,7:55,8:56,9:57,semicolon:59,equals:61,a:65,b:66,c:67,d:68,e:69,f:70,g:71,h:72,i:73,j:74,k:75,l:76,m:77,n:78,o:79,p:80,q:81,r:82,s:83,t:84,u:85,v:86,w:87,x:88,y:89,z:90,multiply:106,add:107,subtract:109,divide:111,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123,f13:124,f14:125,f15:126,f16:127,f17:128,f18:129,f19:130,comma:188,",":188,period:190,".":190,slash:191,"/":191,backquote:192,"`":192,openbracket:219,"[":219,backslash:220,"\\":220,closebracket:221,"]":221,quote:222,"'":222,altgr:225};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 cf(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.filter(Boolean).join("+")}function lf(t){return of["".concat(t).toLowerCase()]||t}var uf=function(){function t(e){go()(this,t),this.$editor=e,this.loadShortCuts()}return bo()(t,[{key:"getGeneratedKeyCode",value:function(t){return lf(t)}},{key:"loadShortCuts",value:function(){var t=this;this.list=[],this.commands={},af.forEach((function(e){t.registerShortCut(e)})),this.sort()}},{key:"registerShortCut",value:function(t){var e=rf();this.list.push(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){S()(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}({key:"",command:"",args:[],eventType:"keydown"},t,{checkKeyString:this.splitShortCut(t[e]||t.key),whenFunction:this.makeWhenFunction(t.command,t.when||"true")}))}},{key:"makeWhenFunction",value:function(t,e){return new Function("editor","\n            /////////////////////////////////\n            ////////Custom Function///////////\n\n            return function () {\n                const CanvasView = editor.modeView === 'CanvasView';\n                const PathEditorView = editor.modeView === 'PathEditorView';                \n\n                return (".concat(e,");\n            }\n            ////////Custom Function///////////\n            /////////////////////////////////\n        "))(this.$editor)}},{key:"sort",value:function(){var t=this;this.list.forEach((function(e){!1===Li(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,i=!1,a=!1,o=[];return e.forEach((function(t){t.includes("ALT")?n=!0:t.includes("CTRL")?r=!0:t.includes("SHIFT")?i=!0:t.includes("CMD")||t.includes("WIN")||t.includes("META")?a=!0:o.push(t)})),cf(n?"ALT":"",r?"CTRL":"",i?"SHIFT":"",a?"META":"",lf(o.join("")))}},{key:"makeKeyString",value:function(t){return cf(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.key.toUpperCase())}},{key:"makeCodeString",value:function(t){return cf(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.code.toUpperCase())}},{key:"makeKeyCodeString",value:function(t){return cf(t.altKey?"ALT":"",t.ctrlKey?"CTRL":"",t.shiftKey?"SHIFT":"",t.metaKey?"META":"",t.keyCode)}},{key:"checkShortCut",value:function(t,e,n){return this.commands[t]||this.commands[e]||this.commands[n]}},{key:"checkWhen",value:function(t){return t.whenFunction()}},{key:"execute",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"keydown",r=this.checkShortCut(this.makeKeyCodeString(t),this.makeKeyString(t),this.makeCodeString(t));if(r){var i=r.filter((function(t){return t.eventType===n})).filter((function(t){return e.checkWhen(t)}));i.length&&t.preventDefault(),i.forEach((function(t){var n;(n=e.$editor).emit.apply(n,[t.command].concat(E()(t.args)))}))}}}]),t}(),hf=function(){function t(e){go()(this,t),this.editor=e,this.config=new Map,this.initialize()}return bo()(t,[{key:"initialize",value:function(){this.set("canvas.width",1e4),this.set("canvas.height",1e4),this.set("body.move.ms",30),this.set("grid.preview.position",[]),this.set("debug",!1)}},{key:"get",value:function(t){return this.config[t]}},{key:"set",value:function(t,e){this.config[t]!=e&&(this.config[t]=e,this.editor.emit("config:"+t))}},{key:"remove",value:function(t){delete this.config[t],this.editor.emit("config:"+t)}}]),t}(),pf=function(){function t(e){go()(this,t),this.$editor=e,this.currentIndex=-1,this.undoHistories=[],this.redoHistories=[],this.selection={}}return bo()(t,[{key:"createCommand",value:function(t){return this.$editor.isPointerUp?"history.".concat(t):t}},{key:"saveSelection",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.selection=this.$editor.selection.toCloneObject()}},{key:"getUndoValues",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n={};return Object.keys(this.selection).forEach((function(r){n[r]={},Object.keys(e).forEach((function(e){n[r][e]=t.selection[r][e]}))})),n}},{key:"getUndoValuesForMulti",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n={};return Object.keys(e).forEach((function(r){n[r]={};var i=t.selection[r]||t.$editor.selection.itemsByIds(r)[0],a=e[r];Object.keys(a).forEach((function(t){n[r][t]=i[t]}))})),n}},{key:"add",value:function(t,e,n){var r={message:t,command:e,data:n};return this.undoHistories.push(r),this.currentIndex++,this.undoHistories.length=this.currentIndex+1,this.$editor.emit("refreshHistory"),r}},{key:"map",value:function(t){return[].concat(E()(this.undoHistories.map(t)),["-"],E()(this.redoHistories.map(t))).reverse()}},{key:"undo",value:function(){var t=this;if(!(this.currentIndex<-1)){this.currentIndex--;var e=this.undoHistories.pop();e&&e.command&&e.command.undo(this.$editor,e.data),this.$editor.nextTick((function(){t.$editor.emit("refreshHistory")}))}}},{key:"redo",value:function(){var t=this;if(!(this.currentIndex>this.length)){this.currentIndex<0&&this.currentIndex++;var e=this.undoHistories[this.currentIndex];e&&e.command&&(e.command.redo(this.$editor,e.data),this.$editor.debug(e)),this.$editor.nextTick((function(){t.$editor.emit("refreshHistory")}))}}},{key:"length",get:function(){return this.undoHistories.length}},{key:"selectedIds",get:function(){return Object.keys(this.selection)}}]),t}(),df=function(){function t(e){go()(this,t),this.editor=e,this.codeSet=new Set,this.keyCodeSet=new Set}return bo()(t,[{key:"add",value:function(t,e){!1===this.codeSet.has(t)&&this.codeSet.add(t),!1===this.keyCodeSet.has(e)&&this.keyCodeSet.add(e)}},{key:"remove",value:function(t,e){this.codeSet.delete(t),this.keyCodeSet.delete(e)}},{key:"hasKey",value:function(t){return this.codeSet.has(t)||this.keyCodeSet.has(t)}},{key:"check",value:function(){for(var t=this,e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];return n.some((function(e){return t.hasKey(e)}))}}]),t}(),ff=function(){function t(e){go()(this,t),this.editor=e,this.canvasSize=null,this.cachedViewport=vc(0,0,0,0),this.mouse=a.create(),this.scale=1,this.translate=a.create(),this.transformOrigin=a.create(),this.maxScale=250,this.minScale=.2,this.zoomFactor=1,this.resetWorldMatrix()}return bo()(t,[{key:"setTransformOrigin",value:function(t){this.transformOrigin=t,this.resetWorldMatrix()}},{key:"setTransformOriginWithTranslate",value:function(t){var e=a.clone(this.transformOrigin);this.setTransformOrigin(t),this.setTranslate(a.add([],this.translate,a.subtract([],e,t)))}},{key:"setScale",value:function(t){this.scale=Math.min(Math.max(this.minScale,t),this.maxScale),this.resetWorldMatrix()}},{key:"setTranslate",value:function(t){this.translate=t,this.resetWorldMatrix()}},{key:"resetWorldMatrix",value:function(){this.matrix=Mr(i.fromTranslation([],this.translate),i.fromTranslation([],this.transformOrigin),i.fromScaling([],[this.scale,this.scale,1]),i.fromTranslation([],a.negate([],this.transformOrigin))),this.matrixInverse=i.invert([],this.matrix),this.scaleMatrix=Mr(i.fromScaling([],[this.scale,this.scale,1])),this.scaleMatrixInverse=i.invert([],this.scaleMatrix),this.refresh()}},{key:"refreshCanvasSize",value:function(t){if(this.canvasSize){this.canvasSize={x:t.x,y:t.y,width:t.width,height:t.height},this.cachedViewport=vc(0,0,this.canvasSize.width,this.canvasSize.height);var e=a.transformMat4([],[this.canvasSize.width,this.canvasSize.height,0],this.scaleMatrixInverse),n=a.add([],this.verties[0],[e[0]/2,e[1]/2,0]),r=i.getTranslation([],Mr(this.matrix,Dr(i.fromTranslation([],n),this.scaleMatrix,i.invert([],i.fromTranslation([],n)))));this.setTranslate(r),this.setTransformOrigin(n)}else this.canvasSize={x:t.x,y:t.y,width:t.width,height:t.height},this.cachedViewport=vc(0,0,this.canvasSize.width,this.canvasSize.height),this.setTransformOrigin([this.canvasSize.width/2,this.canvasSize.height/2,0]);this.editor.emit("updateViewport")}},{key:"refresh",value:function(){this.cachedViewport&&(this.verties=wr(this.cachedViewport,this.matrixInverse))}},{key:"createWorldPosition",value:function(t,e){var n=t-this.canvasSize.x,r=e-this.canvasSize.y;return[this.verties[0][0]+(this.verties[2][0]-this.verties[0][0])*(n/this.canvasSize.width),this.verties[0][1]+(this.verties[2][1]-this.verties[0][1])*(r/this.canvasSize.height),0]}},{key:"setMousePoint",value:function(t,e){this.mouse=this.createWorldPosition(t,e),this.setTransformOriginWithTranslate(a.lerp([],this.verties[0],this.verties[2],.5)),this.editor.emit("updateViewport")}},{key:"zoom",value:function(t){var e=this.scale,n=e*t;this.setScale(n);var r=this.scale/e;this.zoomFactor=r,1!==r&&(this.setTransformOriginWithTranslate(a.lerp([],this.mouse,this.transformOrigin,1/t)),this.editor.emit("updateViewport"))}},{key:"pan",value:function(t,e){arguments.length>2&&void 0!==arguments[2]&&arguments[2];this.setTransformOriginWithTranslate(a.add([],this.transformOrigin,[t,e,0])),this.editor.emit("updateViewport")}},{key:"moveLayerToCenter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-.2,n=a.lerp([],t[0],t[2],.5),r=a.dist(t[0],t[1]),i=a.dist(t[0],t[3]),o=a.lerp([],this.verties[0],this.verties[2],.5),s=a.dist(this.verties[0],this.verties[1]),c=a.dist(this.verties[0],this.verties[3]),l=Math.min(s/r,c/i)+e;this.setTranslate(a.add([],this.translate,a.subtract([],o,n))),this.setTransformOrigin(n),this.setScale(this.scale*l),this.editor.emit("updateViewport")}},{key:"applyVertex",value:function(t){return a.transformMat4([],t,this.matrix)}},{key:"applyVertexInverse",value:function(t){return a.transformMat4([],t,this.matrixInverse)}},{key:"applyVerties",value:function(t){return wr(t,this.matrix)}},{key:"applyScaleVerties",value:function(t){return wr(t,this.scaleMatrix)}},{key:"applyVertiesInverse",value:function(t){return wr(t,this.matrixInverse)}},{key:"applyScaleVertiesInverse",value:function(t){return wr(t,this.scaleMatrixInverse)}},{key:"createAreaVerties",value:function(t,e,n,r){return this.applyVertiesInverse(function(t,e,n,r){return vc(t,e,n,r)}(t,e,n,r))}},{key:"pos",get:function(){return[(this.mouse[0]-this.verties[0][0])/(this.verties[2][0]-this.verties[0][0])*100,(this.mouse[1]-this.verties[0][1])/(this.verties[2][1]-this.verties[0][1])*100,0]}},{key:"minX",get:function(){return this.verties[0][0]}},{key:"maxX",get:function(){return this.verties[2][0]}},{key:"minY",get:function(){return this.verties[0][1]}},{key:"maxY",get:function(){return this.verties[2][1]}},{key:"height",get:function(){return this.maxY-this.minY}},{key:"width",get:function(){return this.maxX-this.minX}}]),t}(),vf=function(){function t(){go()(this,t)}return bo()(t,[{key:"render",value:function(t,e){return Hs.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,Hs.a.awrap(this.toCloneObject(t,e));case 2:return n.abrupt("return",n.sent);case 3:case"end":return n.stop()}}),null,this)}},{key:"toCloneObject",value:function(t,e){var n,r,i,a;return Hs.a.async((function(o){for(;;)switch(o.prev=o.next){case 0:(n=t.attrs("itemType","elementType","type","visible","lock","selected")).referenceId=t.id,n.newTargetId=Ar(),r=[],i=0,a=t.layers.length;case 5:if(!(i<a)){o.next=14;break}return o.t0=r,o.next=9,Hs.a.awrap(e.render(t.layers[i],e));case 9:o.t1=o.sent,o.t0.push.call(o.t0,o.t1);case 11:i++,o.next=5;break;case 14:return n.layers=r,o.abrupt("return",n);case 16:case"end":return o.stop()}}))}}]),t}();function yf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function gf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function mf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var kf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=bf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","text-clip","border-radius","border","box-shadow","text-shadow","clip-path","color","font-size","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","opacity","rotate","flex-layout","grid-layout","animation","transition"),r.t5={selectors:t.selectors.map((function(t){return t.clone()})),svg:t.svg.map((function(t){return t.clone()}))},r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4,r.t5));case 9:case"end":return r.stop()}}),null,this)}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=gf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("x","y","width","height"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(vf));function xf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Sf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=wf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("name"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(kf);function Pf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function jf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Pf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Pf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Of=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=jf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("tagName"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(kf),$f=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(Of);function Cf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Cf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Cf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Tf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){var r,i,a;return Hs.a.async((function(o){for(;;)switch(o.prev=o.next){case 0:return r=t.project,i=r.imageKeys[t.src],a=i.original,o.t0=Ef,o.t1={},o.next=7,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 7:return o.t2=o.sent,o.t3={src:a},o.abrupt("return",(0,o.t0)(o.t1,o.t2,o.t3));case 10:case"end":return o.stop()}}),null,this)}}]),e}(Of);function Vf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Vf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Vf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Df(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function If(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Df(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Df(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}function Lf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Rf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Lf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Lf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Af=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Rf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("name","description","rootVariable"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=If,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("timeline"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Mf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(vf))),zf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(Of);function Ff(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Bf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ff(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ff(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Gf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Bf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(Of);function Hf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Nf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Hf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Hf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Xf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Nf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("d"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(Gf);function Yf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function _f(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Yf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Yf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Kf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=_f,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(Gf);function Wf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Uf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Wf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Wf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Zf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Uf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(Gf);function qf(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jf(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qf(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qf(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Qf=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Jf,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("content"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(Of);function tv(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ev(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?tv(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tv(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var nv=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toCloneObject",value:function(t,n){return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=ev,r.t1={},r.next=4,Hs.a.awrap(Bs()(So()(e.prototype),"toCloneObject",this).call(this,t,n));case 4:return r.t2=r.sent,r.t3={},r.t4=t.attrs("src"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),e}(Of),rv={project:new Af,artboard:new Sf,rect:new zf,circle:new $f,image:new Tf,text:new Qf,video:new nv,"svg-path":new Xf,"svg-text":new Zf,"svg-textpath":new Kf},iv={render:function(t,e){var n;return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:if(t){r.next=2;break}return r.abrupt("return");case 2:if(!(n=rv[t.itemType])){r.next=7;break}return r.next=6,Hs.a.awrap(n.render(t,e||this));case 6:return r.abrupt("return",r.sent);case 7:case"end":return r.stop()}}),null,this)},getResourceDataURI:function(t,e){return Hs.a.async((function(t){for(;;)switch(t.prev=t.next){case 0:case"end":return t.stop()}}))}},av=function(){function t(e){go()(this,t),this.editor=e}return bo()(t,[{key:"getArtboardList",value:function(){var t,e;return Hs.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:if(t=!1,e=(this.editor.loadItem("artboards")||[]).map((function(e){return e.id||(e.id=Ar(),t=!0),e})),!t){n.next=5;break}return n.next=5,Hs.a.awrap(this.setArtboardList(e));case 5:return n.abrupt("return",e);case 6:case"end":return n.stop()}}),null,this)}},{key:"setArtboardList",value:function(t){return Hs.a.async((function(e){for(;;)switch(e.prev=e.next){case 0:this.editor.saveItem("artboards",t);case 1:case"end":return e.stop()}}),null,this)}},{key:"getArtBoard",value:function(t){var e,n;return Hs.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,Hs.a.awrap(this.getArtboardList());case 2:if(e=r.sent,!(n=e.find((function(e){return e.id===t})))||!n.artboard){r.next=6;break}return r.abrupt("return",n.artboard);case 6:return r.abrupt("return",null);case 7:case"end":return r.stop()}}),null,this)}},{key:"saveArtboard",value:function(){var t,e,n,r,i=arguments;return Hs.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:if(t=i.length>0&&void 0!==i[0]?i[0]:"",!(e=this.editor.selection.current)){a.next=13;break}return a.next=5,Hs.a.awrap(this.getArtboardList());case 5:return n=a.sent,a.next=8,Hs.a.awrap(iv.render(e));case 8:return(r=a.sent).x="0px",r.y="0px",a.next=13,Hs.a.awrap(this.setArtboardList([].concat(E()(n),[{id:Ar(),preview:t,artboard:r}])));case 13:case"end":return a.stop()}}),null,this)}},{key:"removeArtboard",value:function(t){var e;return Hs.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,Hs.a.awrap(this.getArtboardList());case 2:return e=n.sent,n.next=5,Hs.a.awrap(this.setArtboardList(e.filter((function(e){return e.id!==t}))));case 5:case"end":return n.stop()}}),null,this)}}]),t}();function ov(t,e){var n=Object.assign({width:24,height:24},e);return('\n        <svg \n            xmlns="http://www.w3.org/2000/svg" \n            width="'.concat(n.width,'" \n            height="').concat(n.height,'" \n            viewBox="0 0 24 24">').concat(t,"</svg>"))}var sv=ov('\n    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/>\n'),cv=ov('\n    <path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>\n'),lv=ov('<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"/>'),uv=ov('<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"/>'),hv=ov('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>'),pv=ov('<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"/>'),dv=ov('<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"/>'),fv=ov('<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"/>'),vv=ov('<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"/>'),yv=ov('<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"/>'),gv=ov('<path d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>'),mv=ov('<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>'),bv=ov('<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"/>'),kv=ov('<path d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"/>'),xv=ov('<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"/>'),wv=ov('<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"/>'),Sv=ov('<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"/>'),Pv=ov('<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"/>'),jv=ov('<path d="M19 13H5v-2h14v2z"/>'),Ov=ov('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),$v=ov('<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>'),Cv=ov('<path d="M10 17l5-5-5-5v10z"/>'),Ev=ov('<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>'),Tv=ov('<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"/>'),Vv=ov('<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"/>'),Mv=ov('<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"/>'),Dv=ov('<path d="M5 4v3h5.5v12h3V7H19V4z"/>'),Iv=ov('<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"/>'),Lv=ov('<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>'),Rv=ov('<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"/>'),Av=ov('<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"/>'),zv=ov('<path d="M8 5v14l11-7z"/>'),Fv=ov('<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>'),Bv=ov('<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"/>'),Gv=ov('<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"/>'),Hv=ov('<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"/>'),Nv=ov('<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"/>'),Xv=ov('<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"/>'),Yv=ov('<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"/>'),_v=ov('<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>'),Kv=ov('<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"/>'),Wv=ov('<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"/>'),Uv=ov('<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"/>'),Zv=ov('<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"/>'),qv=ov('<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"/>'),Jv=ov('<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"/>'),Qv=ov('<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"/>'),ty=ov('<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"/>'),ey=ov('<path d="M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z"/>'),ny=ov('<path d="M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z"/>'),ry=ov('<path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"/>'),iy=ov('<path d="M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"/>'),ay=ov('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),oy=ov('<path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"/>'),sy=ov('<path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>'),cy=ov('<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"/>'),ly=ov('<path d="M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z"/>'),uy=ov('<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"/>'),hy=ov('<path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" />'),py=ov('<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" />'),dy=ov('<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"/>'),fy=ov('<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"/>'),vy=ov('<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"/>'),yy=ov('<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"/>'),gy=ov('<path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/>'),my=ov('<path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/>'),by=ov('<path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/>'),ky=ov('<path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/>'),xy=ov('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),wy=ov('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z" />'),Sy=ov('<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"/>'),Py=ov('<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)"/>'),jy=ov('<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"/>'),Oy=ov('\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'),$y=ov('<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"/>'),Cy=ov('<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"/>'),Ey=ov('<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"/>'),Ty=ov('<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"/>'),Vy=ov('<path d="M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z"/>'),My=ov('<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"/>'),Dy=ov('<path d="M7 2v11h3v9l7-12h-4l4-8z"/>'),Iy=ov('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),Ly=ov('<path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/>'),Ry=ov('<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"/>'),Ay=ov('<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"/>'),zy=ov('<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"/>'),Fy=ov('<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"/>'),By=ov('<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"/>'),Gy=ov('<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"/>'),Hy=ov('<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"/>'),Ny=ov('<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"/>'),Xy=ov('<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"/>'),Yy=ov('<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"/>'),_y=ov('<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"/>'),Ky=ov('<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"/>'),Wy=ov('<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"/>'),Uy=ov('<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"/>'),Zy=ov('<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"/>'),qy=ov('<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"/>'),Jy=ov('<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"/>'),Qy=ov('<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"/>'),tg=ov('<path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"/>'),eg=ov('<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"/>'),ng=ov('<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"/>'),rg=ov('<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"/>'),ig=ov('<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"/>'),ag=ov('\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'),og=ov('<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"/>'),sg=ov('<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"/>'),cg=ov('\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'),lg=ov('<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"/>'),ug=ov('<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"/>'),hg=ov('<path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/>'),pg=ov('<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"/>'),dg=ov('<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>'),fg=ov('<path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/>'),vg=ov('<path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),yg=ov('\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n'),gg=ov('<path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),mg=ov('<path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),bg=ov('<path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),kg=ov('<path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),xg=ov('\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n'),wg=ov('\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n'),Sg=ov('<path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/>'),Pg=ov('<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"/>'),jg=ov('<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"/>'),Og=ov('<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"/>'),$g=ov('<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"/>'),Cg=ov('\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    '),Eg=ov('\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'),Tg=ov('\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    '),Vg=ov('\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    '),Mg=ov('\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'),Dg=ov('\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'),Ig=ov('<path d="M14 7l-5 5 5 5V7z"/>'),Lg=ov('\n        <path d="M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2zM7 17h10V7H7v10zm2-8h6v6H9V9z"/>\n    '),Rg=ov('<path d="M10 17l5-5-5-5v10z"/>'),Ag=ov('<path d="M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z"/>'),zg=ov('<polygon points="11,2 13,2 13,7 21,7 21,10 13,10 13,14 18,14 18,17 13,17 13,22 11,22 11,17 6,17 6,14 11,14 11,10 3,10 3,7 11,7"/>'),Fg=ov('<path d="M4,22H2V2h2V22z M22,7H6v3h16V7z M16,14H6v3h10V14z"/>'),Bg=ov('<path d="M20,2h2v20h-2V2z M2,10h16V7H2V10z M8,17h10v-3H8V17z"/>'),Gg=ov('<path d="M22,22H2v-2h20V22z M10,2H7v16h3V2z M17,8h-3v10h3V8z"/>'),Hg=ov('<polygon points="22,11 17,11 17,6 14,6 14,11 10,11 10,3 7,3 7,11 1.84,11 1.84,13 7,13 7,21 10,21 10,13 14,13 14,18 17,18 17,13 22,13"/>'),Ng=ov('<path d="M22,2v2H2V2H22z M7,22h3V6H7V22z M14,16h3V6h-3V16z"/>'),Xg=ov('<path d="M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z"/>'),Yg=ov('<path d="M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z"/>'),_g=ov('\n        <path d="M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z" stroke=\'white\' stroke-width="0.5" />\n    '),Kg=ov('<path d="M22,2v2H2V2H22z M7,10.5v3h10v-3H7z M2,20v2h20v-2H2z"/>'),Wg=ov('<path d="M4,22H2V2h2V22z M22,2h-2v20h2V2z M13.5,7h-3v10h3V7z"/>'),Ug=ov('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"/>'),Zg=ov('<rect fill-rule="evenodd" height="2" width="16" x="4" y="11"/>'),qg=ov('<path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"/>');function Jg(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var Qg=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Jg(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jg(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},{fullscreen:Vv},{web:ov('<path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z"/>'),navigation:qg,delete_forever:Ug,horizontal_rule:Zg,open_in_full:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return(ov('<polygon points="21,11 21,3 13,3 16.29,6.29 6.29,16.29 3,13 3,21 11,21 7.71,17.71 17.71,7.71" transform=\''.concat(t,"' stroke='white' stroke-width=\"0.5\" />"),{width:20,height:20}))},rotate:_g,align_horizontal_center:zg,align_horizontal_left:Fg,align_horizontal_right:Bg,align_vertical_bottom:Gg,align_vertical_center:Hg,align_vertical_top:Ng,vertical_distribute:Kg,horizontal_distribute:Wg,rotate_left:Yg,swap_horiz:Xg,arrow_right:Rg,group:Lg,volume_down:Vg,arrowLeft:Ig,volume_up:Mg,volume_off:Dg,pentool:Eg,launch:Cg,apps:jg,outline_rect:Og,outline_circle:$g,keyboard:Pg,local_movie:Sg,same_height:wg,same_width:xg,layers:Ag,middle:kg,bottom:bg,top:mg,right:gg,center:yg,left:vg,flag:fg,lens:dg,local_library:pg,italic:hg,strikethrough:ug,underline:lg,cylinder:cg,text_rotate:sg,device_hub:og,control_point:ig,flip_camera:ag,flipY:rg,flip:ng,account_tree:tg,format_shapes:eg,merge:Jy,texture:Qy,settings_input_component:qy,view_comfy:Zy,camera_roll:Uy,broken_image:Wy,shadow:Ky,opacity:_y,looks:Yy,vintage:Xy,waves:Ny,blur_linear:Hy,blur:Gy,landscape:By,palette:Fy,diffuse:zy,specular:Ay,photo:Ry,near_me:Ly,view_list:Iy,flash_on:Dy,doc:My,storage:Vy,archive:Ty,file_copy:Ey,gps_fixed:Cy,refresh:$y,cat:Oy,shuffle:jy,replay:Py,speed:Sy,alternate_reverse:wy,alternate:xy,note:yy,rect:vy,circle:fy,color_lens:dy,cube:py,polygon:hy,star:uy,dahaze:ly,brush:cy,expand:sy,list:ay,grid:oy,align_center:ey,align_justify:ny,align_left:ry,align_right:iy,color:ty,size:Qv,edit:Jv,outline_image:qv,ballot:Wv,shape:Kv,scatter:_v,transform:Yv,gradient:Xv,close:Nv,build:Hv,code:Gv,autorenew:Bv,play:zv,pause:Fv,skip_next:gy,skip_prev:my,fast_forward:by,fast_rewind:ky,filter:Av,input:Rv,timer:Iv,title:Dv,paint:Mv,border_all:Tv,border_inner:Vv,check:Ev,video:Tg,arrowRight:Cv,screen:$v,repeat:Ov,remove2:jv,setting:Pv,image:Sv,artboard:wv,folder:xv,publish:kv,add_note:bv,add:mv,save:yv,export:gv,redo:vv,undo:fv,lock:dv,lock_open:Zv,remove:hv,copy:pv,visible:uv,add_box:lv,add_circle:Uv,create_folder:cv,chevron_right:sv,chevron_left:Lv}),tm=function(){function t(){go()(this,t)}return bo()(t,[{key:"load",value:function(){var t,e,n,r,i,a,o,s=arguments;return Hs.a.async((function(c){for(;;)switch(c.prev=c.next){case 0:if(t=s.length>0&&void 0!==s[0]?s[0]:"default",!Qg[t]){c.next=8;break}for(n=s.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=s[i];return a=Bi(Qg[t])?(e=Qg[t]).call.apply(e,[Qg[t]].concat(r)):Qg[t],o=new Blob([a],{type:"image/svg+xml"}),c.abrupt("return",new Promise((function(t,e){var n=new FileReader;n.onload=function(e){var n=e.target.result;t("url(".concat(n,") 12 12, auto"))},n.readAsDataURL(o)})));case 8:return c.abrupt("return",t);case 9:case"end":return c.stop()}}))}}]),t}(),em=function(){function t(e){go()(this,t),this.$editor=e}return bo()(t,[{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=ep.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 Li(t)?t=t.map((function(t){return n.applyAsset(t,e)})):Fi(t)?Object.keys(t).forEach((function(r){t[r]=n.applyAsset(t[r],e)})):Ai(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:"project",get:function(){return this.$editor.selection.currentProject}}]),t}(),nm="SELECTION",rm=function(){function t(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];go()(this,t),this.EDITOR_ID=Ar(),this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=nm,this.modeView="CanvasView",this.addComponentType="",this.locale=this.loadItem("locale")||"en_US",this.layout=this.loadItem("layout")||"all",this.loadManagers()}return bo()(t,[{key:"loadManagers",value:function(){this.store=new Oo(this),this.config=new hf(this),this.snapManager=new sm(this),this.commands=new ef(this),this.shortcuts=new uf(this),this.selection=new jh(this),this.timeline=new Th(this),this.history=new pf(this),this.keyboardManager=new df(this),this.viewport=new ff(this),this.storageManager=new av(this),this.cursorManager=new tm(this),this.assetManager=new em(this),this.components=zc,this.initTheme()}},{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 $h.get(t,e,n||this.locale)}},{key:"hasI18nkey",value:function(t,e){return $h.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]:{},i=arguments.length>2?arguments[2]:void 0,a="".concat(e,".").concat(n);return t.hasI18nkey(a,i)?t.$i18n("".concat(e,".").concat(n),r,i):t.$i18n("".concat(n),r,i)}}},{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:"setLayout",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"all";this.layout=t,this.saveItem("layout",this.layout)}},{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=["dark","light","toon"].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 Ch[this.theme][t]||e}},{key:"changeMode",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:nm;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(nm)}},{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","toon"].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:"emit",value:function(){var t;this.store.source="EDITOR_ID",(t=this.store).emit.apply(t,arguments)}},{key:"on",value:function(){var t;(t=this.store).on.apply(t,arguments)}},{key:"off",value:function(){var t;(t=this.store).off.apply(t,arguments)}},{key:"offAll",value:function(){var t;(t=this.store).offAll.apply(t,arguments)}},{key:"debug",value:function(){var t;this.config.get("debug")&&(t=console).log.apply(t,arguments)}},{key:"command",value:function(t,e){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];var a,o;return this.isPointerUp?(a=this.store).emit.apply(a,["history.".concat(t),e].concat(r)):(o=this.store).emit.apply(o,[t].concat(r))}},{key:"nextTick",value:function(t){this.store&&this.store.nextTick(t)}},{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:"serialize",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=[];return t.forEach((function(t){var n=t.toJSON();n._parentId=t.parent?t.parent.id:void 0,n._positionInParent=t.positionInParent,e.push(n)})),JSON.stringify(e)}},{key:"createItem",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];t._parentId&&(t.parent=this.searchItem(t._parentId),delete t._parentId),t.layers=(t.layers||[]).map((function(t){return e.createItem(t)}));var r=this.components.createComponent(t.itemType,t);return n&&r.parent.setPositionInPlace(t._positionInParent,r),r}},{key:"searchItem",value:function(t){var e=[];return Ai(t)?e.push(t):Li(t)&&(e=E()(t)),this.selection.currentProject.getSearchedIndexItemList(e).filter(Boolean)[0]}},{key:"deserialize",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=JSON.parse(t)||[];return r.map((function(t){return e.createItem(t,n)}))}},{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:"loadResource",value:function(t){return this.assetManager.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++}},{key:"isPointerUp",get:function(){return!this.config.get("bodyEvent")||"pointerup"===this.config.get("bodyEvent").type}},{key:"isPointerMove",get:function(){return!!this.config.get("bodyEvent")&&"pointermove"===this.config.get("bodyEvent").type}}]),t}(),im=a.fromValues(0,0,0);function am(t,e){return Math.abs(t[0]-e[0])<1}function om(t,e){return Math.abs(t[1]-e[1])<1}var sm=function(){function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;go()(this,t),this.editor=e,this.map=new Map,this.snapTargetLayers=[],this.snapDistance=n}return bo()(t,[{key:"clear",value:function(){var t=this;this.snapTargetLayers=this.editor.selection.snapTargetLayers.map((function(e){return t.convertMatrix(e)}))}},{key:"convertMatrix",value:function(t){var e=this.convertGuideAndPathMatrix(t),n=e.map((function(t){return t[0]})),r=e.map((function(t){return t[1]}));return{id:t.id,xList:n,yList:r,verties:e}}},{key:"convertGuideAndPathMatrix",value:function(t){var e=t.guideVerties(),n=t.pathVerties();return[].concat(E()(e),E()(n))}},{key:"getSnapPoints",value:function(){var t=this,e=[];return this.editor.selection.snapTargetLayersWithSelection.forEach((function(n){e.push.apply(e,t.convertGuideAndPathMatrix(n))})),e}},{key:"checkX",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=[];return t.forEach((function(t,i){e.forEach((function(e,a){var o=t-e;Math.abs(o)<=n&&r.push({targetX:t,sourceX:e,sourceIndex:a,targetIndex:i,dx:o})}))})),r}},{key:"checkY",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=[];return t.forEach((function(t,i){e.forEach((function(e,a){var o=t-e;Math.abs(o)<=n&&r.push({targetY:t,sourceY:e,sourceIndex:a,targetIndex:i,dy:o})}))})),r}},{key:"check",value:function(t){var e=this,n=[],r=this.snapDistance,i=t.map((function(t){return t[0]})),o=t.map((function(t){return t[1]}));return this.snapTargetLayers.forEach((function(t){var s=e.checkX(t.xList,i,r)[0],c=e.checkY(t.yList,o,r)[0];n.push(a.fromValues(s?s.dx:0,c?c.dy:0,0))})),n.find((function(t){return Ni(t[0])||Ni(t[1])}))||im}},{key:"checkPoint",value:function(t){var e=this.check([t]);return a.add([],t,e)}},{key:"getGuidesByPointPoint",value:function(t,e){for(var n,r,i=[],a=0,o=t.length;a<o;a++){n=t[a];for(var s=0,c=e.length;s<c;s++)am(n,r=e[s])&&i.push([n,r,"x"]),om(n,r)&&i.push([n,r,"y"])}return i}},{key:"findGuide",value:function(t){var e=this,n=[];return this.snapTargetLayers.forEach((function(r){var i=e.getGuidesByPointPoint(t,r.verties);n.push.apply(n,i)})),n}},{key:"findGuideOne",value:function(t){return[this.findGuide(t)[0]]}}]),t}(),cm=/^ME@/,lm=function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return e.join("|")},um=function(){return"ME@"+lm.apply(void 0,arguments)},hm=function(t){function e(t){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return go()(this,e),(n=xo()(this,So()(e).call(this,t,r))).created(),n.initialize(),n.initializeStoreEvent(),n}return jo()(e,t),bo()(e,[{key:"initializeProperty",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Bs()(So()(e.prototype),"initializeProperty",this).call(this,t,n),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:"splitMethod",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=aa(t.split("|"),e),i=j()(r,2),a=i[0],o=i[1];return[a.length?+o[0].target:n,a,o]}},{key:"initializeStoreEvent",value:function(){var t=this;this.filterProps(cm).forEach((function(e){var n=t.getRealEventName(e,"ME@"),r=t.splitMethod(n,"debounce"),i=j()(r,2),a=i[0],o=i[1],s=t.splitMethod(n,"throttle"),c=j()(s,2),l=c[0],u=c[1];n.split("|").filter((function(t){return-1===o.indexOf(t)&&-1===u.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,l)}))}))}},{key:"destoryStoreEvent",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){Bs()(So()(e.prototype),"destroy",this).call(this),this.destoryStoreEvent()}},{key:"rerender",value:function(){Bs()(So()(e.prototype),"rerender",this).call(this),this.initialize(),this.initializeStoreEvent()}},{key:"emit",value:function(t){var e;this.$store.source=this.source,this.$store.sourceContext=this;for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];(e=this.$store).emit.apply(e,[t].concat(r))}},{key:"nextTick",value:function(t){this.$store.nextTick(t)}},{key:"trigger",value:function(t){var e;this.$store.source=this.source;for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];(e=this.$store).trigger.apply(e,[t].concat(r))}},{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:"command",value:function(t,e){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];return this.$editor.isPointerUp?this.emit.apply(this,["history.".concat(t),e].concat(r)):this.emit.apply(this,[t].concat(r))}},{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:"$viewport",get:function(){return this.$editor.viewport}},{key:"$snapManager",get:function(){return this.$editor.snapManager}},{key:"$timeline",get:function(){return this.$editor.timeline}},{key:"$history",get:function(){return this.$editor.history}},{key:"$shortcuts",get:function(){return this.$editor.shortcuts}},{key:"$keyboardManager",get:function(){return this.$editor.keyboardManager}},{key:"$storageManager",get:function(){return this.$editor.storageManager}}]),e}(sc),pm={x:0,y:0},dm={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},fm=function(t){return new(function(e){function n(){return go()(this,n),xo()(this,So()(n).apply(this,arguments))}return jo()(n,e),bo()(n,[{key:"initialize",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.$editor=new rm,this.$store=this.$editor.store,this.$container=Ro.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);var e=0===t?this.loopBodyMoves.bind(this):Oi(this.loopBodyMoves.bind(this),this.$config.get("body.move.ms"));this.funcBodyMoves=e}},{key:"loopBodyMoves",value:function(){var t=this.$config.get("pos"),e=this.$config.get("bodyEvent"),n=this.$config.get("lastPos")||dm;!(n.x===t.x&&n.y===t.y)&&this.moves.size&&(this.moves.forEach((function(n){var r=kr(t.x,t.y,n.xy.x,n.xy.y);if(Math.abs(r)>.5){var i=Math.floor(t.x-n.xy.x),a=Math.floor(t.y-n.xy.y);n.func.call(n.context,i,a,"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:um("add/body/mousemove"),value:function(t,e,n){this.moves.add({func:t,context:e,xy:n})}},{key:um("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 t.template||"<div></div>"}},{key:"components",value:function(){return t.components||{}}},{key:us("document"),value:function(t){var e=t.xy||pm;this.$config.set("bodyEvent",t),this.$config.set("pos",e),this.requestId||(this.requestId=requestAnimationFrame(this.funcBodyMoves))}},{key:hs("document"),value:function(t){this.$config.set("bodyEvent",t),this.removeBodyMoves(),cancelAnimationFrame(this.requestId),this.requestId=null}},{key:is("window")+Ps(100),value:function(){this.emit("resize.window")}},{key:"commands",get:function(){return this.$editor.commands}},{key:"shortcuts",get:function(){return this.$editor.shortcuts}}]),n}(hm))(t)},vm={App:k,Color:po,HueColor:vo,ColorNames:Fa,Dom:Ro,EventMachine:sc,UIElement:hm},ym={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Qg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Qg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Qg.repeat," Conic")},gm={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"},mm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return Ex}},{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 eu.parseStyle(Qi(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(Qg.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          <object refClass=\"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:Vs("$fillList"),value:function(){var t=this,e=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var i=n.image,a=gm[i.type],o=ym[i.type],s=n.selected?"selected":"";return n.selected&&(t.selectedIndex=r),"\n            <div class='fill-item ".concat(s,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(a,'" >\n                <object refClass="BackgroundPositionEditor" \n                    key="background-position"\n                    index="').concat(r,'"\n                    ref="$bp').concat(r,'"\n                    x="').concat(n.x,'"\n                    y="').concat(n.y,'"\n                    width="').concat(n.width,'"\n                    height="').concat(n.height,'"\n                    repeat="').concat(n.repeat,'"\n                    size="').concat(n.size,'"\n                    blendMode="').concat(n.blendMode,'"     \n                    onchange=\'changePattern\' />\n                <object refClass="GradientSingleEditor" \n                    index="').concat(r,'"\n                    ref="$gse').concat(r,'"\n                    image="').concat(n.image,'"\n                    color="').concat(e.color,"\"\n                    key=\"background-image\"\n                    onchange='changePattern'\n\n                />\n                <div class='fill-info'>\n                  <div class='gradient-info'>\n                    <div class='fill-title' ref=\"fillTitle").concat(r,'">').concat(o,"</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(Qg.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var t=Ji(eu.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:um("add"),value:function(){this.state.images.push(new eu({image:new Il({angle:90,colorsteps:[new ml({percent:0,color:"white",index:0}),new ml({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:Yo("$add"),value:function(){this.trigger("add")}},{key:Uo("$fillList .fill-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:qo("$fillList .fill-item")+Es,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(E()(t.splice(e,1))))}},{key:"sortBackgroundImage",value:function(t,e){this.sortItem(this.state.images,t,e)}},{key:Zo("$fillList .fill-item")+Es,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:Yo("$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:um("selectFillPopupTab"),value:function(t,e){var n=gm[t];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:um("changeRangeEditor"),value:function(t,e,n){this.trigger("changePattern",t,S()({},t,e),n)}},{key:um("changePattern")+Ps(10),value:function(t,e,n){var r=+n;this.state.images[r].reset(e),this.modifyBackgroundImage(),this.refresh()}}]),e}(hm),bm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:Jc.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(Qg.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    "))}},{key:Vs("$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(Qg.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(Qg.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:um("refreshSelection"),value:function(){this.refresh()}},{key:"modifyBoxShadow",value:function(){var t=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,t)}},{key:um("add"),value:function(){this.state.boxShadows.push(new Jc({offsetX:Lo.px(2),offsetY:Lo.px(2),blurRadius:Lo.px(3),spreadRadius:Lo.px(1)})),this.refresh(),this.modifyBoxShadow()}},{key:Yo("$add"),value:function(){this.trigger("add")}},{key:Yo("$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:Yo("$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:um("changeBoxShadowEditorColor"),value:function(t){this.trigger("changeBoxShadowEditorPopup",{color:t})}},{key:um("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())}}}]),e}(hm),km=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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,i=this.props.tabindex;return{keyValueChar:t,splitChar:e,label:this.props.label||"",options:n,value:r,tabIndex:i}}},{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:Ls("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Vs("$options"),value:function(){var t=this;return this.state.options.map((function(e){var n=e;if((a=e).includes(t.state.keyValueChar)){var r=a.split(t.state.keyValueChar),i=j()(r,2),a=i[0];n=i[1]}""===n?n=t.props["none-value"]?t.props["none-value"]:"":"-"===n&&(n="----------",a="");var o=a===t.state.value?"selected":"";return"<option ".concat(o,' value="').concat(a,'">').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:Qo("$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)}}]),e}(hm),xm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:km}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Lo.parse(this.props.value||Lo.z());return{removable:"true"===this.props.removable,calc:"true"===this.props.calc,compact:"true"===this.props.compact,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:Vs("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,i=t.label,a=t.removable,o=t.layout,s=t.compact,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=o,u=(+c).toString(),h=this.state.units.split(",").map((function(t){var e=t;return"number"===e&&(e=""),"".concat(t,":").concat(e)})).join(",");return'\n        <div \n            ref="$range"\n            class="'.concat(ea(S()({"range-editor":!0,"has-label":!!i,compact:!!s,"is-removable":a},l,!0)),'"\n        >\n            ').concat(i?'<label title="'.concat(i,'">').concat(i,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <input type='range' ref='$property' value=\"").concat(u,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(u,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,'" tabIndex="1" />\n                    <object refClass="SelectEditor"  ref=\'$unit\' key=\'unit\' value="').concat(this.state.selectedUnit||this.state.value.unit,'" options="').concat(h,"\" onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Qg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Lo.parse(t)})}},{key:es("$propertyNumber"),value:function(t){this.refs.$rangeArea.addClass("focused")}},{key:rs("$propertyNumber"),value:function(t){this.refs.$rangeArea.removeClass("focused")}},{key:Yo("$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 Lo(0,this.children.$unit.getValue()))}},{key:ts("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.initValue(),this.updateData({value:new Lo(e,this.children.$unit.getValue())})}},{key:ss("$property")+$s("moveRange")+Cs("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeValue")}},{key:um("changeValue")+Os(100),value:function(){var t=+this.getRef("$property").value;this.refs.$propertyNumber.val(t),this.initValue(),this.updateData({value:new Lo(t,this.children.$unit.getValue())})}},{key:um("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}}]),e}(hm),wm=[{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"}],Sm=wm.map((function(t){return t.key})),Pm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:xm}}},{key:"initState",value:function(){return Wc.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='border-radius-editor' ref='$body'></div>"}},{key:um("changeBorderRadius"),value:function(t,e){var n=this;"border-radius"===t&&Sm.forEach((function(t){n.children["$".concat(t)].setValue(e.clone())})),this.setBorderRadius()}},{key:Vs("$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(Qg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Qg.border_inner,'\n          </button>\n        </div>\n        <div class="radius-value">\n          <object refClass="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(wm.map((function(e){var n=t.state[e.key],r=t.$i18n("border.radius.editor."+e.title);return'\n              <div>\n                  <object refClass="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:ts("$radiusSettingBox input"),value:function(t){this.setBorderRadius()}},{key:Qo("$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,Sm.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"]+"":Sm.map((function(e){return"".concat(t.state[e])})).join(" "),this.parent.trigger(this.props.onchange,e)}},{key:Yo("$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()}}]),e}(hm),jm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Ls("$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:Yo("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorSingleEditor",color:this.state.color})}},{key:um("changeColorSingleEditor"),value:function(t,e){this.refs.$miniView.cssText("background-color: ".concat(t)),this.updateData({color:t})}}]),e}(hm),Om=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:"updateEndData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t),this.modifyEndColor()}},{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:"modifyEndColor",value:function(){this.parent.trigger(this.props.onchangeend,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='color-code'>\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                    <input type=\"text\" ref='$colorCode' value='").concat(this.state.value,'\' tabIndex="1" />\n                </div>\n            </div>\n        ')}},{key:Ls("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:Ls("$colorCode"),value:function(){return{value:this.state.value}}},{key:es("$colorCode"),value:function(t){this.refs.$colorCode.addClass("focused")}},{key:rs("$colorCode"),value:function(t){this.refs.$colorCode.removeClass("focused")}},{key:Yo("$preview"),value:function(t){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorViewEditor",changeEndEvent:"changeEndColorViewEditor",color:this.state.value})}},{key:Yo("$remove"),value:function(t){this.updateData({value:""})}},{key:ts("$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:um("changeColorViewEditor"),value:function(t){this.updateData({value:t})}},{key:um("changeEndColorViewEditor"),value:function(t){this.updateEndData({value:t})}}]),e}(hm),$m=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{key:this.props.key,currentBezier:ri(this.props.value||"linear"),currentBezierIndex:0,selectedColor:"#609de2",animatedColor:"#609de266",curveColor:"#609de2",baseLineColor:"rgba(117, 117, 117, 0.46)"}}},{key:"template",value:function(){var t=oa(this.state.currentBezier,150,150),e=sa(this.state.currentBezier,150,150),n=oa("ease",30,30),r=sa("ease",30,30),i=oa("ease-in",30,30),a=sa("ease-in",30,30),o=oa("ease-out",30,30),s=sa("ease-out",30,30);return"\n            <div class='cubic-bezier-editor'>\n                <div class='predefined'>\n                    <div class='left' ref='$left'>".concat(Qg.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(Qg.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                        <svg class='item-canvas' width=\"30\" height=\"30\" viewBox=\"0 0 30 30\">\n                            <path d=\"").concat(n,'" stroke="white" stroke-width="1" fill=\'none\' />\n                            <path d="').concat(r,'" stroke="gray" stroke-width="1" fill=\'none\' />\n                        </svg>\n                    </div>\n                    <div class=\'item\' data-bezier=\'ease-in\' title=\'ease-in\'>\n                        <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                            <path d="').concat(i,'" stroke="white" stroke-width="1" fill=\'none\' />\n                            <path d="').concat(a,'" stroke="gray" stroke-width="1" fill=\'none\' /> \n                        </svg>\n                    </div>\n                    <div class=\'item\' data-bezier=\'ease-out\' title=\'ease-out\'>\n                        <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                            <path d="').concat(o,'" stroke="white" stroke-width="1" fill=\'none\' />\n                            <path d="').concat(s,'" stroke="gray" stroke-width="1" fill=\'none\' />\n                        </svg>\n                    </div>\n                </div>\n                <div class=\'bezier\'>\n                    <svg class=\'bezier-canvas\' width="150" height="150" viewBox="0 0 150 150" overflow="visible">\n                        <path d="').concat(t,'" stroke="white" stroke-width="1" fill=\'none\' ref=\'$bezierCanvas\' />\n                        <path d="').concat(e,"\" stroke=\"gray\" stroke-width=\"1\" fill='none' ref='$bezierCanvasPoint' />\n                    </svg>                \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:Ls("$bezierCanvas"),value:function(){return{d:oa(this.state.currentBezier,150,150)}}},{key:Ls("$bezierCanvasPoint"),value:function(){return{d:sa(this.state.currentBezier,150,150)}}},{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.parent.trigger(this.props.onchange,this.state.key,ii(this.state.currentBezier))}},{key:Yo("$left"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;0==n?n=ni.length-1:--n;e=ni[n];this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:Yo("$right"),value:function(){var t=this.state,e=t.currentBezier,n=t.currentBezierIndex;n=++n%ni.length,e=ni[n],this.updateData({currentBezierIndex:n,currentBezier:e}),this.refresh()}},{key:Yo("$text"),value:function(){var t=E()(ni[this.state.currentBezierIndex]);this.updateData({currentBezier:t}),this.refresh()}},{key:Yo("$itemList .item"),value:function(t){var e=t.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",e);var n=ri(e);this.updateData({currentBezier:n}),this.refresh()}},{key:"refresh",value:function(){this.refreshEasingText(),this.refreshBezierCanvas()}},{key:"refreshBezierCanvas",value:function(){this.bindData("$bezierCanvas"),this.bindData("$bezierCanvasPoint"),this.refreshPointer(),this.drawPoint()}},{key:"refreshEasingText",value:function(){this.refs.$text.html(this.state.currentBezier[4]||"ease")}},{key:"refreshPointer",value:function(){var t=ri(this.state.currentBezier),e=this.refs.$control.width(),n=this.refs.$control.height(),r=t[0]*e,i=(1-t[1])*n;this.refs.$pointer1.css({left:Lo.px(r).round(),top:Lo.px(i).round()}),r=t[2]*e,i=(1-t[3])*n,this.refs.$pointer2.css({left:Lo.px(r).round(),top:Lo.px(i).round()})}},{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,i=this.animationCanvasData.context;i.beginPath(),i.arc(r,10,5,0,2*Math.PI),i.fill(),i.stroke(),i.closePath(),t>=1||(this.animationTimer=setTimeout((function(){e.start(t+.05)}),50))}},{key:"animationPoint",value:function(){var t=ri(this.state.currentBezier),e=yi(ii(t));this.refs.$animationCanvas.clear();var n=this.refs.$animationCanvas.width(),r=this.refs.$animationCanvas.height(),i=this.refs.$animationCanvas.context();i.fillStyle=this.state.animatedColor,i.strokeStyle=this.state.selectedColor,i.lineWidth=1,this.animationCanvasData={func:e,width:n,height:r,context:i},this.start(0)}},{key:"setPosition",value:function(t){var e=this.refs.$control.width(),n=this.refs.$control.height(),r=this.refs.$control.offset().left,i=this.refs.$control.offset().top,a=t,o=a.x;0>o?o=0:a.x>document.body.clientWidth&&(o=document.body.clientWidth),(o-=r)<0&&(o=0),e<o&&(o=e);var s=a.y;return 0>s?s=0:a.y>document.body.clientHeight&&(s=document.body.clientHeight),s-=i,{x:vr(o,e),y:s==n?0:(n-s)/n}}},{key:ss("$pointer1")+$s("movePointer1")+Cs("drawPoint"),value:function(t){this.clientX=t.clientX,this.clientY=t.clientY}},{key:"movePointer1",value:function(t,e){var n=this.setPosition({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:ss("$pointer2")+$s("movePointer2")+Cs("drawPoint"),value:function(t){this.clientX=t.clientX,this.clientY=t.clientY}},{key:"movePointer2",value:function(t,e){var n=this.setPosition({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:um("showCubicBezierEditor"),value:function(t){var e=ri(t||this.state.currentBezier);this.setState({currentBezier:e}),this.refresh()}}]),e}(hm),Cm=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"getAllDropItems",value:function(t){var e=[];t.dataTransfer&&(e=E()(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=E()(t.dataTransfer.files)),[].concat(E()(e),E()(n))}}]),t}(),Em=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],Tm=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"],Vm=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"].join(","),Mm={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},Dm={d:!0},Im={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},Lm=function(t){return Mm[t]||!1},Rm=function(t){return Dm[t]||!1},Am=function(t){return Im[t]||!1};function zm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Fm(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zm(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Bm={blur:fu.spec,grayscale:yu.spec,"hue-rotate":gu.spec,invert:mu.spec,brightness:bu.spec,contrast:ku.spec,"drop-shadow":Pu.spec,opacity:xu.spec,saturate:wu.spec,sepia:Su.spec,svg:vu.spec},Gm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:km,RangeEditor:xm,ColorViewEditor:Om}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:du.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(Qg.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>"))}},{key:Vs("$filterSelect"),value:function(){var t=Em.map((function(t){return{title:t,value:t}})),e=this.getSVGFilterList();return(e.length?[].concat(E()(t),[{title:"-------",value:""}],E()(e)):E()(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 Bm[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(Qg.remove2,'\n            </button>\n          </div>\n        </div>\n\n        <div class="filter-ui drop-shadow-color">\n          <object refClass="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(i){return'        \n            <div class="filter-ui drop-shadow">\n                <object refClass="RangeEditor"  \n                  ref=\'$'.concat(i).concat(n,"' \n                  label=\"").concat(r.$i18n("filter.property.drop-shadow.".concat(i)),'"\n                  key="').concat(n,'" \n                  min="').concat(t[i].min,'"\n                  min="').concat(t[i].max,'"\n                  params="').concat(i,'" \n                  value="').concat(e[i].value,'" units="').concat(t[i].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="",i=this.$selection.currentProject;return i&&(r=(r=i.svgfilters.map((function(t){return t.id}))).length?","+r.join(","):""),'\n      <object refClass="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      <object refClass="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,i="".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?"":i,'">').concat(i,"</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(Qg.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:Vs("$filterList"),value:function(){var t=this;return this.state.filters.map((function(e,n){return t.makeFilterTemplate(e,n.toString())}))}},{key:Uo("$filterList .filter-item .title label"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:qo("$filterList .filter-item .title label")+Es,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(E()(t.splice(e,1))))}},{key:"sortFilter",value:function(t,e){this.sortItem(this.state.filters,t,e)}},{key:Zo("$filterList .filter-item")+Es,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 du.parse(Fm({},e,{type:t}))}},{key:Yo("$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 i=r.getSVGFilterIndex(n.value);this.trigger("openSVGFilterPopup",i)}}},{key:um("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:um("changeSVGFilterRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}},{key:um("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:Yo("$add"),value:function(){var t=this.refs.$filterSelect.value;this.trigger("add",t)}},{key:Yo("$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:um("changeDropShadowColor"),value:function(t,e,n){var r=+n;this.state.filters[r].reset({color:e}),this.modifyFilter()}},{key:um("changeRangeEditor"),value:function(t,e,n){n?this.state.filters[+t].reset(S()({},n,e)):this.state.filters[+t].reset({value:e}),this.modifyFilter()}},{key:um("refreshSVGArea")+Ps(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}]),e}(hm),Hm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:km}}},{key:"initState",value:function(){var t=this.props.units||"px,em,%",e=Lo.parse(this.props.value||Lo.z()),n=this.props.label||"";return Qg[n]&&(n=Qg[n]),{removable:"true"===this.props.removable,label:n,compact:"true"===this.props.compact,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:Vs("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,i=t.label,a=t.compact,o=t.removable,s=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=s,u=(+c).toString();return'\n        <div \n            ref="$range",\n            class="'.concat(ea(S()({"input-range-editor":!0,"has-label":!!i,compact:!!a,"is-removable":o},l,!0)),'"\n        >\n            ').concat(i?"<label>".concat(i,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(u,'" min="').concat(e,'" max="').concat(n,'" step="').concat(r,'" tabIndex="1" />\n                    \n                    <object refClass="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(Qg.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(t){this.setState({value:Lo.parse(t)},!1),this.refs.$propertyNumber.val(this.state.value.value),this.refs.$unit.val(this.state.value.unit)}},{key:es("$propertyNumber"),value:function(t){this.refs.$range.addClass("focused")}},{key:rs("$propertyNumber"),value:function(t){this.refs.$range.removeClass("focused")}},{key:Yo("$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 Lo(0,this.children.$unit.getValue()))}},{key:ts("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new Lo(e,this.children.$unit.getValue())})}},{key:um("changeUnit"),value:function(t,e){this.initValue(),this.updateData({value:this.state.value.toUnit(e)})}},{key:um("changeVarType"),value:function(t,e){this.updateData({value:new Lo(this.refs.$calc.value,e)})}}]),e}(hm),Nm=["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"],Xm=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],Ym={"image-resource":Qg.photo},_m={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},Km={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%"]},Wm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{InputRangeEditor:Hm,RangeEditor:xm,SelectEditor:km}}},{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:eu.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(t){this.setState({image:eu.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(Qg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Qg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Qg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Qg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Qg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Qg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Qg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Qg.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(Xm.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(Ym[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</label>\n              <object refClass='InputRangeEditor' ref='$range' calc=\"false\" key='length' onchange='changeColorStepOffset' />\n            </div>\n            <div class='tools' data-editor='tools'>\n              <label for='gradientConnected").concat(this.id,"'>connected </label>\n              <input type='checkbox'  id='gradientConnected").concat(this.id,"' ref='$cut' checked />\n            </div>\n            <div class='sub-editor' ref='$subEditor'> \n              <div data-editor='angle'>\n                <object refClass=\"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                <object refClass=\"RangeEditor\" label='Center X' ref='$radialPositionX' calc=\"false\" value=\"50%\"  key='radialPositionX' onchange='changeKeyValue' />\n              </div>                \n              <div data-editor='centerY'>                      \n                <span ref=\"RangeEditor\" label='Center Y' ref='$radialPositionY' calc=\"false\" value=\"50%\" key='radialPositionY' onchange='changeKeyValue' />\n              </div>                \n              <div data-editor='radialType'>              \n                <object refClass=\"SelectEditor\" label='Radial Type' ref='$radialType' value=\"\" options=\"").concat(Nm.join(","),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:Qo("$file"),value:function(t){var e=this;this.$selection.currentProject&&E()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:Yo("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");Km[e]&&(this.state.image.radialPosition=Xi(Km[e]),this.refresh(),this.updateData())}},{key:_o("$gradientView")+Es,value:function(t){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:ss("$gradientView")+$s("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 i=Lo.percent((n-this.containerRect.x)/this.containerRect.width*100),a=Lo.percent((r-this.containerRect.y)/this.containerRect.height*100);this.state.image.radialPosition=[i,a],this.bindData("$dragPosition"),this.bindData("$gradientView"),this.children.$radialPositionX.setValue(i),this.children.$radialPositionY.setValue(a),this.updateData()}},{key:Yo("$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=eu.changeImageType({type:e,url:n,colorsteps:this.state.image.colorsteps||[],angle:Lo.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:um("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:um("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:Yo("$back"),value:function(t){var e=this.refs.$stepList.rect(),n=e.x,r=e.right,i=t.xy.x;i<n?i=n:i>r&&(i=r);var a=(i-n)/e.width*100;this.state.image.insertColorStep(a),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:Ls("$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:Ls("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:Ls("$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:Ls("$dragPosition"),value:function(){var t="50%",e="50%";if(_m[this.state.image.type]){var n=j()(this.state.image.radialPosition,2);t=n[0],e=n[1]}return{style:{left:t,top:e}}}},{key:Vs("$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:Yo("$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(Lo.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:ss("$stepList .step")+$s(),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,i=n.right,a=this.startXY.x+t;a<r?a=r:a>i&&(a=i);var o=(a-r)/n.width*100;this.currentStep.percent=o,this.children.$range.setValue(Lo.percent(o)),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(wl.toColorString(t.colorsteps),")")}},{key:um("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:um("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())}}]),e}(hm);function Um(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var Zm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){var t=this.props.value;t="infinite"===t?new Lo(0,"infinite"):Lo.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?Um(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Um(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bs()(So()(e.prototype),"initState",this).call(this),{},{key:this.props.key,params:this.props.params||"",units:n,value:t})}}]),e}(xm),qm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){var t=this.props.value.split(";").filter((function(t){return t.trim()})).map((function(t){var e=t.split(":"),n=j()(e,2),r=n[0],i=n[1];return{key:r=r.replace("--",""),value:i}}));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(Qg.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>"))}},{key:um("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:Yo("$add"),value:function(){this.trigger("add")}},{key:Vs("$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(Qg.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:Yo("$varList .del"),value:function(t){var e=+t.$dt.attr("data-index");this.state.values.splice(e,1),this.refresh(),this.updateData()}},{key:ts("$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)}}]),e}(hm);Qs({VarEditor:qm});var Jm=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){var t=Lo.parse(this.props.value||Lo.number(0));t=t.toUnit("number");var e=this.props.label||"";return Qg[e]&&(e=Qg[e]),{label:e,compact:"true"===this.props.compact,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:Vs("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,i=t.label,a=t.type,o=t.layout,s=t.compact,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=i?"has-label":"",u=s?"compact":"",h=o,p=(+c).toString();return"\n        <div class='number-input-editor ".concat(l," ").concat(u," ").concat(h,"' data-selected-type='").concat(a,"'>\n            ").concat(i?"<label>".concat(i,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(p,'" 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:Lo.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:ts("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(e)})}}]),e}(hm);function Qm(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tb(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Qm(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Qm(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var eb=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],nb={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"]},rb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{NumberInputEditor:Jm,RangeEditor:xm}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:Ec.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(eb.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(Qg.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 nb[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" data-index="').concat(n,'">\n          <label draggable="true" >').concat(this.$i18n("css.item."+t),'</label>\n          <div class="transform-ui ').concat(t,'">\n            ').concat(e.value.map((function(e,i){var a=r.getLabel(t,i),o=r.getRange(t),s=o.min,c=o.max,l=o.step,u=o.units;return'\n                <div>\n                  <object refClass="RangeEditor"  \n                        ref=\'$range_'.concat(t,"_").concat(n,"_").concat(i,"' \n                        min=\"").concat(s,'" \n                        max="').concat(c,'" \n                        step="').concat(l,'" \n                        label="').concat(a,'"\n                        key="').concat(n,"\" \n                        params='").concat(i,"' \n                        value=\"").concat(e,'" \n                        units="').concat(u,'" \n                        onchange="changeRangeEditor" />\n                </div>')})).join(""),'      \n          </div>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(Qg.remove2,"\n            </button>\n          </div>\n        </div>\n\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" data-index="').concat(n,'">\n          <label draggable="true" >').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(Qg.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,i){var a=r.getLabel(t,i),o=r.getRange(t),s=o.min,c=o.max,l=o.step,u=o.units;return'\n              <div>\n                <object refClass="NumberInputEditor"  \n                      ref=\'$range_'.concat(t,"_").concat(n,"_").concat(i,"' \n                      min=\"").concat(s,'" \n                      max="').concat(c,'" \n                      step="').concat(l,'" \n                      label="').concat(a,'"\n                      key="').concat(n,"\" \n                      params='").concat(i,"' \n                      value=\"").concat(e,'" \n                      units="').concat(u,'" \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:Vs("$transformList"),value:function(){var t=this;return this.state.transforms.map((function(e,n){return t.makeTransformTemplate(e,n.toString())}))}},{key:Uo("$transformList .transform-item .title label"),value:function(t){this.startIndex=+t.$dt.parent().attr("data-index")}},{key:qo("$transformList .transform-item")+Es,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(E()(t.splice(e,1))))}},{key:"sortTransform",value:function(t,e){this.sortItem(this.state.transforms,t,e)}},{key:Zo("$transformList .transform-item")+Es,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[Lo.z()];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[Lo.deg(0)];case"translate":return[Lo.z(),Lo.z()];case"translate3d":return[Lo.z(),Lo.z(),Lo.z()];case"scale":return[Lo.number(1),Lo.number(1)];case"scaleX":case"scaleY":return[Lo.number(1)];case"matrix":return[Lo.number(1),Lo.number(0),Lo.number(0),Lo.number(1),Lo.number(0),Lo.number(0)];case"matrix3d":return[Lo.number(1),Lo.number(0),Lo.number(0),Lo.number(0),Lo.number(0),Lo.number(1),Lo.number(0),Lo.number(0),Lo.number(0),Lo.number(0),Lo.number(1),Lo.number(0),Lo.number(0),Lo.number(0),Lo.number(0),Lo.number(1)]}return[Lo.number(0)]}},{key:"makeTransform",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(t);return Ec.parse(tb({},e,{type:t,value:n}))}},{key:um("add"),value:function(t){this.state.transforms.push(this.makeTransform(t)),this.refresh(),this.modifyTransform()}},{key:Yo("$add"),value:function(){var t=this.refs.$transformSelect.value;this.trigger("add",t)}},{key:Yo("$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:um("changeRangeEditor"),value:function(t,e,n){n?this.state.transforms[+t].value[+n]=e:this.state.transforms[+t].reset({value:e}),this.modifyTransform()}}]),e}(hm);Qs({TransformEditor:rb});var ib=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"},{key:"transform-origin-z",title:"Z"}],ab=ib.map((function(t){return t.key})),ob={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%"},sb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:xm}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!1,"transform-origin":Lo.percent(50),"transform-origin-x":Lo.percent(50),"transform-origin-y":Lo.percent(50)};return this.props.value&&(1===t.length?(e.isAll=!0,e["transform-origin"]=Lo.parse(t[0]),e["transform-origin-x"]=Lo.parse(t[0]),e["transform-origin-y"]=Lo.parse(t[0])):2==t.length&&(e.isAll=!1,e["transform-origin-x"]=Lo.parse(t[0]),e["transform-origin-y"]=Lo.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 left'></div>        \n          <div class='pos' data-value='top'></div>\n          <div class='pos' data-value='top right'></div>\n          <div class='pos' data-value='left'></div>\n          <div class='pos' data-value='center'></div>\n          <div class='pos' data-value='right'></div>\n          <div class='pos' data-value='bottom left'></div>                   \n          <div class='pos' data-value='bottom'></div>\n          <div class='pos' data-value='bottom right'></div>\n        </div>\n        <div ref='$body'></div>\n      </div>\n    "}},{key:Yo("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=ob[e].split(" "),r=j()(n,2),i=r[0],a=r[1];this.state["transform-origin-x"]=Lo.parse(i),this.state["transform-origin-y"]=Lo.parse(a),this.refresh(),this.modifyTransformOrigin()}},{key:um("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:Vs("$body"),value:function(){var t=this;return('\n      <div class="full transform-origin-item" ref="$partitialSetting" >\n        <div class="radius-setting-box" ref="$radiusSettingBox">\n          '.concat(ib.map((function(e){return'\n              <div>\n                  <object refClass="RangeEditor"  ref=\'$'.concat(e.key,"' compact=\"true\" label='").concat(e.title,"' key='").concat(e.key,"' value=\"").concat(t.state[e.key],"\" onchange='changeTransformOrigin' />\n              </div>  \n            ")})).join(""),"\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="".concat(this.state["transform-origin-x"]," ").concat(this.state["transform-origin-y"]," ").concat(this.state["transform-origin-z"]||"0px");this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:Yo("$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()}}]),e}(hm);Qs({TransformOriginEditor:sb});var cb=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],lb=cb.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%"},hb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:xm}}},{key:"initState",value:function(){var t=this.props.value.split(" "),e={isAll:!0,"perspective-origin":Lo.z(),"perspective-origin-x":Lo.z(),"perspective-origin-y":Lo.z()};return this.props.value&&(1===t.length?(e.isAll=!0,e["perspective-origin"]=Lo.parse(t[0]),e["perspective-origin-x"]=Lo.parse(t[0]),e["perspective-origin-y"]=Lo.parse(t[0])):2==t.length&&(e.isAll=!1,e["perspective-origin-x"]=Lo.parse(t[0]),e["perspective-origin-y"]=Lo.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:Yo("$direction .pos"),value:function(t){var e=t.$dt.attr("data-value");this.state.isAll=!1;var n=ub[e].split(" "),r=j()(n,2),i=r[0],a=r[1];this.state["perspective-origin-x"]=Lo.parse(i),this.state["perspective-origin-y"]=Lo.parse(a),this.refresh(),this.modifyPerspectiveOrigin()}},{key:um("changePerspectiveOrigin"),value:function(t,e){var n=this;"perspective-origin"===t&&lb.forEach((function(t){n.children["$".concat(t)].setValue(e.toString())})),this.setPerspectiveOrigin()}},{key:Vs("$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(Qg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Qg.border_inner,'\n          </button>\n        </div>\n        <div class="radius-value">\n          <object refClass="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(cb.map((function(e){var n=t.$i18n(e.title);return('\n              <div>\n                  <object refClass="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,lb.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:Yo("$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()}}]),e}(hm),pb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){var t=Lo.parse(this.props.value||Lo.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:Vs("$body"),value:function(){var t=this.state,e=t.min,n=t.max,r=t.step,i=t.label,a=t.type,o=t.removable,s=t.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=i?"has-label":"",u=o?"is-removable":"",h=s,p=(+c).toString();return"\n        <div class='number-range-editor ".concat(l," ").concat(u," ").concat(h,"' data-selected-type='").concat(a,"'>\n            ").concat(i?'<label title="'.concat(i,'">').concat(i,"</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(Qg.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(t){this.setState({min:Lo.parse(t)})}},{key:"setMax",value:function(t){this.setState({max:Lo.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:Lo.parse(t)})}},{key:es("$propertyNumber"),value:function(t){this.refs.$propertyNumber.addClass("focused")}},{key:rs("$propertyNumber"),value:function(t){this.refs.$propertyNumber.removeClass("focused")}},{key:Yo("$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:ts("$propertyNumber"),value:function(t){var e=+this.getRef("$propertyNumber").value;this.getRef("$property").val(e),this.updateData({value:this.state.value.set(e)})}},{key:ss("$property")+$s("moveRange")+Cs("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeValue")}},{key:um("changeValue")+Os(100),value:function(){var t=+this.getRef("$property").value;this.getRef("$propertyNumber").val(t),""===this.state.value&&(this.state.value=Lo.number(0)),this.updateData({value:this.state.value.set(t)})}}]),e}(hm),db=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs(),value:function(){var t=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(t,"</div>\n        </div>\n        ")}},{key:Yo(),value:function(t){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){this.emit("showClipPathPopup",{changeEvent:"changeClipPathEditor","clip-path":this.state.clippath})}},{key:um("changeClipPathEditor"),value:function(t){this.updateData({clippath:t["clip-path"]})}}]),e}(hm),fb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:ul.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(Qg.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    "))}},{key:Vs("$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(Qg.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:um("add"),value:function(){this.state.textShadows.push(new ul),this.refresh(),this.modifyTextShadow()}},{key:Yo("$add"),value:function(){this.trigger("add")}},{key:Yo("$shadowList .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.textShadows.splice(e,1),this.refresh(),this.modifyTextShadow()}},{key:Yo("$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:um("changeTextShadowEditorPopup"),value:function(t,e){e.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(t),this.refresh(),this.modifyTextShadow())}}]),e}(hm);Qs({TextShadowEditor:fb});var vb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{NumberRangeEditor:pb}}},{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(Qg.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){Li(t)||(t=this.generateValue(t)),this.setState({value:t})}},{key:Vs("$body"),value:function(){return this.state.value.map((function(t,e){var n=e+1;return("\n        <div class='dasharray-item'>\n          <object refClass=\"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(Qg.remove2,"</button>\n        </div>\n      "))}))}},{key:um("changeRangeEditor"),value:function(t,e){var n=+t;this.state.value[n]=e,this.modifyStrokeDashArray()}},{key:Yo("$add"),value:function(){this.state.value.push(0),this.refresh()}},{key:Yo("$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)}}]),e}(hm);function yb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var gb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{parser:new Dc(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 Dc(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:Vs("$data"),value:function(){var t=this,e=[];this.state.parser.segments.forEach((function(n,r){var i=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?yb(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):yb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},n);e.push(i);var a=t.state.parser.segments[r+1];a&&"M"===a.command&&("Z"!==i.command?e.push({command:"Z",toggle:!1,values:[]}):i.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:ts("$data input[type=number]")+Ps(300),value:function(t){this.updateData()}},{key:Yo("$data .command[data-toggle]"),value:function(t){var e=t.$dt.attrs("data-command","data-toggle"),n=j()(e,2),r=n[0],i=n[1];"Z"===r&&(i="false"!==i?"false":"true",t.$dt.attr("data-toggle",i),this.updateData())}}]),e}(hm);Qs({PathDataEditor:gb});var mb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{parser:new _u(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 _u(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:Vs("$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:ts("$data input[type=number]")+Ps(300),value:function(t){this.updateData()}}]),e}(hm),bb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:xm,SelectEditor:km}}},{key:"initState",value:function(){var t=(this.props.value||"").split(",").map((function(t){return t.trim()})),e=j()(t,4);return{id:e[0],distance:e[1]||"0%",rotateStatus:e[2]||"auto",rotate:e[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=(t||"").split(",").map((function(t){return t.trim()})),n=j()(e,4),r=n[0],i=n[1],a=n[2],o=n[3];this.setState({id:r,distance:i,rotateStatus:a,rotate:o},!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.currentProject,e={};return t&&t.allLayers.filter((function(t){return t.is("svg-path","svg-polygon")})).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:Vs(),value:function(){var t=this.getOptions(),e=","+t.options,n=t.paths||{},r=this.state,i=r.id,a=r.rotateStatus,o=r.rotate,s=r.distance;return"\n        <div>\n            <div class='offset-path-item'>\n                <object refClass=\"SelectEditor\"  ref='$path' label='".concat(this.$i18n("offset.path.list.editor.path"),'\' key="id" value="').concat(i,'" 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[i]&&n[i].totalLength||0,"</span></div>\n            </div>\n            <div class='offset-path-item'>\n                <object refClass=\"RangeEditor\"  ref='$distance' label='").concat(this.$i18n("offset.path.list.editor.distance"),'\' min="0" max="100" value="').concat(s||"0%","\" key='distance' unit=\"%,px\" onchange='changeRangeEditor' /> \n            </div>\n            <div class='offset-path-item'>\n                <object refClass=\"SelectEditor\"  ref='$status' label='").concat(this.$i18n("offset.path.list.editor.direction"),"' key='rotateStatus' value=\"").concat(a,"\" options=\"auto,auto angle,angle,reverse,element\" onchange='changeRangeEditor' /> \n            </div>\n            <div class='offset-path-item'>\n                <object refClass=\"RangeEditor\"  ref='$rotate' label='").concat(this.$i18n("offset.path.list.editor.rotate"),"' min=\"0\" max=\"2000\" key='rotate' value='").concat(o||"0deg","' units=\"deg,turn\" onchange='changeRangeEditor' /> \n            </div>     \n        </div>           \n        ")}},{key:Ls("$totalLength"),value:function(){var t=this.state.id,e=(this.getOptions().paths[t]||{totalLength:0}).totalLength||0;return{innerHTML:"<span>".concat(e,"</span>")}}},{key:um("changeRangeEditor"),value:function(t,e){this.updateData(S()({},t,e)),this.bindData("$totalLength")}}]),e}(hm),kb={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},xb=function(){function t(){go()(this,t)}return bo()(t,null,[{key:"parseStyle",value:function(t){return Qi(t)}},{key:"parseValue",value:function(t){var e="",n="",r="";return t.split(" ").filter((function(t){return t.trim()})).forEach((function(t){kb[t]?e=t:po.isColor(t)?r=t:n=t})),{style:e,color:r,width:n}}},{key:"joinValue",value:function(t){return"".concat(t.width," ").concat(t.style||"solid"," ").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(";")}}]),t}(),wb=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),Sb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{InputRangeEditor:Hm,RangeEditor:xm,SelectEditor:km,ColorViewEditor:Om,ColorSingleEditor:jm}}},{key:"initState",value:function(){return{value:xb.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 xb.joinValue(this.state.value)}},{key:"setValue",value:function(t){this.state.value=xb.parseValue(t),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||Lo.z()),this.children.$style.setValue(this.state.value.style||"solid"),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        <div class=\'editor-area\'>\n          <object refClass="RangeEditor"  ref=\'$width\' min="0" max="100" step="1" key=\'width\' value="'.concat(e,"\" onchange='changeKeyValue' />\n        </div>\n        <div class='editor-area'>\n          <object refClass=\"SelectEditor\"  ref='$style' key='style' options='").concat(wb,"' value=\"").concat(n||"solid","\" onchange=\"changeKeyValue\" />\n        </div>\n        <div class='editor-area'>\n          <object refClass=\"ColorSingleEditor\" ref='$color' key='color' value=\"").concat(r||"rgba(0, 0, 0, 1)",'"  onchange="changeKeyValue" />\n        </div>\n\n      </div>\n    '))}},{key:um("changeKeyValue"),value:function(t,e){var n=this.state.value;n[t]=e,this.updateData({value:n})}}]),e}(hm),Pb=["border"],jb={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},Ob=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{BorderValueEditor:Sb}}},{key:"initState",value:function(){var t=xb.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 xb.join(this.state.borders)}},{key:"setValue",value:function(t){this.state.borders=xb.parseStyle(t),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:Vs("$editorArea"),value:function(){var t=this;return Pb.map((function(e){var n=jb[e]||e;return n=t.$i18n("border.editor."+n),"\n      <div>\n        <object refClass='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:um("changeKeyValue"),value:function(t,e){var n=this.state.borders;n[t]=e,this.updateData({borders:n})}}]),e}(hm),$b=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{NumberRangeEditor:pb}}},{key:"initState",value:function(){var t=(this.props.value||"").split(":"),e=j()(t,3);return{start:+(e[0]||0),end:+(e[1]||1),duration:+(e[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                    <object refClass=\"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                    <object refClass=\"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:um("changeValue"),value:function(t,e){this.updateData(S()({},t,e/this.state.duration),!0)}},{key:ss("$start")+$s("moveStart"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Lo.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Lo.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:Ls("$start"),value:function(){return{"data-info":this.state.start,style:{left:Lo.percent(100*(this.state.start||0))}}}},{key:ss("$end")+$s("moveStartForEnd"),value:function(t){this.rect=this.refs.$progress.rect(),this.pos=Lo.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=Lo.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=Lo.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:Ls("$end"),value:function(){return{"data-info":this.state.end,style:{left:Lo.percent(100*(this.state.end||1))}}}},{key:Ls("$bar"),value:function(){var t=this.state.start||0,e=this.state.end||1;return{style:{left:Lo.percent(100*t),width:Lo.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=t.split(":"),n=j()(e,3),r=n[0],i=n[1],a=n[2];this.setState({start:Number(r),end:Number(i),duration:Number(a)})}},{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)}}]),e}(hm),Cb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{BorderEditor:Ob,NumberRangeEditor:pb,SelectEditor:km,TextShadowEditor:fb,BoxShadowEditor:bm,FilterEditor:Gm,ColorViewEditor:Om,RangeEditor:xm,StrokeDashArrayEditor:vb,BackgroundImageEditor:mm,TransformEditor:rb,TransformOriginEditor:sb,PerspectiveOriginEditor:hb,VarEditor:qm,BorderRadiusEditor:Pm,ClipPathEditor:db,PathDataEditor:gb,PolygonDataEditor:mb,OffsetPathListEditor:bb,MediaProgressEditor:$b}}},{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(ea({"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(Qg.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 Lo.string("");case"offset-distance":return Lo.percent(0);case"rotate":return Lo.deg(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return Lo.z()}}},{key:Yo("$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        <object refClass=\"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,' \n          onchange="changeSelect"\n          ref="$customProperty').concat(e,'"\n          key="').concat(t.key,'"\n          value="').concat(t.value,'"\n        />\n      </div>\n    ')}},{key:"makeIndivisualPropertyEditor",value:function(t,e){return"background-image"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"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          <object refClass=\"FilterEditor\" ref='$filter".concat(e,"' value=\"").concat(t.value,'" onChange="changeFilterProperty" />\n        </div>\n      '):"backdrop-filter"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$backdropFilter".concat(e,"' value=\"").concat(t.value,'" onChange="changeBackdropFilterProperty" />\n        </div>\n      '):"box-shadow"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"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          <object refClass=\"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          <object refClass=\"VarEditor\" ref='$var".concat(e,"' value=\"").concat(t.value,'" onChange="changeVar" />\n        </div>\n      '):"transform"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"TransformEditor\" ref='$transform".concat(e,"' value=\"").concat(t.value,'" onChange="changeTransform" />\n        </div>\n      '):"transform-origin"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"TransformOriginEditor\" ref='$transformOrigin".concat(e,"' value=\"").concat(t.value,'" onChange="changeTransformOrigin" />\n        </div>\n      '):"perspective-origin"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"PerspectiveOriginEditor\" ref='$perspectiveOrigin".concat(e,"' value=\"").concat(t.value,'" onChange="changePerspectiveOrigin" />\n        </div>\n      '):"fill-rule"===t.key?"\n        <div class='property-editor'>\n          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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        <object refClass="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        <object refClass="BorderRadiusEditor"\n          ref=\'$borderRadius'.concat(e,"' \n          key='border-radius'\n          value='").concat(t.value,"' \n          onchange='changeBorderRadius' \n        />\n      "):"border"===t.key?'\n        <object refClass="BorderEditor"\n          ref=\'$border'.concat(e,"' \n          key='border'\n          value='").concat(t.value,"' \n          onchange='changeKeyValue' \n        />\n      "):"clip-path"===t.key?'\n        <object refClass="ClipPathEditor"\n          ref=\'$clipPath'.concat(e,"' \n          key='clip-path'\n          value='").concat(t.value,"' \n          onchange='changeClipPath' \n        />\n      "):"d"===t.key?'\n        <object refClass="PathDataEditor" ref=\'$pathData'.concat(e,"' key='d' value='").concat(t.value,"' onchange='changeSelect' />\n      "):"points"===t.key?'\n        <object refClass="PolygonDataEditor" ref=\'$polygonData'.concat(e,"' key='points' value='").concat(t.value,"' onchange='changeSelect' />\n      "):"offset-path"===t.key?'\n        <object refClass="OffsetPathListEditor" ref=\'$offsetPathList'.concat(e,"' key='offset-path' value='").concat(t.value,"' onchange='changeSelect' />\n      "):"playTime"===t.key?'\n        <object refClass="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:um("changeKeyValue"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:um("changeBorderRadius"),value:function(t){this.modifyPropertyValue("border-radius",t)}},{key:um("changeClipPath"),value:function(t){this.modifyPropertyValue("clip-path",t)}},{key:um("changeColorProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:um("changeBackgroundImageProperty"),value:function(t,e){this.modifyPropertyValue(t,e)}},{key:um("changeFilterProperty"),value:function(t){this.modifyPropertyValue("filter",t)}},{key:um("changeBackdropFilterProperty"),value:function(t){this.modifyPropertyValue("backdrop-filter",t)}},{key:um("changeBoxShadowProperty"),value:function(t){this.modifyPropertyValue("box-shadow",t)}},{key:um("changeTextShadowProperty"),value:function(t){this.modifyPropertyValue("text-shadow",t)}},{key:um("changeVar"),value:function(t){this.modifyPropertyValue("var",t)}},{key:um("changeTransform"),value:function(t){this.modifyPropertyValue("transform",t)}},{key:um("changeTransformOrigin"),value:function(t){this.modifyPropertyValue("transform-origin",t)}},{key:um("changePerspectiveOrigin"),value:function(t){this.modifyPropertyValue("perspective-origin",t)}},{key:um("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            <object refClass=\"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"rotate":return"\n          <div class='property-editor'>\n            <object refClass=\"RangeEditor\"  \n              ref='rangeEditor".concat(e,"' \n              key='").concat(t.key,"' \n              value='").concat(t.value,'\'  \n              min="-2000"\n              max="2000"\n              units="deg" \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            <object refClass=\"RangeEditor\"  ref='rangeEditor".concat(e,"' key='").concat(t.key,"' value='").concat(t.value,'\' max="1000" onChange="changeRangeEditor" />\n          </div>\n        ')}}},{key:um("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='Position'>\n          <option value='x'>x</option>\n          <option value='y'>y</option>        \n        </optgroup>\n        <optgroup label='Size'>\n          <option value='width'>width</option>\n          <option value='height'>height</option>\n        </optgroup>      \n        <optgroup label='Box Model'>\n          <option value='margin-left'>margin-left</option>\n          <option value='margin-right'>margin-right</option>\n          <option value='margin-bottom'>margin-bottom</option>\n          <option value='margin-top'>margin-top</option>\n          <option value='padding-left'>padding-left</option>\n          <option value='padding-right'>padding-right</option>\n          <option value='padding-bottom'>padding-bottom</option>\n          <option value='padding-top'>padding-top</option>       \n        </optgroup>\n        <optgroup label='Border'>\n          <option value='border'>border</option>\n          <option value='border-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:Vs("$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(Qg.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(Qg.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:um("showCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:t}),this.refresh()}},{key:Yo("$property .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.state.properties.splice(e,1),this.refresh(),this.modifyProperty()}},{key:Yo("$property .refresh"),value:function(t){this.parent.trigger("refreshPropertyValue")}}]),e}(hm),Eb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{InputRangeEditor:Hm,RangeEditor:xm,CSSPropertyEditor:Cb}}},{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            <object refClass=\"InputRangeEditor\" \n              key='offset' \n              min='0' \n              max='100' \n              step=\"0.01\" \n              value=\"".concat(Lo.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:um("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"<object refClass=\"CSSPropertyEditor\" ref='$offsetPropertyEditor' hide-refresh=\"true\" onchange='changeCSSPropertyEditor' />"}},{key:"templateForOffset",value:function(){return"<div class='offset' ref='$offset' data-selected-value=\"-1\"></div>"}},{key:"makeOffset",value:function(t,e){return"<div class='offset-item' style='left: ".concat(t.offset,";' data-offset-index='").concat(e.toString(),"'></div>")}},{key:"selectItem",value:function(t){!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(Di(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:Vs("$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!Ro.create(t.target).hasClass("offset-item")&&!this.currentOffset}},{key:Yo("$offset")+ms("isNotOffsetItem")+Es,value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var e=t.xy.x,n=Lo.percent((e-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new lh({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:ss("$offset .offset-item")+$s("moveOffset")+Cs("endOffset"),value:function(t){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=Lo.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=Lo.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:um("showOffsetEditor"),value:function(t){this.setState(t),this.selectItem(),this.refresh()}},{key:um("changeCSSPropertyEditor"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=this.state.offsets[this.selectedIndex];e&&(e.properties=E()(t)),this.modifyOffset()}}]),e}(hm),Tb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:xm}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",e=new Lo("","closest-side"),n="";if((t=t||"50%").includes("at")){var r=t.split("at").map((function(t){return t.trim()})),i=j()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=j()(a,2),s=o[0],c=o[1];return Di(c)&&(c=s),{radius:e,x:s=Lo.parse(s),y:c=Lo.parse(c)}}},{key:"initState",value:function(){return this.parseValue(this.props.value)}},{key:"template",value:function(){return"\n        <div class='clip-path-editor circle-editor'>\n            <object refClass=\"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:Ls("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:ss("$area")+$s()+Cs(),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 i=Lo.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Lo.percent((r-this.areaRect.y)/this.areaRect.height*100).round(1);this.refs.$pointer.css({left:i,top:a}),this.updateData({x:i,y:a}),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){var t=this.state,e=t.x,n=t.y,r=t.radius,i="".concat(e," ").concat(n),a=r+"";return a.includes("closest-side")?a="closest-side":a.includes("farthest-side")&&(a="farthest-side"),r?"".concat(a," at ").concat(i):"".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:um("changeRangeEditor"),value:function(t,e){if("radius"===t){var n=e,r=e.unit+"";r.includes("closest-side")?n=new Lo("","closest-side"):r.includes("farthest-side")&&(n=new Lo("","farthest-side")),this.updateData({radius:n})}}}]),e}(hm);Qs({CircleEditor:Tb});var Vb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Ls("$text"),value:function(){return{value:this.state.value}}},{key:ts("$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)}}]),e}(hm);Qs({TextEditor:Vb});var Mb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Ls("$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:Vs("$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:ts("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),e}(hm);function Db(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Db(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Db(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Lb="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),Rb={xChannelSelector:!0,yChannelSelector:!0},Ab=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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=zr();return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,Ib({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 Ai(t.in)&&(t.in=JSON.parse(t.in)),Ai(t.bound)&&(t.bound=JSON.parse(t.bound)),Ai(t.connected)&&(t.connected=JSON.parse(t.connected)),t}},{key:"toCloneObject",value:function(){return Ib({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("id","in","bound","connected"))}},{key:"getDefaultAttribute",value:function(){var t=this,e=[];return this.json.connected.length&&e.push('result="'.concat(this.json.id,'result"')),Object.keys(Rb).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=""),Lb.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()," />")}}],[{key:"parse",value:function(t){return new(0,Sk[t.type])(t)}}]),e}(Pc),zb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:e.spec.hueRotate.defaultValue})}},{key:"convert",value:function(t){return t.hueRotate=Lo.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    '))}}]),e}(Ab);zb.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:Lo.number(0)}};var Fb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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>")}}]),e}(Ab);Fb.spec={};var Bb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.k3,a=t.k4,o="";return"arithmetic"===e&&(o=' k1="'.concat(n,'" k2="').concat(r,'" k3="').concat(i,'" k4="').concat(a,'" ')),'<feComposite operator="'.concat(e,'" ').concat(o,"  ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}]),e}(Ab);Bb.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:Lo.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Lo.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Lo.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Lo.number(0)}};var Gb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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()," />")}}]),e}(Ab);Gb.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(0)}};var Hb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=Lo.parse(t.baseFrequency),t.numOctaves=Lo.parse(t.numOctaves),t.seed=Lo.parse(t.seed),t}},{key:"toString",value:function(){var t=this.json,e=t.filterType,n=t.baseFrequency,r=t.numOctaves,i=t.seed;return("<feTurbulence ".concat(ta({type:e,baseFrequency:n,numOctaves:r,seed:i}),"   ").concat(this.getDefaultAttribute()," />"))}}]),e}(Ab);Hb.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Lo.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:Lo.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:Lo.number(0)}};var Nb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=Lo.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}}]),e}(Ab);Nb.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:Lo.number(0)}};var Xb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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()," />")}}]),e}(Ab);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 Yb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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()," />")}}]),e}(Ab);Yb.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var _b=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=Lo.parse(t.stdDeviationX),t.stdDeviationY=Lo.parse(t.stdDeviationY),t}},{key:"toString",value:function(){var t=this.json,e=t.stdDeviationX,n=t.stdDeviationY,r=t.edgeMode,i="".concat(e," ").concat(n);return e===n&&(i=e),'<feGaussianBlur  stdDeviation="'.concat(i,'" edgeMode="').concat(r,'"  ').concat(this.getDefaultAttribute()," />")}}]),e}(Ab);_b.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var Kb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=Lo.parse(t.x),t.y=Lo.parse(t.y),t.width=Lo.parse(t.width),t.height=Lo.parse(t.height),t}},{key:"toString",value:function(){var t=this.json,e=t.opacity,n=t.color,r=t.x,i=t.y,a=t.width,o=t.height;return"<feFlood ".concat(ta({x:r,y:i,width:a,height:o}),' flood-opacity="').concat(e,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}]),e}(Ab);Kb.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Lo.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Wb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=t.split(" "),n=$()(e),r=n[0],i=n.slice(1);if("table"===r||"discrete"===r)return{type:r,tableValues:i.join(" ")};if("linear"===r){var a=j()(i,2);return{type:r,slop:a[0],intercept:a[1]}}if("gamma"===r){var o=j()(i,3);return{type:r,amplitude:o[0],exponent:o[1],offset:o[2]}}return{type:r}}},{key:"toString",value:function(){var t=this.json,e=t.r,n=t.g,r=t.b,i=t.a;return e=this.parse(e),n=this.parse(n),r=this.parse(r),i=this.parse(i),"<feComponentTransfer ".concat(this.getDefaultAttribute()," >\n      ").concat(e&&"<feFuncR ".concat(ta(e)," />"),"\n      ").concat(n&&"<feFuncG ".concat(ta(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(ta(r)," />"),"\n      ").concat(i&&"<feFuncA ".concat(ta(i)," />"),"\n    </feComponentTransfe>")}}]),e}(Ab);Wb.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 Ub=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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(ta({azimuth:e,elevation:n})," />"))}}]),e}(Ab);Ub.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)}};var Zb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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(ta({x:e,y:n,z:r})," />"))}}]),e}(Ab);Zb.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)}};var qb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.pointsAtX,a=t.pointsAtY,o=t.pointsAtZ,s=t.specularExponent,c=t.limitingConeAngle;return("<feSpotLight ".concat(ta({x:e,y:n,z:r,pointsAtX:i,pointsAtY:a,pointsAtZ:o,specularExponent:s,limitingConeAngle:c})," />"))}}]),e}(Ab);function Jb(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}qb.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)}};var Qb=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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?Jb(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jb(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("surfaceScale","lightingColor","diffuseConstant","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(ta({surfaceScale:e,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>"))}}]),e}(Ab);function tk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qb.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var ek=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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?tk(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("surfaceScale","lightingColor","specularConstant","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,i=t.lightingColor;return("<feSpecularLighting ".concat(ta({surfaceScale:e,specularConstant:n,specularExponent:r,"lighting-color":i}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>"))}},{key:"getSourceInAttribute",value:function(){return""}}]),e}(Ab);ek.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:Lo.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var nk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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(ta({dx:e,dy:n}),"  ").concat(this.getDefaultAttribute()," />"))}}]),e}(Ab);nk.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)}};var rk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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(ta({mode:t})," ").concat(this.getDefaultAttribute()," />"))}},{key:"hasInIndex",value:function(){return!0}}]),e}(Ab);function ik(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function ak(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?ik(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):ik(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}rk.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var ok=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,ak({type:"Source"},t))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}]),e}(Ab),sk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}]),e}(ok),ck=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}]),e}(ok),lk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}]),e}(ok),uk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}]),e}(ok),hk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}]),e}(ok),pk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}]),e}(ok),dk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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,i=t.color,a=t.opacity;return("<feDropShadow ".concat(ta({dx:e,dy:n,stdDeviation:r,"flood-color":i,"flood-opacity":a}),"  ").concat(this.getDefaultAttribute()," />"))}}]),e}(Ab);dk.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:Lo.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:Lo.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var fk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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()," />"))}}]),e}(Ab);fk.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:Lo.number(0)}};var vk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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()," />"))}}]),e}(Ab);vk.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:Lo.number(0)}};var yk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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()," />")}}]),e}(Ab);yk.spec={};var gk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=Lo.parse(t.x),t.y=Lo.parse(t.y),t.width=Lo.parse(t.width),t.height=Lo.parse(t.height),t}},{key:"toString",value:function(){var t=this.json,e=t.x,n=t.y,r=t.width,i=t.height;return"<feTile ".concat(ta({x:e,y:n,width:r,height:i})," ").concat(this.getDefaultAttribute()," />")}}]),e}(Ab);gk.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)}};var mk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return Bs()(So()(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=Lo.parse(t.x),t.y=Lo.parse(t.y),t.width=Lo.parse(t.width),t.height=Lo.parse(t.height),t}},{key:"toString",value:function(){var t=this.json,e=t.src,n=t.x,r=t.y,i=t.width,a=t.height,o=t.alignment,s=t.scaleing;return"<feImage ".concat(ta({x:n,y:r,width:i,height:a,"xlink:href":e,preserveAspectRatio:"".concat(o," ").concat(s)})," ").concat(this.getDefaultAttribute()," />")}}]),e}(Ab);function bk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function kk(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bk(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}mk.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:Lo.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 xk=["result"],wk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,kk({itemType:"svgfilter",result:""},t))}},{key:"getDefaultAttribute",value:function(){var t=this;return xk.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()," />")}}],[{key:"parse",value:function(t){return new(0,Sk[t.type])(t)}}]),e}(Pc),Sk={Image:mk,Tile:gk,Saturate:fk,HueRotate:vk,LuminanceAlpha:yk,DropShadow:dk,SourceGraphic:sk,SourceAlpha:ck,BackgroundImage:lk,BackgroundAlpha:uk,FillPaint:hk,StrokePaint:pk,ComponentTransfer:Wb,DistantLight:Ub,PointLight:Zb,SpotLight:qb,DiffuseLighting:Qb,SpecularLighting:ek,Blend:rk,Offset:nk,RotaMatrix:zb,GaussianBlur:_b,Flood:Kb,Merge:Fb,Composite:Bb,Morphology:Gb,Turbulence:Hb,DisplacementMap:Nb,ColorMatrix:Xb,ConvolveMatrix:Yb},Pk={Image:mk.spec,Tile:gk.spec,DropShadow:dk.spec,Saturate:fk.spec,HueRotate:vk.spec,LuminanceAlpha:yk.spec,Offset:nk.spec,ComponentTransfer:Wb.spec,SpecularLighting:ek.spec,SpotLight:qb.spec,PointLight:Zb.spec,DistantLight:Ub.spec,DiffuseLighting:Qb.spec,Blend:rk.spec,RotaMatrix:zb.spec,Merge:Fb.spec,GaussianBlur:_b.spec,Flood:Kb.spec,Morphology:Gb.spec,Composite:Bb.spec,Turbulence:Hb.spec,DisplacementMap:Nb.spec,ColorMatrix:Xb.spec,ConvolveMatrix:Yb.spec};function jk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ok(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jk(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var $k=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{TextEditor:Vb,NumberRangeEditor:pb,SelectEditor:km}}},{key:"initState",value:function(){return Ok({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(t){var e=t.split(" "),n=$()(e),r=n[0],i=n.slice(1);if("linear"===r)var a=j()(i,2),o=a[0],s=a[1];else if("gamma"===r)var c=j()(i,3),l=c[0],u=c[1],h=c[2];return{type:r,values:i,slop:o,intercept:s,amplitude:l,exponent:u,offset:h}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:Vs("$body"),value:function(){var t=this,e=this.state,n=e.type,r=e.label,i=r?"has-label":"";return'\n        <object refClass="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(i,"' 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                <object refClass=\"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                            <object refClass="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                            <object refClass="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:um("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(E()(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(Ok({},this.parse(t)))}},{key:um("changeValues"),value:function(t,e){this.updateData(S()({},t,e.split(" ")))}},{key:um("changeLinear"),value:function(t,e){this.updateData(S()({},t,e))}},{key:um("changeGamma"),value:function(t,e){this.updateData(S()({},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)}}]),e}(hm),Ck={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"},Ek=Object.keys(Ck).map((function(t){return{title:t,values:Ck[t]}})),Tk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{values:Jr(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:Ls("$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:Vs("$sample"),value:function(){return Ek.map((function(t,e){return"<div class='sample-item' title='".concat(t.title,"' data-index=\"").concat(e,'">').concat(t.title,"</div>")}))}},{key:Yo("$sample .sample-item"),value:function(t){var e=+t.$dt.attr("data-index"),n=Ek[e];this.updateData({values:Jr(n.values)}),this.load("$body")}},{key:Vs("$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:ts("$body input"),value:function(t){var e=t.$dt,n=+e.attr("data-index"),r=+e.value;this.state.values[n]=r,this.updateData()}}]),e}(hm),Vk={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"}]}]},Mk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$body"),value:function(){var t=this.$selection.currentProject;if(t)return"\n            <div class='preview-container'>\n                <img src=\"".concat(t.getImageValueById(this.state.value)||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:Qo("$file"),value:function(t){var e=this,n=E()(t.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(t){e.trigger("changeImageSelectEditor",t)}))}},{key:Yo("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:um("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)}}]),e}(hm);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}var Ik=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getBlendList",value:function(){var t=this;return Vm.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?Dk(Object(n),!0).forEach((function(e){S()(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}({},Bs()(So()(e.prototype),"initState",this).call(this),{options:this.getBlendList()})}}]),e}(km);function Lk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Lk(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Lk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Ak=[{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"}]}],zk=[{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 Fk(t){switch(t){case"SpecularLighting":return Qg.specular;case"DiffuseLighting":return Qg.diffuse;case"SourceGraphic":case"SourceAlpha":return Qg.image;case"BackgroundImage":case"BackgroundAlpha":return Qg.outline_image;case"Flood":return Qg.palette;case"Image":return Qg.landscape;case"GaussianBlur":return Qg.blur;case"ColorMatrix":return Qg.blur_linear;case"Turbulence":return Qg.waves;case"Saturate":return Qg.vintage;case"HueRotate":return Qg.looks;case"LuminanceAlpha":return Qg.opacity;case"DropShadow":return Qg.shadow;case"Morphology":return Qg.broken_image;case"ConvolveMatrix":return Qg.camera_roll;case"Offset":return Qg.transform;case"Tile":return Qg.view_comfy;case"Blend":return Qg.gradient;case"Composite":return Qg.merge;case"Merge":return Qg.settings_input_component;case"DisplacementMap":return Qg.texture}return""}function Bk(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 Gk=[45],Hk=[20],Nk={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},Xk={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(Xk).forEach((function(t){Xk[t]=Xk[t].map((function(t){return t+20}))}));var Yk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{BlendSelectEditor:Ik,ColorMatrixEditor:Tk,InputArrayEditor:Mb,NumberRangeEditor:pb,RangeEditor:xm,ColorViewEditor:Om,SelectEditor:km,TextEditor:Vb,FuncFilterEditor:$k,ImageSelectEditor:Mk}}},{key:"makeFilterSelect",value:function(){var t=this;return("\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(ra(Ak,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(ra(e.items,(function(e){return'\n                <div class=\'item\' draggable="true" value="'.concat(e.value,"\">\n                  <span class='icon'>").concat(Fk(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(ra(zk,(function(e){return"\n          <div class='group' label=\"".concat(t.$i18n(e.label),'">\n            ').concat(ra(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:Yo("$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:Uo("$filterSelect .item"),value:function(t){var e=t.$dt.attr("value");t.dataTransfer.setData("filter/type",e)}},{key:qo("$connectedLinePanel")+Es,value:function(){}},{key:Zo("$connectedLinePanel")+Es,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=Vk[t];e&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(e)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(t){return Pk[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          <object refClass="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          <object refClass="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          <object refClass="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 i=t.options;return Bi(t.options)&&(i=t.options(this.state.filters)),'\n          <div>\n            <object refClass="SelectEditor"  \n              ref=\'$select'.concat(r,"' \n              label=\"").concat(t.title,"\"\n              options='").concat(i,"' \n              key=\"").concat(n,"\"\n              value='").concat(e[n].toString(),'\' \n              onchange="changeRangeEditor"             \n            />\n          </div>\n          ')}return"text"===t.inputType?'\n        <div>\n          <object refClass="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          <object refClass="NumberRangeEditor"  \n            ref=\'$numberrange'.concat(r,"' \n            label=\"").concat(t.title,"\" \n            layout='block'             \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          <object refClass="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          <object refClass="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          <object refClass="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        <object refClass="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(Qg.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(Ti(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:Vs("$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 wk.parse(t)}))}},{key:"makeFilter",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return wk.parse(Rk({},e,{type:t}))}},{key:Yo("$filterSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.makeFilterNode(e)}},{key:Yo("$filterTemplateSelect .item[value]"),value:function(t){var e=t.$dt.attr("value");this.applyTemplate(e)}},{key:Yo("$filterList .filter-menu .del"),value:function(t){this.removeFilter(this.state.selectedFilter.id)}},{key:Vs("$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:ss("$graphPanel .filter-node")+$s()+Cs(),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=Ro.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 i=this.state.selectedFilter;this.startXY=Xi(i.bound)}if("in"===this.pointType||"out"===this.pointType){var a=r.rect(),o=a.x-e.x,s=a.y-e.y,c=o+a.width/2,l=s+a.height/2;this.startXY={x:c,y:l}}this.startXY.dx=0,this.startXY.dy=0,this.load("$dragLinePanel")}},{key:Vs("$dragLinePanel"),value:function(){if("in"===this.pointType||"out"===this.pointType){var t=this.startXY,e=t.x,n=t.y,r=t.dx,i=t.dy;return('\n      <svg>\n        <path \n          class="drag-line"\n          fill="transparent"\n          stroke-width="1"\n          d="\n            M'.concat(e,",").concat(n,"\n            L").concat(e+r,",").concat(n+i,' \n            Z\n          "\n        />\n      </svg>\n      '))}return""}},{key:"makeConnectedPath",value:function(t){var e=new Xu,n=t[0],r=t[t.length-1];if(!n)return"";if(!r)return"";var i=Math.abs(n.x-r.x)/2;return e.M(n).C({x:n.x+i,y:n.y},{x:r.x-i,y:r.y},r),e.d}},{key:"createPath",value:function(t,e){if(e.path)return e.path;var n=t.bound.x+Gk[0],r=t.bound.y+Hk[0],i=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))})),a="".concat(i.it.getInCount()),o=i.it.in.map((function(t,e){return{it:t,index:e}})).find((function(e){return!!e&&(!!e.it&&e.it.id===t.id)}));if(!o)return[];var s=o.index;return[{x:n,y:r},{x:i.it.bound.x+Nk[a][0],y:i.it.bound.y+Xk[a][s]}]}},{key:Vs("$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),i=Bk(e.type);return'\n              <path \n                class="connected-line"\n                data-source-type="'.concat(i,'"\n                d="').concat(t.makeConnectedPath(r),'"\n              />\n\n              ').concat(r.length&&'\n                <circle \n                  data-source-type="'.concat(i,'"\n                  data-target-id="').concat(n.id,'"\n                  data-source-id="').concat(e.id,'"\n                  class="connected-remove-circle"\n                  cx="').concat((r[0].x+r[1].x)/2,'"\n                  cy="').concat((r[0].y+r[1].y)/2,'"\n                />\n              '),"\n              \n            ")})).join("")})).join(""),"\n      </svg>\n    "))}},{key:Yo("$connectedLinePanel .connected-remove-circle"),value:function(t){var e=t.$dt.attrs("data-target-id","data-source-id"),n=j()(e,2),r=n[0],i=n[1],a=this.state.filters;a.filter((function(t){return t.id===i})).forEach((function(t){t.connected=t.connected.filter((function(t){return t.id!=r}))})),a.filter((function(t){return t.id===r})).forEach((function(t){t.in=t.in.map((function(t){return t&&t.id==i?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"),i=Ro.create(r.target),a=i.closest("filter-node");if("out"===this.pointType){if(i.hasClass("in"))if(s=this.state.filters[+a.attr("data-index")])if(!s.hasLight()&&n.isLight());else{var o=+i.attr("data-index");s.in[o]||(s.setIn(o,n),n.setConnected(s))}}else if("in"===this.pointType){var s;if(i.hasClass("out"))(s=this.state.filters[+a.attr("data-index")])&&(n.hasLight()&&!s.isLight()||n.in[this.pointIndex]||(n.setIn(this.pointIndex,s),s.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:Lo.px(n.bound.x),top:Lo.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(ea({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(Qg.close,"</div>\n          <div class='preview' data-source-type=\"").concat(Bk(e.type),"\" data-filter-type='").concat(e.type,"'>").concat(Fk(e.type),"</div>\n          <div class='in-list'>\n            ").concat(Ki(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(Qg.chevron_right,"</div>\n          ").concat(e.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:um("changeSVGFilterColorViewEditor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e,n)}},{key:um("changeFuncFilterEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(S()({},t,e)),this.modifyFilter()}},{key:um("changeRangeEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(S()({},t,e)),this.modifyFilter()}},{key:um("changeTextEditor"),value:function(t,e){var n=this.state.selectedFilter;n&&n.reset(S()({},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:Yo("$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)}}]),e}(hm),_k=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Ls("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:Vs("$body"),value:function(){var t=this;return Object.keys(Qg).map((function(e){var n=Qg[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:Yo("$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)}}]),e}(hm),Kk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{IconListViewEditor:_k}}},{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            <object refClass=\"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:Yo("$fit"),value:function(){this.updateData({fit:this.refs.$fit.checked()})}},{key:um("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})}}]),e}(hm),Wk=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],Uk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:xm}}},{key:"initState",value:function(){var t=Eu.parse(this.props.value),e=j()(t,5),n=e[0],r=e[1],i=e[2],a=e[3],o=e[4];return{isAll:1===n,all:r.clone(),top:r.clone(),right:i.clone(),bottom:a.clone(),left:o.clone()}}},{key:"template",value:function(){return"<div class='direction-editor' ref='$body'></div>"}},{key:um("changeBorderRadius"),value:function(t,e){var n=this;"all"===t&&Wk.forEach((function(t){n.state[t.key]=e.clone(),n.children["$".concat(t.key)].setValue(e.clone())})),this.updateData(S()({},t,e))}},{key:Vs("$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(Qg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Qg.border_inner,'\n          </button>\n        </div>\n        <div class="radius-value">\n          <object refClass="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(Wk.map((function(e){var n=t.state[e.key];return('\n              <div>\n                  <object refClass="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:Yo("$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})}}]),e}(hm),Zk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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()})),i=(this.props.colors||"").split(e).map((function(t){return t.trim()})),a=this.props.value||"";return{keyValueChar:t,label:this.props.label||"",compact:"true"===this.props.compact,options:n,icons:r,colors:i,value:a}}},{key:"template",value:function(){var t=this.state,e=t.label,n=t.compact?"compact":"";return"\n            <div class='select-icon-editor ".concat(e?"has-label":"","'>\n                ").concat(e?'<label title="'.concat(e,'">').concat(e,"</label>"):"","\n                <div class='items ").concat(n,"' ref='$options'></div>\n            </div>\n        ")}},{key:Yo("$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:Vs("$options")+Ss,value:function(){var t=this;return this.state.options.map((function(e,n){var r=e,i=e,a="";if((c=e).includes(t.state.keyValueChar)){var o=c.split(t.state.keyValueChar),s=j()(o,2),c=s[0];r=s[1]}var l=c===t.state.value,u=l?"selected":"";if(""===e){r=Qg.close;i="close"}else{var h=t.state.icons[n];Qg[h]&&(a="icon"),i=r,r=Qg[h]||r||h||e}var p=t.state.colors[n],d={};return l&&p&&(d["background-color"]=p),"<div class='select-icon-item ".concat(u," ").concat(a,"' style='").concat(Ji(d),"' data-value=\"").concat(c,"\" title='").concat(i,"'>").concat(r,"</div>")}))}},{key:Yo("$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)}}]),e}(hm);function qk(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Jk(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?qk(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):qk(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var Qk=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Jk({},t))}},{key:Ls("$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:Yo("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:um("changeBackgroundPositionPattern"),value:function(t,e){e.id===this.id&&this.updateData(Jk({},t))}}]),e}(hm);function tx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var ex=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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?tx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):tx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t))}},{key:Ls("$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:Yo("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:um("changeGradientSingle"),value:function(t,e){this.updateData({image:t}),this.refresh()}}]),e}(hm),nx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:qp.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:qp.parseImage(t)})}},{key:Ls("$fillView"),value:function(){var t=this.state.image;return t?{innerHTML:t.toSVGString(this.fillId)}:{innerHTML:""}}},{key:Ls("$fillColor"),value:function(){var t=this.state.image;return t?{fill:t.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:Ls("$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:Yo("$preview"),value:function(t){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:um("changeFillSingle"),value:function(t,e){this.updateData({image:qp.parseImage(t)}),this.refresh()}},{key:"fillId",get:function(){return this.id+"fill"}}]),e}(hm);function rx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var ix=["static-gradient","linear-gradient","radial-gradient","image-resource"],ax={"image-resource":Qg.photo},ox={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%"}},sx=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],cx=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],lx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{InputRangeEditor:Hm,RangeEditor:xm,SelectIconEditor:Zk,SelectEditor:km}}},{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:qp.parseImage(this.props.value||"transparent")||Np.create()}}},{key:"setValue",value:function(t){this.setState({cachedRect:null,image:qp.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(Qg.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(Qg.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(Qg.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(Qg.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(Qg.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(Qg.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(Qg.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(Qg.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(ix.map((function(t){return"<span class='picker-tab-item ".concat(t,"' data-editor='").concat(t,"'><span class='icon'>").concat(ax[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              <object refClass="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                  <object refClass=\"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                  <object refClass=\"SelectEditor\"  label='Pattern' ref='$patternUnits' options='userSpaceOnUse' key='patternUnits' onchange='changeKeyValue' />\n                </div>                  \n                ").concat(cx.map((function(n){var r=t.$i18n("fill.editor."+n);return("\n                    <div data-editor='".concat(n,"'>\n                      <object refClass=\"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(Di(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:Qo("$file"),value:function(t){var e=this;this.$selection.currentProject&&E()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t,(function(t){e.trigger("setImageUrl",t)}))}))}},{key:Yo("$el .preset-position [data-value]"),value:function(t){var e=t.$dt.attr("data-value");ox[e]&&(this.state.image.reset(ox[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 Lo.parse(this.getImageFieldValue(this.state.image,t))}},{key:Ls("$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:Ls("$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:Ls("$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:Ls("$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:Ls("$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:ss("$pointerDrawArea circle[data-type]")+$s("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,i=t.height,a=t.x,o=t.y;return a>e?e=a:a+r<e&&(e=a+r),o>n?n=o:o+i<n&&(n=o+i),{left:Lo.percent((e-a)/r*100),top:Lo.percent((n-o)/i*100)}}},{key:"moveDragPointer",value:function(t,e){var n=this.startXY.x+t,r=this.startXY.y+e,i=this.getRectRate(this.containerRect,n,r),a=i.left,o=i.top;"start"==this.type?(this.state.image.reset({x1:a,y1:o}),this.children.$x1.setValue(a),this.children.$y1.setValue(o),this.bindData("$startPoint"),this.bindData("$line")):"end"==this.type?(this.state.image.reset({x2:a,y2:o}),this.children.$x2.setValue(a),this.children.$y2.setValue(o),this.bindData("$endPoint"),this.bindData("$line")):"center"==this.type?(this.state.image.reset({cx:a,cy:o}),this.children.$cx.setValue(a),this.children.$cy.setValue(o),this.bindData("$centerPoint")):"f"==this.type&&(this.state.image.reset({fx:a,fy:o}),this.children.$fx.setValue(a),this.children.$fy.setValue(o),this.bindData("$fPoint")),this.bindData("$gradientView"),this.updateData()}},{key:Yo("$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,i={};sx.forEach((function(t){i[t]=e.children["$".concat(t)].getValue()})),this.state.image=qp.changeImageType(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?rx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):rx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({type:n,url:r,colorsteps:this.state.image.colorsteps||[]},i)),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:um("changeKeyValue"),value:function(t,e){this.state.image.reset(S()({},t,e)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:um("changeColorStepOffset"),value:function(t,e){this.currentStep&&(this.currentStep.percent=e.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:Yo("$back"),value:function(t){var e=this.refs.$stepList.rect(),n=e.x,r=e.right,i=t.xy.x;i<n?i=n:i>r&&(i=r);var a=(i-n)/e.width*100;this.state.image.insertColorStep(a),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:Ls("$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:Ls("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:Ls("$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:Vs("$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(Lo.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:ss("$stepList .step")+$s(),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,i=n.right,a=this.startXY.x+t;a<r?a=r:a>i&&(a=i);var o=(a-r)/n.width*100;this.currentStep.percent=o,this.children.$range.setValue(Lo.percent(o)),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(wl.toColorString(t.colorsteps),")")}},{key:um("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:um("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"}}]),e}(hm),ux=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(Qg.remove,"</button>\n            </div>\n        ")}},{key:Yo("$remove"),value:function(t){this.updateData({value:""})}},{key:Yo("$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:Ls("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Vs("$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((a=e).includes(":")){var r=a.split(":"),i=j()(r,2),a=i[0];n=i[1]}""===n?n=t.props["none-value"]?t.props["none-value"]:"":"-"===n&&(n="----------",a="");var o=a===t.state.value?"selected":"";return"<option ".concat(o,' value="').concat(a,'">').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:Qo("$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:um("refreshSVGArea")+Ps(1e3),value:function(){this.load("$options")}},{key:um("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:um("changeSVGFilterEditorRealUpdate"),value:function(t){var e=this.$selection.currentProject;e&&(e.setSVGFilterValue(t.index,{filters:t.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}]),e}(hm);Qs({SVGFilterSelectEditor:ux});var hx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){var t=this.props.value;return{label:this.props.label||"",height:Lo.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:Ls("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:ts("$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)}}]),e}(hm);function px(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function dx(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?px(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):px(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}Qs({TextAreaEditor:hx});var fx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectIconEditor:Zk}}},{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 dx({},Qi(this.props.value))}},{key:"setValue",value:function(t){this.setState(dx({},Qi(t)))}},{key:"getValue",value:function(){return Ji(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Vs("$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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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:um("changeKeyValue"),value:function(t,e,n){this.setState(S()({},t,e),!1),this.modifyData()}}]),e}(hm),vx=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,yx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:km,NumberInputEditor:Jm,InputRangeEditor:Hm}}},{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=vx.exec(t));){var r=e[0];if("auto"===r)n.push({type:"auto",count:0,value:"0px"});else if(r.includes("repeat")){var i=r.split("repeat(")[1].split(")");i.pop();var a=i.join("").split(","),o=$()(a),s=o[0],c=o.slice(1);n.push({type:"repeat",count:s,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                    <object refClass=\"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                    <object refClass="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                    <object refClass=\"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(Qg.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(Qg.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:Vs("$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(Qg.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:Yo("$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:Yo("$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:Yo("$add"),value:function(){this.trigger("add")}},{key:um("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:um("changeKeyValue"),value:function(t,e,n){var r=+n,i=this.state.list[r];i&&("type"===t&&this.refs.$list.$('[data-index="'.concat(r,'"]')).attr("data-repeat-type",e),i[t]=e),this.modifyData()}}]),e}(hm),gx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:xm}}},{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 Lo.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                    <object refClass=\"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:Vs("$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:um("changeKeyValue"),value:function(t,e){this.state.value=e,this.modifyData()}}]),e}(hm);function mx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function bx(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?mx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):mx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var kx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectIconEditor:Zk,GridBoxEditor:yx,GridGapEditor:gx}}},{key:"initState",value:function(){return bx({},Qi(this.props.value))}},{key:"setValue",value:function(t){this.setState(bx({},Qi(t)))}},{key:"getValue",value:function(){return Ji(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Vs("$body"),value:function(){return"\n            <div class='grid-layout-item'>\n                <object refClass=\"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                <object refClass=\"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                <object refClass=\"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                <object refClass=\"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:um("changeKeyValue"),value:function(t,e,n){this.setState(S()({},t,e),!1),this.modifyData()}}]),e}(hm);function xx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var wx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectIconEditor:Zk}}},{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Qi(this.props.value))}},{key:"setValue",value:function(t){this.setState(Qi(t))}},{key:"getValue",value:function(){return Ji(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Vs("$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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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:um("changeKeyValue"),value:function(t,e,n){this.setState(S()({},t,e),!1),this.modifyData()}}]),e}(hm);function Sx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var Px=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectIconEditor:Zk}}},{key:"initState",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Sx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Sx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Qi(this.props.value))}},{key:"setValue",value:function(t){this.setState(Qi(t))}},{key:"getValue",value:function(){return Ji(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Vs("$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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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:um("changeKeyValue"),value:function(t,e,n){this.setState(S()({},t,e),!1),this.modifyData()}}]),e}(hm);function jx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Ox(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?jx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):jx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var $x=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{index:this.props.index,x:Lo.parse(this.props.x),y:Lo.parse(this.props.y),width:Lo.parse(this.props.width),height:Lo.parse(this.props.height),lineWidth:Lo.parse(this.props.linewidth),lineHeight:Lo.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(Ox({},t))}},{key:Ls("$miniView"),value:function(){var t=Ox({},this.state);return this.state.width.value>80&&(t.width=Lo.px(80),t.x=Lo.px(t.x.value/this.state.width.value/80)),this.state.height.value>80&&(t.height=Lo.px(80),t.y=Lo.px(this.state.y.value/this.state.height.value/80)),{cssText:up.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:Yo("$preview"),value:function(t){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showPatternInfoPopup",{changeEvent:"changePatternInfo",data:this.state,instance:this})}},{key:um("changePatternInfo"),value:function(t){this.updateData(Ox({},t))}}]),e}(hm),Cx=[{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)"}]}}],Ex={MediaProgressEditor:$b,BlendSelectEditor:Ik,PatternEditor:function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:km,ColorSingleEditor:jm,PatternSizeEditor:$x}}},{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 up.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(Qg.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        "))}},{key:Vs("$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                <object refClass="PatternSizeEditor" \n                    key="pattern-size"\n                    ref="$bp').concat(n,'"\n                    type="').concat(e.type,'"\n                    x="').concat(e.x,'"\n                    y="').concat(e.y,'"\n                    width="').concat(e.width,'"\n                    height="').concat(e.height,'"\n                    index="').concat(n,'"\n                    foreColor="').concat(e.foreColor,'"\n                    backColor="').concat(e.backColor,'"\n                    blendMode="').concat(e.blendMode,'"\n                    lineWidth="').concat(e.lineWidth,'"\n                    lineHeight="').concat(e.lineHeight,"\"\n                    onchange='changePatternSizeInfo' />\n                <div class='tools'>\n                    <button type=\"button\" class='remove' title='Remove a pattern' data-index='").concat(n,"'>").concat(Qg.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var t=up.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,t)}},{key:um("add"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",e=Cx.find((function(e){return e.key===t}));e&&(this.state.patterns.push.apply(this.state.patterns,up.parseStyle(e.execute()[0].pattern)),this.refresh(),this.modifyPattern())}},{key:Yo("$add"),value:function(){this.trigger("add")}},{key:Uo("$patternList .pattern-item"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:qo("$patternList .pattern-item")+Es,value:function(t){}},{key:"sortItem",value:function(t,e,n){t.splice.apply(t,[n+(e<n?-1:0),0].concat(E()(t.splice(e,1))))}},{key:"sortPattern",value:function(t,e){this.sortItem(this.state.patterns,t,e)}},{key:Zo("$patternList .pattern-item")+Es,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:Yo("$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:um("changePatternSizeInfo")+Ps(10),value:function(t,e,n){this.state.patterns[n].reset(e),this.modifyPattern(),this.refresh()}}]),e}(hm),PatternSizeEditor:$x,GridGapEditor:gx,NumberInputEditor:Jm,GridLayoutItemEditor:Px,GridBoxEditor:yx,FlexLayoutItemEditor:wx,GridLayoutEditor:kx,FlexLayoutEditor:fx,TextAreaEditor:hx,ColorMatrixEditor:Tk,FuncFilterEditor:$k,SVGFilterSelectEditor:ux,FillEditor:lx,FillSingleEditor:nx,BorderEditor:Ob,BorderValueEditor:Sb,GradientSingleEditor:ex,BackgroundPositionEditor:Qk,OffsetPathListEditor:bb,PolygonDataEditor:mb,PathDataEditor:gb,StrokeDashArrayEditor:vb,InputRangeEditor:Hm,SelectIconEditor:Zk,ImageSelectEditor:Mk,IconListViewEditor:_k,InputArrayEditor:Mb,DirectionEditor:Uk,SVGClipPathEditor:Kk,NumberRangeEditor:pb,TextEditor:Vb,SVGFilterEditor:Yk,CircleEditor:Tb,BackgroundImageEditor:mm,BoxShadowEditor:bm,BorderRadiusEditor:Pm,ColorSingleEditor:jm,ColorViewEditor:Om,CubicBezierEditor:$m,FilterEditor:Gm,GradientEditor:Wm,IterationCountEditor:Zm,OffsetEditor:Eb,CSSPropertyEditor:Cb,PerspectiveOriginEditor:hb,RangeEditor:xm,SelectEditor:km,TextShadowEditor:fb,TransformEditor:rb,TransformOriginEditor:sb,VarEditor:qm},Tx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return Ex}},{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(Qg.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:Yo("$close"),value:function(){this.$el.hide()}},{key:ss("$title")+$s("movePopupTitle")+Cs("endPopupTitle"),value:function(){this.x=Lo.parse(this.$el.css("left")),this.y=Lo.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(t,e){var n=Lo.px(this.x.value+t),r=Lo.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"),i=this.$el.css("left"),a="auto"!==r?Lo.parse(r):Lo.px(110),o="auto"!==i?Lo.parse(i):Lo.px(document.body.clientWidth-n-e-t);this.$el.css({top:a,left:o,"z-index":this.$editor.zIndex}).show("inline-block")}},{key:"hide",value:function(){this.$el.hide()}},{key:um("hidePropertyPopup"),value:function(){this.hide()}}]),e}(hm);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}var Mx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:Lo.z(),offsetY:Lo.z(),blurRadius:Lo.z(),spreadRadius:Lo.z()}}},{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:Vs("$popup"),value:function(){return'\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=\"popup-item offset-x\">\n          <object refClass=\"RangeEditor\"  ref='$offsetX' label='X' key='offsetX' value=\"").concat(this.state.offsetX,"\" onchange='changeRangeEditor' />\n        </div>\n        <div class=\"popup-item offset-y\">\n          <object refClass=\"RangeEditor\"  ref='$offsetY' label='Y' key='offsetY' value=\"").concat(this.state.offsetY,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class=\"popup-item blur-radius\">\n          <object refClass=\"RangeEditor\"  ref='$blurRadius' label='Blur' key='blurRadius' value=\"").concat(this.state.blurRadius,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class=\"popup-item spread-radius\">\n          <object refClass=\"RangeEditor\"  ref='$spreadRadius' label='Spread' key='spreadRadius' value=\"").concat(this.state.spreadRadius,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class='popup-item'>\n          <object refClass=\"ColorViewEditor\" \n              ref='$foreColor' \n              label=\"color\" \n              key='color' \n              value=\"").concat(this.state.color,'"\n              onchange="changeRangeEditor" />\n        </div>        \n      </div>\n    ')}},{key:Yo("$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:ss("$popup .drag-board")+$s("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,i=this.boardWidth/2,a=this.boardHeight/2,o=n-i,s=r-a;o<-i?o=-i:o>i&&(o=i),s<-a?s=-a:s>a&&(s=a),o=Math.floor(o),s=Math.floor(s),this.getRef("$offsetX").val(o),this.getRef("$offsetY").val(s),this.updateData({offsetX:Lo.px(o),offsetY:Lo.px(s)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:um("changeRangeEditor"),value:function(t,e){this.updateData(S()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:um("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?Vx(Object(n),!0).forEach((function(e){S()(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}({},t,{params:e})),this.refresh(),this.show(432)}},{key:um("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}]),e}(Tx);Qs({BoxShadowPropertyPopup:Mx});var Dx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:Lo.z(),offsetY:Lo.z(),blurRadius:Lo.z()}}},{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:Vs("$popup"),value:function(){return'\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 class='popup-item'>\n          <object refClass=\"RangeEditor\"  ref='$offsetX' label='Offset X' key='offsetX' min=\"-100\" max='100' value='").concat(this.state.offsetX,"' onchange='changeShadow' />\n        </div>\n        <div class='popup-item'>\n          <object refClass=\"RangeEditor\"  ref='$offsetY' label=\"Offset Y\" key='offsetY' min=\"-100\" max='100' value='").concat(this.state.offsetY,"' onchange='changeShadow' />\n        </div>\n        <div class='popup-item'>\n          <object refClass=\"RangeEditor\"  ref='$blurRadius' label=\"Blur Radius\" key='blurRadius' value='").concat(this.state.blurRadius,"' onchange='changeShadow' />\n        </div>\n        <div class='popup-item'>\n          <object refClass=\"ColorViewEditor\" \n              ref='$foreColor' \n              label=\"color\" \n              key='color' \n              value=\"").concat(this.state.color,'"\n              onchange="changeShadow" />\n        </div>        \n      </div>\n    ')}},{key:um("changeShadow"),value:function(t,e){this.updateData(S()({},t,e)),"offsetX"!==t&&"offsetY"!==t||this.refreshPointer()}},{key:ss("$popup .drag-board")+$s("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,i=this.boardWidth/2,a=this.boardHeight/2,o=n-i,s=r-a;o<-i?o=-i:o>i&&(o=i),s<-a?s=-a:s>a&&(s=a),o=Math.floor(o),s=Math.floor(s),this.updateData({offsetX:Lo.px(o),offsetY:Lo.px(s)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:um("showTextShadowPropertyPopup"),value:function(t,e){this.changeEvent=t.changeEvent||"changeTextShadowPropertyPopup",this.params=e,this.setState(t,!1),this.refresh(),this.show(432)}},{key:um("hideTextShadowPropertyPopup"),value:function(){this.hide()}}]),e}(Tx);function Ix(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qs({TextShadowPropertyPopup:Dx});var Lx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"components",value:function(){return{SelectEditor:km,CubicBezierEditor:$m,RangeEditor:xm,IterationCountEditor:Zm}}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{}}}},{key:"updateData",value:function(t){this.state.data=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Ix(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ix(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.state.data,{},t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='animation-property-popup' ref='$popup'></div>"}},{key:Vs("$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      <object refClass="CubicBezierEditor" ref=\'$cubicBezierEditor\' key="timingFunction" value="').concat(this.state.data.timingFunction||"linear","\" 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:Vs("$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:Qo("$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        <object refClass=\"SelectEditor\"  \n            label='".concat(this.$i18n("animation.property.popup.direction"),"'\n            ref='$direction' \n            key='direction' \n            value=\"").concat(this.state.data.direction,"\"\n            options='").concat(e,"'\n            onChange='changeSelect'\n        /> \n      </div>\n    ")}},{key:um("changeSelect"),value:function(t,e){this.updateData(S()({},t,e))}},{key:"templateForPlayState",value:function(){return"\n    <div class='play-state'>\n      <object refClass=\"SelectEditor\"  \n          label='".concat(this.$i18n("animation.property.popup.play.state"),"'\n          ref='$playState' \n          key='playState' \n          value=\"").concat(this.state.data.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      <object refClass=\"SelectEditor\"  \n          label='".concat(this.$i18n("animation.property.popup.fill.mode"),"'\n          ref='$fillMode' \n          key='fillMode' \n          value=\"").concat(this.state.data.fillMode,"\"\n          options='").concat(e,"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <object refClass=\"RangeEditor\"  \n        ref='$delay' \n        label='".concat(this.$i18n("animation.property.popup.delay"),"' \n        calc='false' \n        key='delay' \n        value='").concat(this.state.data.delay,"' \n        units='s,ms' \n        onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <object refClass=\"RangeEditor\"  \n        ref='$duration' \n        label='".concat(this.$i18n("animation.property.popup.duration"),"'  \n        key='duration' \n        value='").concat(this.state.data.duration,"' \n        units='s,ms' \n        onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForIterationCount",value:function(){return"\n      <div class='iteration-count'>\n        <object refClass=\"IterationCountEditor\"\n          ref='$iterationCount' \n          label='".concat(this.$i18n("animation.property.popup.iteration"),"' \n          key='iterationCount' \n          value='").concat(this.state.iterationCount||"0","' \n          units='normal,infinite' \n          onChange=\"changeRangeEditor\" \n        />\n      </div>\n    ")}},{key:um("changeRangeEditor"),value:function(t,e){"iterationCount"===t&&(e="normal"===e.unit?Lo.number(e.value):Lo.string(e.unit)),this.updateData(S()({},t,e))}},{key:um("changeCubicBezier"),value:function(t,e){this.updateData(S()({},t,e))}},{key:um("showAnimationPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:um("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}]),e}(Tx);Qs({AnimationPropertyPopup:Lx});var Rx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{key:"components",value:function(){return{OffsetEditor:Eb}}},{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        <object refClass=\"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:ts("$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:um("changeOffsetEditor"),value:function(t){this.updateData(t)}},{key:um("showKeyframePopup"),value:function(t){this.setState(t),this.refresh(),this.show(240)}},{key:um("hideKeyframePopup"),value:function(){this.$el.hide()}}]),e}(Tx);Qs({KeyframePopup:Rx});var Ax=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{DirectionEditor:Uk,RangeEditor:xm}}},{key:"parseValue",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",e=t.split("round"),n=j()(e,2),r=n[0],i=n[1],a=Eu.parse(r),o=j()(a,5),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4];if(i)var p=Eu.parse(i),d=j()(p,5),f=d[0],v=d[1],y=d[2],g=d[3],m=d[4];return{isAll:1===s,top:c,right:l,bottom:u,left:h,round:i,isAllRadius:1===f,topRadius:v,rightRadius:y,bottomRadius:g,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,i=t.left,a=t.round,o=Lo.percent(Math.abs((i.value-(100-n.value))/2)).toPx(220),s=e.toPx(220),c=o.clone(),l=Lo.percent(100-r.value).toPx(220),u=Lo.percent(100-n.value).toPx(220),h=Lo.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),p=i.toPx(220),d=Lo.percent(Math.abs((e.value-(100-r.value))/2)).toPx(220),f=a?"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(o,";top: ").concat(s,";'></div>\n                <div class='drag-pointer' data-type='right' ref='$right' style='left: ").concat(u,";top: ").concat(h,";'></div>\n                <div class='drag-pointer' data-type='bottom' ref='$bottom' style='left: ").concat(c,";top: ").concat(l,";'></div>\n                <div class='drag-pointer' data-type='left' ref='$left' style='left: ").concat(p,";top: ").concat(d,";'></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(s,";width: ").concat(Lo.px(u.value-i.value),";height: ").concat(Lo.px(l.value-s.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(f," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:Ls("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:Yo("$hasRound"),value:function(t){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:Vs("$round"),value:function(){var t=this.state,e=[t.topRadius,t.rightRadius,t.bottomRadius,t.leftRadius].join(" ");return"<object refClass=\"DirectionEditor\" ref='$borderRadius' value='".concat(e,"' onchange='changeBorderRadius' />")}},{key:um("changeBorderRadius"),value:function(t){var e=j()(t,5),n=e[0],r=e[1],i=e[2],a=e[3],o=e[4];this.updateData({isAllRadius:1===n,topRadius:r,rightRadius:i,bottomRadius:a,leftRadius:o}),this.bindData("$clipAreaView")}},{key:"refreshPointer",value:function(){var t=this.state,e=t.top,n=t.right,r=t.bottom,i=t.left,a=Math.abs((i.value+(100-n.value))/2),o=Math.abs((e.value+(100-r.value))/2),s=Lo.percent(a).toPx(220),c=e.toPx(220),l=Lo.percent(a).toPx(220),u=Lo.percent(100-r.value).toPx(220),h=Lo.percent(100-n.value).toPx(220),p=Lo.percent(o).toPx(220),d=i.toPx(220),f=Lo.percent(o).toPx(220);this.refs.$top.css({left:s,top:c}),this.refs.$right.css({left:h,top:p}),this.refs.$bottom.css({left:l,top:u}),this.refs.$left.css({left:d,top:f}),this.refs.$clipArea.css({left:d,top:c,width:Lo.px(h.value-d.value),height:Lo.px(u.value-c.value)}),this.bindData("$clipAreaView")}},{key:ss("$area .clip-area-handle")+$s("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:Lo.parse(this.$target.css("left")),top:Lo.parse(this.$target.css("top")),width:Lo.parse(this.$target.css("width")),height:Lo.parse(this.$target.css("height"))}}},{key:"moveClipArea",value:function(t,e){var n=this.clipRect.width.value,r=this.clipRect.height.value,i=this.clipRect.left.value+t,a=this.clipRect.top.value+e;0>i?i=0:this.areaRect.width<i+n&&(i=this.areaRect.width-n),0>a?a=0:this.areaRect.height<a+r&&(a=this.areaRect.height-r);var o=Lo.px(i),s=Lo.px(a);this.updateData({top:s.toPercent(this.areaRect.height).round(100),bottom:Lo.px(this.areaRect.height-(a+r)).toPercent(this.areaRect.height).round(100),right:Lo.px(this.areaRect.width-(i+n)).toPercent(this.areaRect.width).round(100),left:o.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:ss("$area .drag-pointer")+$s(),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 i=Lo.px(n-this.areaRect.x),a=Lo.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:a.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:Lo.px(this.areaRect.height-a.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:Lo.px(this.areaRect.width-i.value).toPercent(this.areaRect.width).round(100)}):"left"===this.type&&this.updateData({left:i.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,i=t.bottom,a=t.round,o=t.topRadius,s=t.leftRadius,c=t.bottomRadius,l=t.rightRadius,u=[e,n,i,r].join(" "),h=[o,l,c,s].join(" ");return"".concat(u," ").concat(a&&h.trim()?"round ".concat(h):"")}},{key:"updateData",value:function(t){this.setState(t,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),e}(hm);function zx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var Fx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:xm}}},{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=t.trim().split(" "),i=j()(r,2),a=i[0],o=i[1];return{x:Lo.parse(a).toPx(e),y:Lo.parse(o).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:Vs("$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(Qg.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(e,'">').concat(Qg.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:Yo("$area")+Es,value:function(t){if(Ro.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:Lo.px(n-this.areaRect.left),y:Lo.px(r-this.areaRect.top)}),this.refresh()}}},{key:Yo("$inputList .pointer-item .remove"),value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:Yo("$inputList .pointer-item .copy"),value:function(t){var e=+t.$dt.attr("data-index");this.copyValue(e),this.refresh()}},{key:Ls("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:Vs("$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:Yo("$area .drag-pointer")+ws+Es,value:function(t){var e=+t.$dt.attr("data-index");this.removeValue(e),this.refresh()}},{key:ss("$area .drag-pointer")+$s(),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 i=Lo.px(n-this.areaRect.x),a=Lo.px(r-this.areaRect.y);this.$target.css({left:i,top:a}),this.updateValue(this.selectedIndex,{x:i,y:a});this.$x.val(i.toPercent(220).round(10).value),this.$y.val(a.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:Lo.px(n.value+10),y:Lo.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?zx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zx(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)}}]),e}(hm),Bx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{RangeEditor:xm}}},{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()})),i=j()(r,2);e=i[0],n=i[1]}else n=t.trim();var a=n.split(" "),o=j()(a,2),s=o[0],c=o[1];Di(c)&&(c=s),s=Lo.parse(s),c=Lo.parse(c);var l=e.split(" "),u=j()(l,2),h=u[0],p=u[1];return Di(p)&&(p=h),{radiusX:h=Lo.parse(h),radiusY:p=Lo.parse(p),x:s,y:c}}},{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                <object refClass=\"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                <object refClass=\"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:Ls("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:ss("$area")+$s()+Cs(),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 i=Lo.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=Lo.percent((r-this.areaRect.y)/this.areaRect.height*100).round(1);this.refs.$pointer.css({left:i,top:a}),this.updateData({x:i,y:a}),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){var t=this.state,e=t.x,n=t.y,r=t.radiusX,i=t.radiusY,a="".concat(e," ").concat(n),o="".concat(r," ").concat(i);return"".concat(o," at ").concat(a)}},{key:"updateData",value:function(t){this.setState(t),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:um("changeRangeEditor"),value:function(t,e){this.updateData(S()({},t,e.clone()))}}]),e}(hm),Gx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"ClipPath"}},{key:"components",value:function(){return{EllipseEditor:Bx,PolygonEditor:Fx,InsetEditor:Ax,SelectEditor:km,CircleEditor:Tb}}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return Du.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:Vs("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:Vs("$clippath"),value:function(){switch(this.state.type){case"circle":return"<object refClass=\"CircleEditor\" ref='$circle' key='circle' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"ellipse":return"<object refClass=\"EllipseEditor\" ref='$ellipse' key='ellipse' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"inset":return"<object refClass=\"InsetEditor\" ref='$inset' key='inset' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"polygon":return"<object refClass=\"PolygonEditor\" ref='$polygon' key='polygon' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"path":return"<object refClass=\"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),"<object refClass=\"SelectEditor\"  ref='$svg' key='svg' value='".concat(this.state.value,"' options='").concat(t,"' onchange='changeClipPath' />");default:return"<div class='type none'></div>"}}},{key:um("changeClipPath"),value:function(t,e){this.updateData({type:t,value:e})}},{key:um("showClipPathPopup"),value:function(t){this.state.changeEvent=t.changeEvent,this.setState(Du.parseStyle(t["clip-path"])),this.refresh(),this.show(220)}},{key:um("hideClipPathPopup"),value:function(){this.hide()}}]),e}(Tx);function Hx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qs({ClipPathPopup:Gx});var Nx=["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","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"],Xx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"Transition"}},{key:"components",value:function(){return{SelectEditor:km,CubicBezierEditor:$m,RangeEditor:xm}}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{timingFunction:"linear",duration:"0s",delay:"0s",name:"all"}}}},{key:"updateData",value:function(t){this.state.data=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Hx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Hx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.state.data,{},t),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='transition-property-popup' ref='$popup'></div>"}},{key:Vs("$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      <object refClass="CubicBezierEditor" ref=\'$cubicBezierEditor\' key="timingFunction" value="'.concat(this.state.data.timingFunction||"linear","\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:um("changeTransition"),value:function(t,e){this.updateData(S()({},t,e))}},{key:"templateForProperty",value:function(){return'\n      <div class=\'name\'>\n        <object refClass="SelectEditor"  ref=\'$property\' icon="true" label="Property" key=\'name\' value="'.concat(this.state.data.name,'" options="').concat(Nx.join(","),"\" onChange='changeTransition' /> \n      </div>\n    ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <object refClass=\"RangeEditor\"  ref='$delay' label='Delay' calc='false' key='delay' value='".concat(this.state.data.delay,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <object refClass=\"RangeEditor\"  ref='$duration' label='Duration'  calc='false' key='duration' value='".concat(this.state.data.duration,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:um("changeRangeEditor"),value:function(t,e){this.updateData(S()({},t,e))}},{key:um("changeCubicBezier"),value:function(t,e){this.updateData(S()({},t,e))}},{key:um("showTransitionPropertyPopup"),value:function(t){this.setState(t),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",t.data.timingFunction)}},{key:um("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}]),e}(Tx);Qs({TransitionPropertyPopup:Xx});var Yx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"SVG Property"}},{key:"components",value:function(){return{SVGFilterEditor:Yk,SVGClipPathEditor:Kk}}},{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:Vs("$editor"),value:function(){switch(this.state.type){case"filter":return'\n          <object refClass="SVGFilterEditor" ref=\'$filter\' title="SVG Filter" key="filter" onchange=\'changeFilterEditor\'>\n            <property name="value" type="json">'.concat(JSON.stringify(this.state.value),"</property>\n          </div>\n        ");case"clip-path":return'\n          <object refClass="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          </div>\n        ")}return""}},{key:um("changeFilterEditor"),value:function(t,e){this.updateData({value:e})}},{key:um("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:ts("$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:um("showSVGPropertyPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}},{key:um("hideSVGPropertyPopup"),value:function(){this.$el.hide()}}]),e}(Tx);Qs({SVGPropertyPopup:Yx});var _x=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{key:"components",value:function(){return{CSSPropertyEditor:Cb}}},{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"<object refClass=\"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:ts("$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(){Bs()(So()(e.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:um("changePropertyEditor"),value:function(t){this.updateData({properties:t})}},{key:um("showSelectorPopup"),value:function(t){this.setState(t),this.refresh(),this.show(250)}}]),e}(Tx);Qs({SelectorPopup:_x});var Kx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{hue:0,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:Ls("$bar"),value:function(){var t=this.state.hue;return{style:{left:Lo.percent(t/360*100)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:ss("$container")+$s("movePointer")+Cs("moveEndPointer"),value:function(t){this.rect=this.refs.$container.rect(),this.refreshColorUI()}},{key:"movePointer",value:function(){this.refreshColorUI()}},{key:"refreshColorUI",value:function(){var t=this.rect.left,e=this.rect.right,n=(Math.max(Math.min(e,this.$config.get("bodyEvent").clientX),t)-t)/(e-t);this.parent.changeColor({h:n*this.state.maxValue,type:"hsv"})}},{key:"setValue",value:function(t){this.setState({hue:t})}}]),e}(hm),Wx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{colorbar:po.parse("rgba(0, 0, 0, 1)"),opacity:0,minValue:0,maxValue:100}}},{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:Ls("$colorbar"),value:function(){var t=Xi(this.state.colorbar);t.a=0;var e=po.format(t,"rgb");t.a=1;var n=po.format(t,"rgb");return{style:{background:"linear-gradient(to right, ".concat(e,", ").concat(n,")")}}}},{key:Ls("$bar"),value:function(){var t=100*this.state.opacity;return{style:{left:Lo.percent(t)},class:{first:t<=this.state.minValue,last:t>=this.state.maxValue}}}},{key:ss("$container")+$s("movePointer")+Cs("moveEndPointer"),value:function(t){this.rect=this.refs.$container.rect(),this.refreshColorUI()}},{key:"movePointer",value:function(){this.refreshColorUI()}},{key:"refreshColorUI",value:function(){var t=this.rect.left,e=this.rect.right,n=(Math.max(Math.min(e,this.$config.get("bodyEvent").clientX),t)-t)/(e-t);this.parent.changeColor({a:n})}},{key:"setValue",value:function(t,e){this.setState({opacity:e,colorbar:t})}}]),e}(hm),Ux=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{value:"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return"<div class='color'></div>"}},{key:Ls("$el"),value:function(){return{style:{"background-color":this.state.value}}}},{key:"setValue",value:function(t){this.setState({value:t})}}]),e}(hm),Zx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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.changeFormat(this.format)}},{key:"goToFormat",value:function(t){this.format=t,"rgb"!==t&&"hsl"!==t||this.initFormat(),this.parent.changeFormat(this.format)}},{key:"getFormat",value:function(){return this.format||"hex"}},{key:"changeRgbColor",value:function(){this.parent.lastUpdateColor({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.lastUpdateColor({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:ts("$rgb_r"),value:function(t){this.changeRgbColor()}},{key:ts("$rgb_g"),value:function(t){this.changeRgbColor()}},{key:ts("$rgb_b"),value:function(t){this.changeRgbColor()}},{key:ts("$rgb_a"),value:function(t){this.changeRgbColor()}},{key:ts("$hsl_h"),value:function(t){this.changeHslColor()}},{key:ts("$hsl_s"),value:function(t){this.changeHslColor()}},{key:ts("$hsl_l"),value:function(t){this.changeHslColor()}},{key:ts("$hsl_a"),value:function(t){this.changeHslColor()}},{key:Wo("$hexCode"),value:function(t){var e=this.refs.$hexCode.val();"#"!=e.charAt(0)||7!=e.length&&9!==e.length||(this.parent.initColor(e),this.emit("lastUpdateColor"))}},{key:Yo("$formatChangeButton"),value:function(t){this.nextFormat()}},{key:Yo("$el .information-item.hex .input-field .title"),value:function(t){this.goToFormat("hex")}},{key:Yo("$el .information-item.rgb .input-field .title"),value:function(t){this.goToFormat("hsl")}},{key:Yo("$el .information-item.hsl .input-field .title"),value:function(t){this.goToFormat("rgb")}},{key:"setRGBInput",value:function(){this.refs.$rgb_r.val(this.manager.rgb.r),this.refs.$rgb_g.val(this.manager.rgb.g),this.refs.$rgb_b.val(this.manager.rgb.b),this.refs.$rgb_a.val(this.manager.alpha)}},{key:"setHSLInput",value:function(){this.refs.$hsl_h.val(this.manager.hsl.h),this.refs.$hsl_s.val(this.manager.hsl.s),this.refs.$hsl_l.val(this.manager.hsl.l),this.refs.$hsl_a.val(this.manager.alpha)}},{key:"setHexInput",value:function(){this.refs.$hexCode.val(this.manager.toString("hex"))}},{key:"setValue",value:function(){this.refresh()}},{key:"refresh",value:function(){this.setCurrentFormat(this.manager.format),this.setRGBInput(),this.setHSLInput(),this.setHexInput()}},{key:"manager",get:function(){return this.parent.manager}}]),e}(hm),qx=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{hueColor:"rgba(0, 0, 0, 1)",s:0,v:0}}},{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:"afterRender",value:function(){this.rect=this.$el.rect()}},{key:Ls("$el"),value:function(){return{style:{"background-color":this.state.hueColor}}}},{key:Ls("$drag_pointer"),value:function(){0===this.rect.width&&(this.rect=this.$el.rect());var t=this.rect.width*this.state.s,e=this.rect.height*(1-this.state.v);return{style:{left:Lo.px(t),top:Lo.px(e)}}}},{key:ss("$el")+$s("movePointer")+Cs("moveEndPointer"),value:function(t){this.rect=this.$el.rect(),this.refreshColorUI()}},{key:"movePointer",value:function(){this.refreshColorUI()}},{key:"moveEndPointer",value:function(){this.parent.changeEndColor()}},{key:"refreshColorUI",value:function(){var t=this.$config.get("bodyEvent"),e=this.rect.left,n=this.rect.right,r=this.rect.top,i=this.rect.bottom,a=i-r,o=(Math.min(n,Math.max(e,t.clientX))-e)/(n-e),s=(a-(Math.min(i,Math.max(r,t.clientY))-r))/a;this.parent.changeColor({type:"hsv",s:o,v:s})}},{key:"setValue",value:function(t,e,n){this.setState({s:t,v:e,hueColor:n})}}]),e}(hm);function Jx(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function Qx(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Jx(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Jx(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var tw=function(){function t(){go()(this,t),this.initialize()}return bo()(t,[{key:"initialize",value:function(){this.state={rgb:{},hsl:{},hsv:{},alpha:1,format:"hex"}}},{key:"changeFormat",value:function(t){this.state.format=t}},{key:"initColor",value:function(t){this.changeColor(t)}},{key:"changeColor",value:function(t){Ai(t=t||"#FF0000")&&(t=po.parse(t)),this.state.alpha=Di(t.a)?this.state.alpha:t.a,this.state.format="hsv"!=t.type&&t.type||this.state.format,"hsl"==t.type?(this.state.hsl=Qx({},this.state.hsl,{},t),this.state.rgb=po.HSLtoRGB(this.state.hsl),this.state.hsv=po.HSLtoHSV(t)):"hex"==t.type?(this.state.rgb=Qx({},this.state.rgb,{},t),this.state.hsl=po.RGBtoHSL(this.state.rgb),this.state.hsv=po.RGBtoHSV(t)):"rgb"==t.type?(this.state.rgb=Qx({},this.state.rgb,{},t),this.state.hsl=po.RGBtoHSL(this.state.rgb),this.state.hsv=po.RGBtoHSV(t)):"hsv"==t.type&&(this.state.hsv=Qx({},this.state.hsv,{},t),this.state.rgb=po.HSVtoRGB(this.state.hsv),this.state.hsl=po.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return vo.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 po.format(Qx({},e,{a:this.state.alpha}),t)}},{key:"toColor",value:function(t){return t=(t||this.state.format).toLowerCase(),this.toString(t)}},{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}}]),t}(),ew={title:"random",key:"random",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42,e=po.randomByCount(t).map((function(t){return{color:t}}));return e.sort((function(t,e){var n=po.parse(t.color),r=po.parse(e.color);return n.h>r.h?1:-1})),e}},nw=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(t){return{color:t}})),rw={title:"material red",key:"material-red",execute:function(){return nw}},iw=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(t){return{color:t}})),aw={title:"material pink",key:"material-pink",execute:function(){return iw}},ow=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(t){return{color:t}})),sw={title:"material purple",key:"material-purple",execute:function(){return ow}},cw=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(t){return{color:t}})),lw={title:"material deep purple",key:"material-deeppurple",execute:function(){return cw}},uw=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(t){return{color:t}})),hw={title:"material indigo",key:"material-indigo",execute:function(){return uw}},pw=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(t){return{color:t}})),dw={title:"material blue",key:"material-blue",execute:function(){return pw}},fw=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(t){return{color:t}})),vw={title:"material light blue",key:"material-lightblue",execute:function(){return fw}},yw=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(t){return{color:t}})),gw={title:"material cyan",key:"material-cyan",execute:function(){return yw}},mw=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(t){return{color:t}})),bw={title:"material teal",key:"material-teal",execute:function(){return mw}},kw=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(t){return{color:t}})),xw={title:"material green",key:"material-green",execute:function(){return kw}},ww=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(t){return{color:t}})),Sw={title:"material lightgreen",key:"material-lightgreen",execute:function(){return ww}},Pw=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(t){return{color:t}})),jw={title:"material lime",key:"material-lime",execute:function(){return Pw}},Ow=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(t){return{color:t}})),$w={title:"material yellow",key:"material-yellow",execute:function(){return Ow}},Cw=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(t){return{color:t}})),Ew={title:"material amber",key:"material-amber",execute:function(){return Cw}},Tw=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(t){return{color:t}})),Vw={title:"material orange",key:"material-orange",execute:function(){return Tw}},Mw=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(t){return{color:t}})),Dw={title:"material deep orange",key:"material-deeporange",execute:function(){return Mw}},Iw=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(t){return{color:t}})),Lw={title:"material brown",key:"material-brown",execute:function(){return Iw}},Rw=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(t){return{color:t}})),Aw={title:"material gray",key:"material-gray",execute:function(){return Rw}},zw=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(t){return{color:t}})),Fw={title:"material bluegray",key:"material-bluegray",execute:function(){return zw}},Bw=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(t){return{color:t}})),Gw=[ew,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return Bw}},rw,aw,sw,lw,hw,dw,vw,gw,bw,xw,Sw,jw,$w,Ew,Vw,Dw,Lw,Aw,Fw],Hw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:km}}},{key:"initState",value:function(){return{mode:"grid",preset:"random"}}},{key:"getTools",value:function(){var t=Gw.map((function(t){return"".concat(t.key,":").concat(t.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    '))}},{key:um("changePreset"),value:function(t,e){this.setState(S()({},t,e))}},{key:"template",value:function(){return"\n      <div class='color-assets-editor'>\n        <div class='color-assets-head'>\n          <label>".concat(this.$i18n("color.asset.property.title"),"</label>\n          <div class='tools'>").concat(this.getTools(),"</div>\n        </div>\n        <div class='color-list' ref='$colorList' data-view-mode='").concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:Vs("$colorList"),value:function(){var t=this,e=Gw.find((function(e){return e.key===t.state.preset}));return e?e.execute().map((function(t,e){return"\n        <div class='color-item' data-index=\"".concat(e,'" data-color="').concat(t.color,"\">\n          <div class='preview' title=\"").concat(t.color,'" data-index="').concat(e,"\">\n            <div class='color-view' style='background-color: ").concat(t.color,";'></div>\n          </div>\n        </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:Yo("$colorList .preview"),value:function(t){var e=t.$dt.$(".color-view").css("background-color");this.modifyColorPicker(e)}},{key:"modifyColorPicker",value:function(t){this.parent.trigger(this.props.onchange,this.props.key,t,this.props.params)}}]),e}(hm),Nw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"created",value:function(){this.manager=new tw}},{key:"initState",value:function(){var t=this.props.value||"rgba(0, 0, 0, 1)";return this.manager.initColor(t),{key:this.props.key,value:this.manager.toString()}}},{key:"updateData",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(t,!1),this.modifyColorPicker()}},{key:"modifyColorPicker",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"initColor",value:function(t,e){this.manager.changeColor(t,e),this.refresh()}},{key:"changeColor",value:function(t,e){this.manager.changeColor(t,e),this.refresh(),this.updateData({value:this.manager.toColor()})}},{key:um("selectColorAssets"),value:function(t,e){this.lastUpdateColor(e)}},{key:"changeFormat",value:function(t){this.manager.changeFormat(t),this.setState({value:this.manager.toColor()},!1),this.modifyColorPicker(),this.changeEndColor()}},{key:"lastUpdateColor",value:function(t,e){this.manager.changeColor(t,e),this.refresh(),this.setState({value:this.manager.toColor()},!1),this.modifyColorPicker(),this.changeEndColor()}},{key:"changeEndColor",value:function(){this.parent.trigger(this.props.onchangeend,this.props.key,this.state.value,this.props.params)}},{key:"refresh",value:function(){var t=this.manager.toColor();this.children.$palette.setValue(this.manager.hsv.s,this.manager.hsv.v,this.manager.getHueColor()),this.children.$opacity.setValue(this.manager.rgb,this.manager.alpha),this.children.$hue.setValue(this.manager.hsv.h),this.children.$colorview.setValue(t),this.children.$information.setValue()}},{key:"components",value:function(){return{Hue:Kx,Opacity:Wx,ColorView:Ux,Palette:qx,ColorInformation:Zx,ColorAssetsEditor:Hw}}},{key:"template",value:function(){return'\n        <div class=\'colorpicker sketch inline\'>\n            <div class=\'colorpicker-body\'>\n                <object refClass="Palette" ref=\'$palette\' />\n                <div class="control">\n                    <object refClass="Hue" ref=\'$hue\' />\n                    <object refClass="Opacity" ref=\'$opacity\' />\n                    <div class="empty"></div>\n                    <object refClass="ColorView" ref=\'$colorview\' />\n                </div>\n                <object refClass="ColorInformation" ref=\'$information\' />\n                <object refClass="ColorAssetsEditor" ref=\'$colorAsset\' key="colorAssets" onchange="selectColorAssets" /> \n            </div>\n        </div>\n      '}}]),e}(hm),Xw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{ColorPickerEditor:Nw}}},{key:"initState",value:function(){return{value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return'\n        <div class=\'embed-color-picker\'>\n          <object refClass="ColorPickerEditor" \n            ref=\'$colorpicker\' \n            key="colorpicker" \n            value="'.concat(this.state.value,"\" \n            onchange='localChangeColor' \n            onchangeend='localLastUpdate' \n          />        \n        </div>\n      ")}},{key:um("localChangeColor"),value:function(t,e){this.parent.trigger(this.props.onchange,e)}},{key:um("localLastUpdate"),value:function(t,e){this.parent.trigger(this.props.onchangeend,e)}},{key:"setValue",value:function(t){this.state.value=t,this.children.$colorpicker.initColor(t)}},{key:"refresh",value:function(){this.children.$colorpicker.initColor(this.props.value)}}]),e}(hm),Yw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact"}},{key:"components",value:function(){return{EmbedColorPicker:Xw}}},{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:"updateEndData",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.changeEndEvent,this.state.color,this.params)}},{key:"getBody",value:function(){return"\n      <div class=\"color-picker-popup\">\n        <div class='box'>\n          <object refClass=\"EmbedColorPicker\" ref='$color' value='".concat(this.state.color,"' onchange='changeColor' onchangeend=\"changeEndColor\" />\n        </div>\n      </div>\n    ")}},{key:Vs("$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:Yo("$projectColors .color-view"),value:function(t){this.updateData({color:t.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:um("changeColor"),value:function(t){this.updateData({color:t})}},{key:um("changeEndColor"),value:function(t){this.updateEndData({color:t})}},{key:um("showColorPickerPopup"),value:function(t,e){if(t.changeEvent=t.changeEvent||"changeFillPopup",!(t.target instanceof hm))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:um("hideColorPickerPopup"),value:function(){this.hide()}}]),e}(Tx);Qs({ColorPickerPopup:Yw});var _w=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$imageBox")+Ss,value:function(){return(this.$selection.currentProject||{images:[]}).images.map((function(t,e){return"<div class='image-item' ><img src='".concat(t.local,"' data-id=\"").concat(t.id,'" /></div>')}))}},{key:Yo("$imageBox .image-item"),value:function(t){var e=t.$dt.$("img");this.updateData({value:e.attr("data-id"),naturalWidth:Lo.px(e.naturalWidth),naturalHeight:Lo.px(e.naturalHeight),width:Lo.px(e.naturalWidth),height:Lo.px(e.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:um("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:um("hideImageSelectPopup"),value:function(){this.hide()}}]),e}(Tx);Qs({ImageSelectPopup:_w});var Kw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$imageList")+Ss,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:Yo("$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:um("addImageAsset"),value:function(){this.refresh()}}]),e}(hm);function Ww(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Ww(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Ww(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}Qs({ImageAssetPicker:Kw});var Zw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:Kw,EmbedColorPicker:Xw,GradientEditor:Wm}}},{key:"initState",value:function(){return{}}},{key:"initialize",value:function(){Bs()(So()(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            <object refClass=\"EmbedColorPicker\" ref='$color' onchange='changeColor' />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "}},{key:um("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof wl&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Vs("$gradientEditor"),value:function(){return'<object refClass="GradientEditor" \n      ref="$g" \n      value="'.concat(this.state.image,'" \n      selectedIndex="').concat(this.state.selectColorStepIndex,"\" \n      onchange='changeGradientEditor'\n    />")}},{key:um("changeGradientEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:um("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:um("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:um("showGradientPickerPopup"),value:function(t,e){t.changeEvent=t.changeEvent||"changeFillPopup",t.image=t.gradient,t.params=e,this.setState(t),this.show(432)}},{key:um("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:um("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(Uw({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),e}(Tx);Qs({GradientPickerPopup:Zw});var qw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{key:"components",value:function(){return{SVGFilterEditor:Yk}}},{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:Vs("$editor"),value:function(){return'\n      <object refClass="SVGFilterEditor" ref=\'$filter\' title=\'Filter Type\' key="filter" onchange=\'changeFilterEditor\'>\n        <property name="value" type="json">'.concat(JSON.stringify(this.state.filters),"</property>\n      </div>\n    ")}},{key:um("changeFilterEditor"),value:function(t,e){this.updateData({filters:e})}},{key:"refresh",value:function(){this.load()}},{key:um("showSVGFilterPopup"),value:function(t){t.filters=t.filters.map((function(t){return wk.parse(t)})),t.preview=!Ii(t.preview)||t.preview,this.setState(t),this.show(500)}},{key:um("hideSVGFilterPopup"),value:function(){this.$el.hide()}}]),e}(Tx);Qs({SVGFilterPopup:qw});var Jw=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"components",value:function(){return{EmbedColorPicker:Xw,RangeEditor:xm,SelectEditor:km,GradientEditor:Wm}}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||Lo.z(),y:this.props.y||Lo.z(),width:this.props.width||Lo.z(),height:this.props.height||Lo.z(),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        <object refClass="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:um("changeRangeEditor"),value:function(t,e){this.updateData(S()({},t,e))}},{key:"templateForX",value:function(){return'\n      <div class=\'popup-item\'>\n        <object refClass="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        <object refClass="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      <object refClass="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      <object refClass="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:Yo("$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      <object refClass="SelectEditor"  label="'.concat(this.$i18n("background.image.position.popup.blend"),"\" ref='$blend' key='blendMode' value=\"").concat(this.state.blendMode,'" options="').concat(Vm,'" onchange="changeRangeEditor" />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\" ref='$picker'></div>\n    "}},{key:Vs("$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:um("showBackgroundImagePositionPopup"),value:function(t,e){this.state.changeEvent=t.changeEvent||"changeFillPopup",this.state.params=e,this.setState(t.data),this.show(460)}}]),e}(Tx);function Qw(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function tS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?Qw(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Qw(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}Qs({BackgroundImagePositionPopup:Jw});var eS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:Kw,EmbedColorPicker:Xw,FillEditor:lx}}},{key:"initState",value:function(){return{image:Np.create()}}},{key:"initialize",value:function(){Bs()(So()(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            <object refClass=\"EmbedColorPicker\" ref='$color' onchange='changeColor' />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "}},{key:um("changeTabType"),value:function(t){this.refs.$body.attr("data-selected-editor",t)}},{key:"getColorString",value:function(){var t="";return this.state.image instanceof wl&&(t=this.state.image.getColorString()),t}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Vs("$gradientEditor"),value:function(){return'<object refClass="FillEditor" \n      ref="$g" \n      value="'.concat(this.state.image,'" \n      selectedIndex="').concat(this.state.selectColorStepIndex,"\" \n      onchange='changeFillEditor'\n    />")}},{key:um("changeFillEditor"),value:function(t){this.state.image=t,this.updateData()}},{key:um("changeColor"),value:function(t){this.children.$g.trigger("setColorStepColor",t)}},{key:um("changeImageUrl"),value:function(t){this.children.$g.trigger("setImageUrl",t)}},{key:um("showFillPickerPopup"),value:function(t,e){this.show(432),t.changeEvent=t.changeEvent||"changeFillPopup",t.params=e,this.trigger("selectColorStep",t.image.colorsteps[0].color),this.setState(t)}},{key:um("selectColorStep"),value:function(t){this.children.$color.setValue(t)}},{key:um("changeColorStep"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(tS({},t)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),e}(Tx);Qs({FillPickerPopup:eS});var nS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("pattern.info.popup.title")}},{key:"initState",value:function(){return{type:this.props.type||"grid",x:this.props.x||Lo.z(),y:this.props.y||Lo.z(),width:this.props.width||Lo.z(),height:this.props.height||Lo.z(),lineWidth:this.props.lineWidth||Lo.px(1),lineHeight:this.props.lineHeight||Lo.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,i=e.width,a=e.height,o=e.foreColor,s=e.backColor,c=e.blendMode,l=e.lineWidth,u=e.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:i,height:a,foreColor:o,backColor:s,blendMode:c,lineWidth:l,lineHeight:u},this.state.params)}},{key:um("changeRangeEditor"),value:function(t,e){this.updateData(S()({},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        <object refClass="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        <object refClass="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      <object refClass="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      <object refClass="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      <object refClass="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      <object refClass="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        <object refClass=\"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        <object refClass=\"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      <object refClass=\"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:Vs("$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:um("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)}}]),e}(Tx);Qs({PatternInfoPopup:nS});var rS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.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:Yo("$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()}}]),e}(hm),iS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"render",value:function(t,e){var n=t.elementType,r=t.id,i=t.name,a=(t.itemType,n||"div");return"    \n      <".concat(a,' class="element-item artboard" data-id="').concat(r,"\">\n        <div class='artboard-title'>").concat(i,"</div>\n        ").concat(this.toDefString(t),"\n        ").concat(t.layers.map((function(t){return e.render(t,e)})).join("\n\t"),"\n      </").concat(a,">\n    ")}}]),e}(jp),aS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(jp),oS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(aS);function sS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function cS(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?sS(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):sS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var lS=["front","back","left","right","top","bottom"],uS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toDefaultCSS",value:function(t){var e={};return t.x&&(e.left=t.x),t.y&&(e.top=t.y),e.visibility=t.visible?"visible":"hidden",cS({},e,{},this.toKeyListCSS(t,["position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin","animation","transition"]))}},{key:"toCSS",value:function(t){return cS({},this.toVariableCSS(t),{},this.toDefaultCSS(t),{},this.toWebkitCSS(t),{},this.toBoxModelCSS(t),{},this.toLayoutItemCSS(t))}},{key:"toNestedCSS",value:function(t){var e=t.rate.value,n=t.width,r=t.height,i=n.value/2,a=r.value/2,o=t["backface-visibility"],s=cS({},this.toKeyListCSS(t,["filter","mix-blend-mode","border-radius","background-color","opacity","color"]),{},this.toClipPathCSS(t),{},this.toBackgroundImageCSS(t),{},this.toBorderCSS(t));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(Ji(s),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";     \n          backface-visibility: ").concat(o,";          \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(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";        \n          backface-visibility: ").concat(o,";              \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(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";    \n          backface-visibility: ").concat(o,";          \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(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";      \n          backface-visibility: ").concat(o,";          \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(a*e,"px);\n          top: ").concat(a-i,"px;\n          width: ").concat(n,";\n          height: ").concat(n,";\n          backface-visibility: ").concat(o,";          \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(a*e,"px);\n          top: ").concat(a-i,"px;          \n          width: ").concat(n,";\n          height: ").concat(n,";    \n          backface-visibility: ").concat(o,";          \n          ").concat(t["bottom.color"]?"background-color: ".concat(t["bottom.color"],";"):"","\n          ").concat(t["bottom.background"]?"".concat(t["bottom.background"],";"):"","                          \n        ").trim()}]}},{key:"render",value:function(t){var e=t.id;return("\n      <div class='element-item cube' data-id=\"".concat(e,'">\n        ').concat(this.toDefString(t),"\n        ").concat(lS.map((function(t){return"<div class='".concat(t,"'></div>")})).join(""),"\n      </div>"))}}]),e}(aS),hS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"update",value:function(t,n){var r=n.$("iframe");r&&r.attr("src",t.url||"about:blank"),Bs()(So()(e.prototype),"update",this).call(this,t,n)}},{key:"render",value:function(t){var e=t.id,n=t.url,r=void 0===n?"about:blank":n;return("\n      <div class='element-item iframe' data-id=\"".concat(e,'">\n        ').concat(this.toDefString(t),'\n        <iframe \n            width="100%" \n            height="100%" \n            style="border:0px;width:100%;height:100%;pointer-events:none;" \n            src="').concat(r,'"\n        ></iframe>\n      </div>'))}}]),e}(aS),pS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toNestedCSS",value:function(t){return[{selector:"img",cssText:"\n                width: 100%;\n                height: 100%;\n                pointer-events: none;\n                ".trim()}]}},{key:"getUrl",value:function(t){var e=t.src;return t.project.getImageValueById(e)||e}},{key:"render",value:function(t){var e=t.id;return("\n          <div class='element-item image' data-id=\"".concat(e,'">\n            ').concat(this.toDefString(t),"\n            <img src='").concat(this.getUrl(t),"' />\n          </div>"))}},{key:"update",value:function(t,n){var r=n.$("img");r&&r.attr("src",this.getUrl(t)),Bs()(So()(e.prototype),"update",this).call(this,t,n)}}]),e}(aS),dS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toRootVariableCSS",value:function(t){var e={};return t.rootVariable.split(";").filter((function(t){return t.trim()})).forEach((function(t){var n=t.split(":"),r=j()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"toCSS",value:function(t){return Object.assign.apply(Object,[{}].concat(E()(this.toRootVariableCSS(t))))}},{key:"toStyle",value:function(t){var e=t.toKeyframeString(),n=this.toRootVariableCSS(t);return"\n        <style type='text/css' data-id='".concat(t.id,"'>\n            :root {\n                ").concat(Ji(n),"\n            }\n            /* keyframe */\n            ").concat(e,"\n        </style>\n        ")}},{key:"render",value:function(t,e){return t.layers.map((function(t){return e.render(t)})).join("")}},{key:"renderSVGFilter",value:function(t){return t.svgfilters.map((function(t){var e=t.filters.map((function(t){return wk.parse(t)}));return("<filter id='".concat(t.id,"'>").concat(e.join("\n"),"</filter>"))})).join("\n\n")}},{key:"renderSVG",value:function(t,e){var n=this.renderSVGFilter(t);return('\n<svg width="0" height="0">\n    <title>SVG Properties</title>\n    '.concat(n,"\n</svg>\n"))}}]),e}(jp),fS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),e}(aS);function vS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var yS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"updateDefString",value:function(t,e){var n=e.$("defs");if(n)n.updateSVGDiff("<defs>".concat(this.toDefInnerString(t),"</defs>"));else{var r=this.toDefString(t).trim();e.prepend(Ro.createByHTML(r))}}},{key:"toDefInnerString",value:function(t){return"\n            ".concat(this.toFillSVG(t),"\n            ").concat(this.toStrokeSVG(t),"\n        ")}},{key:"toDefString",value:function(t){var e=this.toDefInnerString(t).trim();return("\n            <defs>\n            ".concat(e,"\n            </defs>\n        "))}},{key:"fillId",value:function(t){return this.getInnerId(t,"fill")}},{key:"strokeId",value:function(t){return this.getInnerId(t,"stroke")}},{key:"toFillSVG",value:function(t){return qp.parseImage(t.fill||"transparent").toSVGString(this.fillId(t))}},{key:"toStrokeSVG",value:function(t){return qp.parseImage(t.stroke||"black").toSVGString(this.strokeId(t))}},{key:"toFillValue",value:function(t){return qp.parseImage(t.fill||"transparent").toFillValue(this.fillId(t))}},{key:"toFillOpacityValue",value:function(t){return po.parse(t.fill||"transparent").a}},{key:"toStrokeValue",value:function(t){return qp.parseImage(t.stroke||"black").toFillValue(this.strokeId(t))}},{key:"toFilterValue",value:function(t){return t.svgfilter?"url(#".concat(t.svgfilter,")"):""}},{key:"toLayoutCSS",value:function(t){return{}}},{key:"toDefaultCSS",value:function(t){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vS(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vS(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bs()(So()(e.prototype),"toDefaultCSS",this).call(this,t),{},this.toKeyListCSS(t,["stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"]))}},{key:"toSVGAttribute",value:function(t){return this.toDefaultCSS(t)}}]),e}(aS),gS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"update",value:function(t,e){if(e){var n=e.$("path");n&&(n.setAttrNS({d:t.d,"fill-rule":t["fill-rule"]||"nonezero",filter:this.toFilterValue(t),fill:this.toFillValue(t),stroke:this.toStrokeValue(t)}),t.totalLength=n.totalLength),this.updateDefString(t,e)}}},{key:"render",value:function(t){return'\n        <svg \n          class=\'element-item path\'  \n          xmlns="http://www.w3.org/2000/svg"\n          data-id="'.concat(t.id,'"\n        >\n            ').concat(this.toDefString(t),'\n            <path \n              class="svg-path-item"\n              d="').concat(t.d,'"\n              fill-rule="').concat(t["fill-rule"],'"\n              filter="').concat(this.toFilterValue(t),'"\n              fill="').concat(this.toFillValue(t),'"\n              stroke="').concat(this.toStrokeValue(t),'"\n            />\n        </svg>\n    ')}}]),e}(yS),mS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"update",value:function(t,e){var n=e.$("path.svg-path-item");n&&n.attr("d",t.d);var r=e.$("path.guide");r&&r.attr("d",t.d);var i=e.$("textPath");i&&(i.text(t.text),i.setAttrNS({filter:this.toFilterValue(t),fill:this.toFillValue(t),stroke:this.toStrokeValue(t),textLength:t.textLength,lengthAdjust:t.lengthAdjust,startOffset:t.startOffset})),this.updateDefString(t,e),t.totalLength=n.totalLength}},{key:"toDefInnerString",value:function(t){return"\n        ".concat(this.toPathSVG(t),"\n        ").concat(this.toFillSVG(t),"\n        ").concat(this.toStrokeSVG(t),"\n    ")}},{key:"toPathId",value:function(t){return this.getInnerId(t,"path")}},{key:"toPathSVG",value:function(t){return'\n    <path class="svg-path-item" id="'.concat(this.toPathId(t),'" d="').concat(t.d,'" fill="none" />\n    ')}},{key:"render",value:function(t){var e=t.id,n=t.textLength,r=t.lengthAdjust,i=t.startOffset,a="#".concat(this.toPathId(t));return"\n      <svg class='element-item textpath' data-id=\"".concat(e,'">\n        ').concat(this.toDefString(t),'\n        <text class="svg-textpath-item">\n          <textPath \n            xlink:href="').concat(a,'"\n            textLength="').concat(n,'"\n            lengthAdjust="').concat(r,'"\n            startOffset="').concat(i,'"\n          >').concat(t.text,'</textPath>\n          <use href="').concat(a,'" stroke-width="1" stroke="black" />\n        </text>\n        <path class="guide" d="').concat(t.d,'" fill="none"/>\n      </svg>\n    ')}}]),e}(yS),bS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"update",value:function(t,e){var n=e.$("text");n&&(n.text(t.text),n.setAttrNS({filter:this.toFilterValue(t),fill:this.toFillValue(t),stroke:this.toStrokeValue(t),textLength:t.textLength,lengthAdjust:t.lengthAdjust})),this.updateDefString(t,e)}},{key:"shapeInsideId",value:function(t){return this.getInnerId(t,"shape-inside")}},{key:"render",value:function(t){var e=t.id,n=t.textLength,r=t.lengthAdjust;return("\n  <svg class='element-item textpath' data-id=\"".concat(e,'">\n    ').concat(this.toDefString(t),'\n      <text class="svg-text-item" textLength="').concat(n,'" lengthAdjust="').concat(r,'">').concat(t.text,"</text>\n  </svg>"))}}]),e}(yS),kS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toNestedCSS",value:function(t){return[{selector:"> *",cssText:"\n                    pointer-events: none;\n                "}]}},{key:"toCSS",value:function(t){var n=Bs()(So()(e.prototype),"toCSS",this).call(this,t);return n.margin=n.margin||"0px",n}},{key:"render",value:function(t){var e=t.id,n=t.content;return('<p class=\'element-item text\' tabIndex="-1" data-id="'.concat(e,'">').concat(n,"</p>"))}},{key:"update",value:function(t,e){var n=t.content;e.updateDiff(n)}}]),e}(aS),xS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"toNestedCSS",value:function(t){return[{selector:"video",cssText:"\n                width: 100%;\n                height: 100%;\n                pointer-events: none;\n                ".trim()}]}},{key:"getUrl",value:function(t){var e=t.src;return t.project.getVideoValueById(e)}},{key:"render",value:function(t){var e=t.id,n=t.controls,r=t.muted,i=t.poster,a=t.loop,o=t.crossorigin,s=t.autoplay;return("\n        <div class='element-item video' data-id=\"".concat(e,'">\n            ').concat(this.toDefString(t),'\n            <video \n                controls="').concat(n,'"\n                src="').concat(this.getUrl(t),'\n                muted="').concat(r,'"\n                poster="').concat(i,'"\n                loop="').concat(a,'"\n                crossorigin="').concat(o,'"\n                autoplay="').concat(s,"\"\n            >\n                Sorry, your browser doesn't support embedded videos.\n            </video>\n        </div>"))}},{key:"update",value:function(t,n){var r=t.currentTime,i=t.playbackRate,a=t.volume,o=n.$("video");o&&o.setProp({currentTime:r,playbackRate:i,volume:a}),Bs()(So()(e.prototype),"update",this).call(this,t,n)}}]),e}(aS);function wS(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=(t=t.trim()).split(":"),r=j()(n,2),i=r[0],a=r[1];return"".concat(e,"<strong>").concat(i,"</strong>:").concat(a,";\n")})).join("").trim()}var SS={project:new dS,artboard:new iS,rect:new fS,circle:new oS,image:new pS,text:new kS,video:new xS,"svg-path":new gS,"svg-text":new bS,"svg-textpath":new mS,cube:new uS,iframe:new hS},PS={render:function(t,e){if(t){var n=SS[t.itemType];return n?n.render(t,e||this):void 0}},renderSVG:function(t,e){var n=SS[t.itemType];if(n)return n.renderSVG(t,e||this)},toCSS:function(t){var e=SS[t.itemType];if(e)return e.toCSS(t)},toNestedCSS:function(t){var e=SS[t.itemType];return e?e.toNestedCSS(t):[]},toTransformCSS:function(t){var e=SS[t.itemType];return e?e.toTransformCSS(t):{}},toStyle:function(t,e){var n=SS[t.itemType];if(n)return n.toStyle(t,e||this)},update:function(t,e){var n=SS[t.itemType];if(n)return n.update(t,e)},codeview:function(t){if(!t)return"";var e=t.top,n=wS(e?e.toKeyframeString():"").replace(/;/gi,";\n").trim(),r=e?Ji(e.toRootVariableCSS()):"",i=this.renderSVG(e);i=i.replace(/\</g,"&lt;").replace(/\>/g,"&gt;");var a=t,o=wS(a?na(Ji(this.toCSS(a))):""),s=a?this.toNestedCSS(a).map((function(t){var e=t.cssText?t.cssText:Ji(t.css);return"".concat(t.selector," { \n    ").concat(wS(na(e),"&nbsp;&nbsp;"),"\n    }")})):[],c=a?a.selectors:[];return"\n          <div class=''>\n           \n            ".concat(o&&"<div><pre title='CSS'>".concat(o,"</pre></div>"),"\n            \n            ").concat(s.map((function(t){return"<div><pre title='CSS'>".concat(t,"</pre></div>")})).join(""),"\n    \n            ").concat((c||[]).length?"<div>\n                ".concat(c.map((function(t){return"<pre title='".concat(t.selector,"'>").concat(t.toPropertyString(),"</pre>")})).join(""),"\n                \n              </div>"):"","\n    \n            ").concat(n&&"<div><pre title='Keyframe'>".concat(n,"</pre></div>"),"\n\n            ").concat(r?"<div>\n              <label>:root</label>\n              <pre>".concat(r,"</pre>\n              </div>"):"","\n    \n          </div>\n        ")}},jS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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="4">\n                    <label>Assets</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="4">\n                    <pre ref=\'$assets\'></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:um("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(PS.renderSVG(e),"\n").concat(PS.render(e),"\n        ");this.refs.$html.text(r);var i=cd.render(this.$selection.current);this.refs.$svgimage.text(i),this.refs.$svgimagePreview.html(Ro.createByHTML(i))}},{key:"makeStyle",value:function(t){return PS.toStyle(t)}},{key:"makeHTML",value:function(t){return PS.render(t)}},{key:Yo("$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))}}]),e}(rS);Qs({ExportWindow:jS});var OS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Yo("$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:um("showLoginWindow"),value:function(){this.show()}}]),e}(rS);Qs({LoginWindow:OS});var $S=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Yo("$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:um("showSignWindow"),value:function(){this.show()}}]),e}(rS);Qs({SignWindow:$S});var CS=new Set;af.forEach((function(t){CS.add(t.category)}));var ES={};CS.forEach((function(t){af.filter((function(e){return e.category===t})).forEach((function(t){ES[t.category]||(ES[t.category]=[]),ES[t.category].push(t)}))}));var TS={ARROWRIGHT:"→",ARROWLEFT:"←",ARROWUP:"↑",ARROWDOWN:"→",BACKSPACE:"⌫",CMD:"⌘"},VS=rf(),MS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getClassName",value:function(){return"shortcut-window"}},{key:"getTitle",value:function(){return"ShortCuts"}},{key:"getKeyString",value:function(t,e){return(e[t]||e.key).split("+").map((function(t){return t.trim()})).map((function(t){var e=t.toUpperCase();return("<span>".concat(TS[e]||e,"</span>"))})).join(" + ")}},{key:"getTemplateForShortcutItem",value:function(t){return"\n            <div class='shortcut-view-item'>\n                <div class='title'>".concat(t.description,"</div>\n                <div class='os-item'>").concat(this.getKeyString(VS,t),"</div>\n            </div>                        \n        ")}},{key:"getTemplateForCategory",value:function(t){var e=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return"\n            <div class='item'>\n                <h2>".concat(t,"</h2>\n                <div>\n                    ").concat(n.map((function(t){return e.getTemplateForShortcutItem(t)})).join(""),"\n                </div>\n            </div>\n        ")}},{key:"getTemplateForLayer",value:function(){return"\n            <div class='item'>\n                <h2>Layer</h2>\n                <div>\n                    <div class='shortcut-view-item'>\n                        <div class='title'>\n                            Add Rect\n                            <span class='description'>fdsafdsfdf</span>\n                        </div>\n\n                        <div class='os-item mac'><span>CTRL</span>+<span>R</span></div>\n                        <div class='os-item win'>R</div>\n                        <div class='os-item linux'>R</div>\n                    </div>\n                </div>\n            </div>\n        "}},{key:"getBody",value:function(){var t=this;return('\n        <div class="list">\n            '.concat(Object.keys(ES).map((function(e){return t.getTemplateForCategory(e,ES[e])})).join(""),"\n        </div>\n        "))}},{key:um("showShortcutWindow"),value:function(){this.show()}}]),e}(rS);Qs({ShortcutWindow:MS});var DS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n      <div class='artboard-items'>\n        <div class='artboard-items-tools'>\n          <div class='title'><label>Artboard Assets</label></div>\n          <div class='tools'>\n            <button type=\"button\" ref='$addArtboard'>".concat(Qg.add,"</button>\n          </div>\n        </div>\n        <div class='artboard-list' ref='$list'></div>\n      </div>\n    ")}},{key:Vs("$list"),value:function(){var t;return Hs.a.async((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Hs.a.awrap(this.$storageManager.getArtboardList());case 2:return t=e.sent,e.abrupt("return",t.map((function(t){return'\n        <div class=\'artboard-preview\' draggable="true" data-preview-id="'.concat(t.id,"\">\n          <div class='thumbnail'><img src='").concat(t.preview,"' /></div>\n          <div class='tools'>\n            <div class='title'>").concat(t.artboard.name,"</div>\n            <div class='buttons'>\n              <button type=\"button\" class='remove-artboard-preview' data-preview-id=\"").concat(t.id,'">').concat(Qg.remove,"</button>\n            </div>\n          </div>\n        </div>\n      ")})));case 4:case"end":return e.stop()}}),null,this)}},{key:Yo("$list .remove-artboard-preview"),value:function(t){var e;return Hs.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:if(!confirm(this.$i18n("app.confirm.message.artboard.items.removeArtboard"))){n.next=5;break}return e=t.$dt.data("preview-id"),n.next=4,Hs.a.awrap(this.$storageManager.removeArtboard(e));case 4:this.refresh();case 5:case"end":return n.stop()}}),null,this)}},{key:Uo("$list .artboard-preview"),value:function(t){var e=t.$dt.data("preview-id");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/artboard",e)}},{key:um("afterSaveArtboard"),value:function(t){return Hs.a.async((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Hs.a.awrap(this.$storageManager.saveArtboard(t));case 2:this.refresh();case 3:case"end":return e.stop()}}),null,this)}},{key:Yo("$addArtboard"),value:function(t){this.emit("savePNG","afterSaveArtboard")}}]),e}(hm);Qs({ArtboardItems:DS});var IS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return'\n        <button \n            type="button" \n            class=\'menu-item '.concat(this.getClassName(),"' \n            data-no-title=\"").concat(this.isHideTitle(),'" \n            ').concat(this.isHideTitle()?'title="'.concat(this.getTitle(),'"'):"",' \n            checked="').concat(this.getChecked()?"checked":"",'"\n            ').concat(this.isDisabled()?"disabled":"",'\n        >\n            <div class="icon ').concat(this.getIcon(),'">').concat(Qg[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:"isDisabled",value:function(){return!1}},{key:"setSelected",value:function(t){this.$el.toggleClass("selected",t)}},{key:"getTitle",value:function(){return""}},{key:"getIcon",value:function(){return""}},{key:"getIconString",value:function(){return""}},{key:"isHideTitle",value:function(){return!1}},{key:Yo(),value:function(t){this.clickButton(t)}}]),e}(hm),LS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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")}}]),e}(IS);function RS(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qs({Github:LS});var AS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:os(),value:function(){var t=hd.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?RS(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):RS(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}}]),e}(hm);Qs({ExportCodePen:AS});var zS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"rect"}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(t){this.emit("addLayerView","rect")}},{key:um("addLayerView"),value:function(t){this.setSelected("rect"===t)}}]),e}(IS);Qs({AddRect:zS});var FS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"lens"}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(t){this.emit("addLayerView","circle")}},{key:um("addLayerView"),value:function(t){this.setSelected("circle"===t)}}]),e}(IS);Qs({AddCircle:FS});var BS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"align_horizontal_left"}},{key:"getTitle",value:function(){return"Left"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.left")}}]),e}(IS);Qs({LeftAlign:BS});var GS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"align_horizontal_right"}},{key:"getTitle",value:function(){return"Right"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.right")}}]),e}(IS);Qs({RightAlign:GS});var HS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"align_horizontal_center"}},{key:"getTitle",value:function(){return"Center"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.center")}}]),e}(IS);Qs({CenterAlign:HS});var NS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"align_vertical_top"}},{key:"getTitle",value:function(){return"Top"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.top")}}]),e}(IS);Qs({TopAlign:NS});var XS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"align_vertical_bottom"}},{key:"getTitle",value:function(){return"Bottom"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.bottom")}}]),e}(IS);Qs({BottomAlign:XS});var YS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"align_vertical_center"}},{key:"getTitle",value:function(){return"middle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("sort.middle")}}]),e}(IS);Qs({MiddleAlign:YS});var _S=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"vertical_distribute"}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"isDisabled",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.height")}}]),e}(IS);Qs({SameHeight:_S});var KS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"horizontal_distribute"}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"isDisabled",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("same.width")}}]),e}(IS);Qs({SameWidth:KS});var WS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"title"}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"getClassName",value:function(){return"text"}},{key:"clickButton",value:function(t){this.emit("addLayerView","text")}},{key:um("addLayerView"),value:function(t){this.setSelected("text"===t)}}]),e}(IS);Qs({AddText:WS});var US=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"launch"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.export.title")}},{key:"clickButton",value:function(t){this.emit("showExportView")}}]),e}(IS);Qs({ExportView:US});var ZS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"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")}}]),e}(IS);Qs({Manual:ZS});var qS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"cube"}},{key:"getTitle",value:function(){return this.props.title||"Cube"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(t){this.emit("addLayerView","cube")}}]),e}(IS);Qs({AddCube:qS});var JS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"photo"}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addLayerView","image")}}]),e}(IS);Qs({AddImage:JS});var QS=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"pentool"}},{key:"getTitle",value:function(){return this.props.title||"Path"}},{key:"clickButton",value:function(t){this.emit("addLayerView","path")}},{key:um("addLayerView"),value:function(t){this.setSelected("path"===t)}}]),e}(IS);Qs({AddPath:QS});var tP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"storage"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(t){this.emit("saveJSON")}}]),e}(IS);Qs({Save:tP});var eP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"archive"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.download.title")}},{key:"clickButton",value:function(t){this.emit("downloadJSON")}}]),e}(IS);Qs({Download:eP});var nP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"navigation"}},{key:"getTitle",value:function(){return this.props.title||"Select"}},{key:"clickButton",value:function(t){this.emit("addLayerView","select")}},{key:um("addLayerView"),value:function(t){this.setSelected("select"===t)}}]),e}(IS);Qs({SelectTool:nP});var rP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"outline_rect"}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-rect")}}]),e}(IS);Qs({AddSVGRect:rP});var iP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"outline_circle"}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-circle")}}]),e}(IS);Qs({AddSVGCircle:iP});var aP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"fullscreen"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.fullscreen.title")}},{key:"clickButton",value:function(t){this.emit("toggle.fullscreen")}}]),e}(IS);Qs({Fullscreen:aP});var oP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"text_rotate"}},{key:"getTitle",value:function(){return this.props.title||"TextPath"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-textpath")}}]),e}(IS);Qs({AddSVGTextPath:oP});var sP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"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("addLayerView","cylinder")}}]),e}(IS);Qs({AddCylinder:sP});var cP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"title"}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"clickButton",value:function(t){this.emit("addLayerView","svg-text")}}]),e}(IS);Qs({AddSVGText:cP});var lP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Login"}},{key:"clickButton",value:function(t){this.emit("showLoginWindow")}}]),e}(IS);Qs({LoginButton:lP});var uP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Sign"}},{key:"clickButton",value:function(t){this.emit("showSignWindow")}}]),e}(IS);Qs({SignButton:uP});var hP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"artboard"}},{key:"getTitle",value:function(){return this.props.title||"ArtBoard"}},{key:"clickButton",value:function(t){this.emit("addLayerView","artboard")}},{key:um("addLayerView"),value:function(t){this.setSelected("artboard"===t)}}]),e}(IS);Qs({AddArtboard:hP});var pP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"edit"}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(t){this.emit("addLayerView","brush")}}]),e}(IS);Qs({AddDrawPath:pP});var dP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"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("addLayerView","brush")}},{key:um("addLayerView"),value:function(t){this.setSelected("brush"===t)}}]),e}(IS);Qs({AddDrawBrush:dP});var fP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"video"}},{key:"getTitle",value:function(){return this.props.title||"Video"}},{key:"clickButton",value:function(){this.emit("addLayerView","video")}}]),e}(IS);Qs({AddVideo:fP});var vP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"keyboard"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.shortcuts.title")}},{key:"clickButton",value:function(t){this.emit("showShortcutWindow")}}]),e}(IS);Qs({KeyBoard:vP});var yP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIconString",value:function(){return"web"}},{key:"getTitle",value:function(){return this.props.title||"IFrame"}},{key:"clickButton",value:function(t){this.emit("addLayerView","iframe")}},{key:um("addLayerView"),value:function(t){this.setSelected("iframe"===t)}}]),e}(IS);Qs({AddIFrame:yP});var gP={AddIFrame:yP,KeyBoard:vP,AddVideo:fP,AddDrawBrush:dP,AddDrawPath:pP,AddArtboard:hP,SignButton:uP,LoginButton:lP,AddSVGText:cP,AddCylinder:sP,AddSVGTextPath:oP,Fullscreen:aP,AddSVGCircle:iP,AddSVGRect:rP,SelectTool:nP,Download:eP,Save:tP,AddCube:qS,AddImage:JS,AddPath:QS,Manual:ZS,ExportView:US,AddText:WS,SameHeight:_S,SameWidth:KS,TopAlign:NS,BottomAlign:XS,MiddleAlign:YS,CenterAlign:HS,RightAlign:GS,LeftAlign:BS,AddCircle:FS,AddRect:zS,ExportCodePen:AS,Github:LS},mP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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            <object refClass=\"SelectTool\" title='Select' />\n            <object refClass=\"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            <object refClass=\"AddRect\" title='Rect' />\n            <object refClass=\"AddCircle\" title='Circle' />         \n            <object refClass=\"AddText\" title='Text' />\n            <object refClass=\"AddImage\" title='Image' />\n            <object refClass=\"AddVideo\" title='Video' />\n            <object refClass=\"AddIFrame\" title='IFrame' />            \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            <object refClass=\"AddDrawPath\" title='Draw' />\n            <object refClass=\"AddPath\" title='Path' />\n            <object refClass=\"AddSVGRect\" title='Rect' />\n            <object refClass=\"AddSVGCircle\" title='Circle' />\n            \x3c!-- <AddSVGText title='Text' /> --\x3e\n            <object refClass=\"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            <object refClass=\"AddCube\" title='Cube' />\n            <object refClass=\"AddCylinder\" title='Cylinder' />          \n          </div>          \n        </div>          \n      </div>\n    ")}},{key:Yo("$el button"),value:function(t){var e=this.refs.$el.$(".selected");e&&e.removeClass("selected"),t.$dt.addClass("selected")}}]),e}(hm);Qs({ComponentItems:mP});var bP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return Ex}},{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(Qg.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:Yo("$title label"),value:function(t){var e=t.$dt.parent(),n=Ro.create(t.target).hasClass("add-timeline-property");e.hasClass("property-title")&&!1===n&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:Yo("$title .icon"),value:function(t){t.$dt.parent().hasClass("property-title")&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:Yo("$el .property-body .add-timeline-property")+Es+Ts,value:function(t){var e=t.$dt.attr("data-property"),n=t.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:e,editor:n})}},{key:Yo("$el .property-title .add-timeline-property")+Es+Ts,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?Bi(t)&&t()?(this.show(),e&&this.refresh()):!Bi(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()}}}]),e}(hm),kP=["visible","hidden","scroll","auto"],xP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var t=this;return kP.map((function(e){return"".concat(e,":").concat(t.$i18n("background.color.property.overflow.".concat(e)))})).join(",")}},{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='background-color'></span>\n        </div>\n        <object refClass=\"ColorViewEditor\" ref='$color' label=\"".concat(this.$i18n("background.color.property.color"),"\" key='background-color' onchange=\"changeColor\" />\n      </div>   \n        <div class='property-item animation-property-item' style='display:none;'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='z-index'></span>\n          </div>\n          <object refClass=\"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='mix-blend-mode'></span>\n          </div>\n          <object refClass=\"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          <object refClass=\"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:um("changeColor"),value:function(t,e){this.command("setAttribute","change background color",S()({},t,e))}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$zIndex.setValue(t["z-index"]||0),this.children.$mixBlend.setValue(t["mix-blend-mode"]),this.children.$overflow.setValue(t.overflow),this.children.$color.setValue(t["background-color"]||"rgba(0, 0, 0, 1)"))}},{key:um("changeSelect"),value:function(t,e){this.command("setAttribute","change attribute : ".concat(t),S()({},t,e))}},{key:um("refreshSelection"),value:function(){this.refreshShow(["project","artboard","rect","circle","image","video","iframe","text"])}}]),e}(bP);Qs({AppearanceProperty:xP});var wP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$body"),value:function(){var t=(this.$selection.current||{})["border-radius"]||"";return"\n      <object refClass=\"BorderRadiusEditor\" ref='$1' value='".concat(t,"' onchange='changeBorderRadius' />\n    ")}},{key:um("refreshSelection")+Ps(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:um("changeBorderRadius"),value:function(t){this.command("setAttribute","change border radius",{"border-radius":t})}}]),e}(bP);Qs({BorderRadiusProperty:wP});var SP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$shadowList"),value:function(){var t=this.$selection.current||{};return('\n      <object refClass="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(Qg.add,"</button>")}},{key:Yo("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:um("refreshSelection")+Ps(100),value:function(){this.refreshShow(["artboard","rect","circle","text"])}},{key:um("changeBoxShadow"),value:function(t){this.command("setAttribute","change box shadow",{"box-shadow":t})}}]),e}(bP);Qs({BoxShadowProperty:SP});var PP=[];["margin","padding"].forEach((function(t){PP.push.apply(PP,["-top","-bottom","-left","-right"].map((function(e){return t+e})))}));var jP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:um("refreshSelection")+Ps(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]||Lo.z();return('<input type="number" ref="$'.concat(t,'" value="').concat(n.value,'" tabIndex="1" />'))}},{key:Vs("$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:ts("$boxModelItem input"),value:function(t){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var t=this,e={};PP.forEach((function(n){e[n]=Lo.px(t.getRef("$",n).value)})),this.command("setAttribute","change padding or margin",e)}}]),e}(bP);Qs({BoxModelProperty:jP});var OP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"Content"}},{key:um("refreshSelection","refreshContent")+Ps(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:Ls("$contentItem"),value:function(){var t=this.$selection.current;return t?{value:t.content||""}:""}},{key:ts("$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)}}}]),e}(bP);Qs({ContentProperty:OP});var $P=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"afterRender",value:function(){this.show()}},{key:um("refreshSelection"),value:function(){this.refresh()}},{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        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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        <object refClass="SelectIconEditor" \n          ref=\'$style\' \n          label=\'').concat(this.$i18n("font.property.style"),'\' \n          key="font-style"\n          compact="true"\n          options="normal,italic" \n          icons=\'title,italic\'\n          onchange="changeRangeEditor" />\n      </div>      \n\n      <div class=\'property-item\'>\n        <object refClass="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:um("changeColor"),value:function(t,e){this.trigger("changeRangeEditor",t,e)}},{key:um("changeRangeEditor"),value:function(t,e){this.command("setAttribute","change font attribute",S()({},t,e))}}]),e}(bP);Qs({FontProperty:$P});var CP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.add,"</button>")}},{key:Yo("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:Vs("$shadowList"),value:function(){var t=this.$selection.current||{};return('\n      <object refClass="TextShadowEditor" ref=\'$textshadow\' value="'.concat(t["text-shadow"]||"",'" hide-label="true" onChange="changeTextShadow" />\n    '))}},{key:"afterRender",value:function(){this.show()}},{key:um("refreshSelection"),value:function(){this.refresh()}},{key:um("changeTextShadow"),value:function(t){this.command("setAttribute","change text shadow",{"text-shadow":t})}}]),e}(bP);Qs({TextShadowProperty:CP});var EP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:um("refreshSelection"),value:function(){this.refresh()}},{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        <object refClass="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        <object refClass=\"SelectIconEditor\" \n          ref='$transform' \n          label='").concat(this.$i18n("text.property.transform"),"' \n          key='text-transform' \n          options=\"none,uppercase:AG,lowercase:ag,capitalize:Ag\"\n          icons=\"horizontal_rule\"\n          onchange='changeTextValue' />                \n      </div>        \n      <div class=\"property-item\">\n        <object refClass=\"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=\"horizontal_rule,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:um("changeTextValue"),value:function(t,e){this.command("setAttribute","change text property : ".concat(t),S()({},t,e))}}]),e}(bP);Qs({TextProperty:EP});var TP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:um("refreshSelection"),value:function(){this.refresh()}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$lineHeight.setValue(t["line-height"]||Lo.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      <object refClass=\"RangeEditor\"  \n        ref='$lineHeight' \n        label='".concat(this.$i18n("font.spacing.property.lineHeight"),'\' \n        key="line-height" \n        min="0"\n        max="10"\n        step="0.01"\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        <object refClass="RangeEditor"  ref=\'$letter\' label=\'').concat(this.$i18n("font.spacing.property.letterSpacing"),"' key=\"letter-spacing\" min=\"-100\" max=\"100\" 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        <object refClass=\"RangeEditor\"  ref='$word' label='").concat(this.$i18n("font.spacing.property.wordSpacing"),"' key=\"word-spacing\"  min=\"-100\" max=\"100\" 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        <object refClass=\"RangeEditor\"  ref='$indent' label='").concat(this.$i18n("font.spacing.property.indent"),'\' key="text-indent"  min="-100" max="100" onchange="changeRangeEditor" />\n      </div>      \n    ')}},{key:um("changeRangeEditor"),value:function(t,e){""===e.unit&&(e=Lo.number(e.value)),this.command("setAttribute","change font attribute: ".concat(t),S()({},t,e))}}]),e}(bP);function VP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qs({FontSpacingProperty:TP});var MP=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],DP=MP.map((function(t){return t.key})),IP={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(Qg.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(Qg.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(Qg.repeat," Conic")},LP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return"Border Image"}},{key:um("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:Yo("$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:Vs("$borderImageView"),value:function(){var t=(this.$selection.current||{borderImage:{image:{}}}).borderImage,e=t.type?IP[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:um("changeBorderImage"),value:function(t,e){var n=this;"border-image-slice"===t&&DP.forEach((function(t){n.children["$".concat(t,"Slice")].setValue(e)})),this.setBorderImageProperty()}},{key:"getBody",value:function(){return'\n      <div class="property-item border-image-item" ref=\'$borderImageView\'></div>    \n      <div class="property-item border-slice-item">\n        <div class="slice-selector" data-selected-value="all" ref="$selector">\n          <button type="button" data-value="all">'.concat(Qg.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(Qg.border_inner,'\n          </button>\n        </div>\n        <div class="slice-value">\n          <object refClass="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(MP.map((function(t){return"\n              <div>\n                <label class='title'>".concat(t.title,'</label>\n              </div>\n              <div>\n                <object refClass="RangeEditor"  ref=\'$').concat(t.key,"Slice' label='Slice' key='border-image-slice-").concat(t.key,"' onchange='changeBorderImage' /> \n              </div>  \n              <div>\n                <object refClass=\"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:Qo("$sliceSettingBox select"),value:function(t){this.setBorderImageProperty()}},{key:Yo("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:Yo("$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=E()(n.colorsteps),e.angle=n.angle,e.radialType=n.radialType||"ellipse",e.radialPosition=n.radialPosition||Do.CENTER}else e.colorsteps=[],e.angle=0,e.radialType="ellipse",e.radialPosition=Do.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?VP(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VP(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;if(r)(n=this.getRef("$miniView"))&&r.image&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(IP.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;if(r)(n=this.getRef("$miniView"))&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(IP[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:um("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 DP.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:Yo("$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()}}]),e}(bP);function RP(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(e).concat(t.startIndex).padEnd(10,"0")}function AP(t,e){var n=function(t,e){var n=t.match(e),r=[];if(!n)return r;for(var i=0,a=n.length;i<a;i++)r.push({parsedString:n[i]});var o={next:0};return r.forEach((function(e){var n=t.indexOf(e.parsedString,o.next);e.startIndex=n,e.endIndex=n+e.parsedString.length,o.next=e.endIndex})),r}(t,e);return n.forEach((function(e){t=t.replace(e.parsedString,RP(e))})),{str:t,matches:n}}function zP(t,e){return e.forEach((function(e){t=t.replace(RP(e),e.parsedString)})),t}function FP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qs({BorderImageProperty:LP});var BP=/((cubic-bezier|steps)\(([^\)]*)\))/gi,GP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:Lo.second(0),timingFunction:"linear",delay:Lo.second(0),iterationCount:Lo.string("infinite"),playState:"running",fillMode:"none"}}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).duration=Lo.parse(t.duration),t.iterationCount=Lo.parse(t.iterationCount),t}},{key:"toCloneObject",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?FP(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):FP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},this.attrs("name","direction","duration","timingFunction","delay","iterationCount","playState","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.duration,t.timingFunction,t.delay,t.iterationCount,t.direction,t.fillMode,t.playState,t.name].join(" ")}}],[{key:"parse",value:function(t){return new e(t)}},{key:"join",value:function(t){return t.map((function(t){return new e(t).toString()})).join(",")}},{key:"add",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=e.parseStyle(t);return r.push(e.parse(n)),e.join(r)}},{key:"remove",value:function(t,n){return e.filter(t,(function(t,e){return n!=e}))}},{key:"filter",value:function(t,n){return e.join(e.parseStyle(t).filter((function(t){return n(t)})))}},{key:"replace",value:function(t,n,r){var i=e.parseStyle(t);return i[n]?i[n]=r:i.push(r),e.join(i)}},{key:"get",value:function(t,n){return e.parseStyle(t)[n]}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=AP(t,BP);return(n=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=7?{duration:Lo.parse(e[0]),timingFunction:zP(e[1],r.matches),delay:Lo.parse(e[2]),iterationCount:"infinite"===e[3]?Lo.string("infinite"):Lo.parse(e[3]),direction:e[4],fillMode:e[5],playState:e[6],name:e[7]}:e.length>=3?{duration:Lo.parse(e[0]),timingFunction:zP(e[1],r.matches),delay:Lo.parse(e[2]),name:e[3]}:e.length>=1?{duration:Lo.parse(e[0]),name:e[1]}:{}}))).map((function(t){return e.parse(t)}))}}]),e}(Pc);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}var NP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.add,"</button>\n    ")}},{key:Vs("$animationList")+Ss,value:function(){var t=this,e=this.$selection.current;return e?GP.parseStyle(e.animation).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=oa(e.timingFunction,30,30);return"\n      <div class='animation-group-item'>\n        <div class='animation-item ".concat(r,"' \n             data-index='").concat(n,"' \n             ref=\"animationIndex").concat(n,"\" \n          >\n            <div class='timing preview' data-index='").concat(n,"' ref='$preview").concat(n,'\'>\n              <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                <path d="').concat(i,"\" stroke=\"white\" stroke-width=\"1\" fill='none' />\n              </svg>\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(Qg.play,"</small>\n                  <small data-play-state-value='paused'>").concat(Qg.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(Qg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:um("refreshSelection")+Ps(100),value:function(){this.refreshShowIsNot("project"),this.emit("hideAnimationPropertyPopup")}},{key:Yo("$add"),value:function(t){var e=this.$selection.current;e&&(e.reset({animation:GP.add(e.animation,{name:null})}),this.emit("refreshElement",e)),this.refresh()}},{key:Yo("$animationList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({animation:GP.remove(n.animation,e)}),this.emit("refreshElement",n),this.refresh())}},{key:Yo("$animationList .play-state"),value:function(t){var e=+t.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=GP.parseStyle(n.animation),i=r[e];i&&(i.togglePlayState(),t.$dt.attr("data-play-state-selected-value",i.playState),n.reset({animation:GP.join(r)}),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")}},{key:"viewAnimationPicker",value:function(t){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+t.attr("data-index"),this.current=this.$selection.current,this.current&&(this.currentAnimation=GP.get(this.current.animation,this.selectedIndex),this.viewAnimationPropertyPopup())}},{key:"viewAnimationPropertyPopup",value:function(){if(this.currentAnimation){var t=this.currentAnimation;this.emit("showAnimationPropertyPopup",{changeEvent:"changeAnimationPropertyPopup",data:t.toCloneObject(),instance:this})}}},{key:Yo("$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:um("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?HP(Object(n),!0).forEach((function(e){S()(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}({},t)),this.current&&(this.current.reset({animation:GP.replace(this.current.animation,this.selectedIndex,this.currentAnimation)}),this.emit("refreshElement",this.current),this.refresh()))}}]),e}(bP);Qs({AnimationProperty:NP});var XP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.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(Qg.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(Qg.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(e,'">').concat(Qg.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:Yo("$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"),i=this.$selection.currentProject;if(i){var a=i.keyframes[n];a&&a.reset({selectedType:r}),e.attr("data-selected-value",r)}}},{key:Yo("$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:Yo("$keyframeList .del")+Es,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:um("refreshSelection")+Ps(100),value:function(){this.refreshShowIsNot("project")}},{key:Vs("$keyframeList"),value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.keyframe?ph.parseStyle(e):e.keyframes;return e.keyframe="",e.keyframes=n,n.map((function(e,n){return t.makeKeyframeTemplate(e,n)}))}},{key:Yo("$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:um("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))}}]),e}(bP);Qs({KeyFrameProperty:XP});var YP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("background.image.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"afterRender",value:function(){this.show()}},{key:"getKeyframeProperty",value:function(){return"background-image"}},{key:"getClassName",value:function(){return"background-image"}},{key:"getBody",value:function(){return"\n      <div class='full' ref='$property'></div>               \n    "}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(Qg.add,"</button>")}},{key:Yo("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:Vs("$property"),value:function(){var t=(this.$selection.current||{})["background-image"]||"";return"<object refClass=\"BackgroundImageEditor\" \n              ref='$backgroundImageEditor' \n              key='background-image'\n              value='".concat(t,"' \n              hide-label=\"true\"\n              onchange='changeBackgroundImage' \n            />")}},{key:um("refreshSelection"),value:function(){this.refreshShow(["artboard","rect","circle","text","image","video"])}},{key:"refresh",value:function(){this.load()}},{key:um("changeBackgroundImage")+Ps(10),value:function(t,e){this.command("setAttribute","change background image",S()({},t,e))}}]),e}(bP);Qs({BackgroundImageProperty:YP});var _P=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"afterRender",value:function(){this.show()}},{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(Qg.add,"</button>\n    ")}},{key:Yo("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Vs("$filterSelect"),value:function(){var t=this,e=Em.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(E()(e),[{title:"-------",value:""}],E()(n)):E()(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:Vs("$body"),value:function(){var t=(this.$selection.current||{}).filter;return"<object refClass=\"FilterEditor\" ref='$filterEditor' value='".concat(t,"' hide-label='true' onchange='changeFilterEditor' />")}},{key:um("changeFilterEditor"),value:function(t){this.command("setAttribute","change filter",{filter:t})}},{key:um("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:um("refreshSVGArea")+Ps(1e3),value:function(){this.load("$filterSelect")}}]),e}(bP);Qs({FilterProperty:_P});var KP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:um("refreshSelectionStyleView","refreshStyleView","refreshSelection","refreshSVGArea")+Ps(100),value:function(){this.refreshShowIsNot()}},{key:"getBody",value:function(){return"\n      <div class=\"property-item code-view-item\" ref='$body'></div>\n    "}},{key:Vs("$body")+Ss,value:function(){return[PS.codeview(this.$selection.current),cd.codeview(this.$selection.current)]}}]),e}(bP);Qs({CodeViewProperty:KP});var WP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.add,"</button>\n    ")}},{key:Yo("$add"),value:function(){var t=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",t)}},{key:Vs("$filterSelect"),value:function(){var t=this,e=Em.map((function(e){return{title:t.$i18n("filter.property.".concat(e)),value:e}})),n=this.getSVGFilterList();return(n.length?[].concat(E()(e),[{title:"-------",value:""}],E()(n)):E()(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:Vs("$body"),value:function(){var t=(this.$selection.current||{})["backdrop-filter"];return"<object refClass=\"FilterEditor\" ref='$filterEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeFilterEditor' />")}},{key:um("changeFilterEditor"),value:function(t){this.command("setAttribute","change backdrop filter",{"backdrop-filter":t})}},{key:um("refreshSelection"),value:function(){this.refreshShowIsNot(["project","artboard"])}}]),e}(bP);Qs({BackdropFilterProperty:WP});var UP=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],ZP={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},qP=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(UP.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(Qg.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:Yo("$directionArea .direction"),value:function(t){var e=t.$dt.attr("data-value"),n=Lo.deg(ZP[e]||0);this.$selection.each((function(t){var e=Ec.replace(t.transform,{type:"rotateZ",value:[n]});t.reset({transform:e})})),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect"),this.$selection.setRectCache()}},{key:Ls("$rotateContainer"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Ec.filter(t.transform||"",(function(t){return"rotateX"===t.type||"rotateY"===t.type}))}}}},{key:Ls("$rotateZ"),value:function(){var t=this.$selection.current||{transform:""};return{style:{transform:Ec.filter(t.transform||"",(function(t){return"rotate"===t.type||"rotateZ"===t.type}))}}}},{key:_o("$rotateArea"),value:function(){this.$selection.each((function(t){t.reset({transform:Ec.remove(t.transform,["rotateX","rotateY"])})})),this.$selection.setRectCache(),this.bindData("$rotateContainer"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:ss("$rotateArea")+$s("moveRotateXY")+Cs("moveEndRotateXY"),value:function(){this.state.rotateCache=this.$selection.map((function(t){var e=Ec.get(t.transform,"rotateX"),n=Ec.get(t.transform,"rotateY");return{item:t,rotateX:e?e[0]:Lo.deg(0),rotateY:n?n[0]:Lo.deg(0)}}))}},{key:"moveRotateXY",value:function(t,e){var n=Lo.deg(-e),r=Lo.deg(t);this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=Ec.rotateX(e,Lo.deg(t.rotateX.value+n.value)),e=Ec.rotateY(e,Lo.deg(t.rotateY.value+r.value)),t.item.transform=e})),this.bindData("$rotateContainer"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:"moveEndRotateXY",value:function(t,e){this.emit("refreshSelectionStyleView"),this.emit("refreshRect"),this.$selection.setRectCache()}},{key:_o("$handle"),value:function(){this.$selection.each((function(t){t.reset({transform:Ec.remove(t.transform,["rotateZ","rotate"])})})),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:ss("$handle")+$s()+Cs(),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.state.rotateCache=this.$selection.map((function(t){var e=Ec.get(t.transform,"rotateZ");return{item:t,rotateZ:e?e[0]:Lo.deg(0)}}))}},{key:"move",value:function(t,e){this.modifyRotateZ(t,e),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:"end",value:function(){this.emit("refreshSelectionStyleView"),this.emit("refreshRect"),this.$selection.setRectCache()}},{key:"modifyRotateZ",value:function(t,e){this.$config.get("bodyEvent");var n=Lo.deg(Math.floor(Ir(this.rotateZStart,this.rotateZCenter,{dx:t,dy:e})));this.state.rotateCache.forEach((function(t){var e=t.item.transform;e=Ec.rotateZ(e,Lo.deg(t.rotateZ.value+n.value)),t.item.transform=e}))}},{key:um("refreshSelection"),value:function(){this.refresh()}}]),e}(hm);function JP(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var QP=["rotate","rotateX","rotateY","rotateZ","rotate3d","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],tj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?JP(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):JP(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},Bs()(So()(e.prototype),"components",this).call(this),{RotateEditorView:qP})}},{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return this.$i18n("transform.property.title")}},{key:"getBody",value:function(){return"\n      <object refClass=\"RotateEditorView\" />\n      <div class='full transform-property' ref='$body'></div>\n    "}},{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(QP.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(Qg.add,"</button>\n    "))}},{key:Yo("$add"),value:function(){var t=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",t)}},{key:Vs("$body"),value:function(){var t=(this.$selection.current||{}).transform;return"\n      <object refClass=\"TransformEditor\" ref='$transformEditor' value='".concat(t,"' hide-label=\"true\" onchange='changeTransformEditor' />\n    ")}},{key:um("changeTransformEditor"),value:function(t){this.command("setAttribute","change transform property",{transform:function(e){return Ec.replaceAll(e.transform,t)}})}},{key:um("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:um("refreshRect")+Ps(100),value:function(){this.refresh()}}]),e}(bP);Qs({TransformProperty:tj});var ej=["circle","ellipse","inset","polygon","path","svg"],nj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(ej.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(Qg.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>\n        <div class=\'tools\'>\n          <button type="button" class="del">').concat(Qg.remove2,"</button>\n        </div>        \n      </div>\n    ")}},{key:Yo("$clippathList .clippath-item .title"),value:function(t){this.$selection.current&&this.viewClipPathPicker()}},{key:Yo("$clippathList .del")+Es,value:function(t){var e=this,n=this.$selection.current;n&&(this.command("setAttribute","delete clip-path",{"clip-path":""},n.id),this.emit("hideClipPathPopup"),setTimeout((function(){e.refresh()}),100))}},{key:um("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Vs("$clippathList"),value:function(){var t=this.$selection.current;return t&&t["clip-path"]?this.makeClipPathTemplate(t["clip-path"].split("(")[0]):""}},{key:Yo("$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.command("setAttribute","change clip-path",{"clip-path":this.refs.$clipPathSelect.value},t.id)),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var t=this.$selection.current;if(t){var e=Du.parseStyle(t["clip-path"]);switch(e.type){case"path":var n=t.accumulatedPath(e.value.trim()).d,r=n?"modify":"path";this.emit("showPathEditor",r,{changeEvent:"updateClipPathString",current:t,d:n,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:um("updateClipPathString"),value:function(t){var e=this.$selection.current;e&&(t.d=e.invertPath(t.d).round(1e3).d,e.reset({"clip-path":"path(".concat(t.d,")")}),this.refresh(),this.emit("updateClipPath",t))}},{key:um("changeClipPathPopup"),value:function(t){var e=this.$selection.current;e&&(e.reset(t),this.refresh(),this.command("setAttribute","change clip-path",t,e.id))}}]),e}(bP);Qs({ClipPathProperty:nj});var rj=/((cubic-bezier|steps)\(([^\)]*)\))/gi,ij=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){return{name:"all",duration:Lo.second(0),timingFunction:"linear",delay:Lo.second(0)}}},{key:"toCloneObject",value:function(){return{name:this.json.name,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.name,t.duration,t.timingFunction,t.delay].join(" ")}}],[{key:"parse",value:function(t){return new e(t)}},{key:"join",value:function(t){return t.map((function(t){return new e(t).toString()})).join(",")}},{key:"add",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=e.parseStyle(t);return r.push(e.parse(n)),e.join(r)}},{key:"remove",value:function(t,n){return e.filter(t,(function(t,e){return n!=e}))}},{key:"filter",value:function(t,n){return e.join(e.parseStyle(t).filter((function(t){return n(t)})))}},{key:"replace",value:function(t,n,r){var i=e.parseStyle(t);return i[n]?i[n]=r:i.push(r),e.join(i)}},{key:"get",value:function(t,n){return e.parseStyle(t)[n]}},{key:"parseStyle",value:function(t){var n=[];if(!t)return n;var r=AP(t,rj);return(n=r.str.split(",").map((function(t){var e=t.split(" ").filter(Boolean);return e.length>=4?{name:e[0],duration:Lo.parse(e[1]),timingFunction:zP(e[2],r.matches),delay:Lo.parse(e[3])}:e.length>=3?{name:e[0],duration:Lo.parse(e[1]),delay:Lo.parse(e[2])}:e.length>=1?{name:e[0],duration:Lo.parse(e[1])}:{}}))).map((function(t){return e.parse(t)}))}}]),e}(Pc);function aj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var oj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.add,"</button>\n    ")}},{key:Vs("$transitionList")+Ss,value:function(){var t=this,e=this.$selection.current;return e?ij.parseStyle(e.transition).map((function(e,n){var r=t.state.selectedIndex===n?"selected":"",i=oa(e.timingFunction,30,30);return"\n      <div class='transition-group-item'>\n        <div class='transition-item ".concat(r,"' data-index='").concat(n,"' ref=\"transitionIndex").concat(n,"\">\n            <div class='timing preview' data-index='").concat(n,"' ref='$preview").concat(n,'\'>\n              <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                <path d="').concat(i,"\" stroke=\"white\" stroke-width=\"1\" fill='none' />\n              </svg>\n            </div>\n            <div class='name'>\n              <div class='labels'>\n                <span class='property-name' title='Property'>").concat(e.name,"</span>\n                <span class='duration' title='Duration'><small>Duration: ").concat(e.duration,"</small></span>\n                <span class='delay' title='Delay'><small>Delay: ").concat(e.delay,'</small></span>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(Qg.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:um("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Yo("$add"),value:function(t){var e=this.$selection.current;e&&(e.reset({transition:ij.add(e.transition)}),this.emit("refreshElement",e)),this.refresh()}},{key:"getCurrentTransition",value:function(){return this.current.transitions[this.selectedIndex]}},{key:Yo("$transitionList .tools .del"),value:function(t){var e=t.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({transition:ij.remove(n.transition,e)}),this.emit("refreshElement",n),this.refresh())}},{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")}},{key:"viewTransitionPicker",value:function(t){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+t.attr("data-index"),this.current=this.$selection.current,this.current&&(this.currentTransition=ij.get(this.current.transition,this.selectedIndex),this.viewTransitionPropertyPopup())}},{key:"viewTransitionPropertyPopup",value:function(){if(this.currentTransition){var t=this.currentTransition;this.emit("showTransitionPropertyPopup",{changeEvent:"changeTransitionPropertyPopup",data:t.toCloneObject(),instance:this})}}},{key:Yo("$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:um("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?aj(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):aj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},t)),this.current&&(this.current.reset({transition:ij.replace(this.current.transition,this.selectedIndex,this.currentTransition)}),this.emit("refreshElement",this.current),this.refresh()))}}]),e}(bP);Qs({TransitionProperty:oj});var sj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.remove,"</button>\n    ")}},{key:Yo("$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:Vs("$body"),value:function(){var t=(this.$selection.current||{})["perspective-origin"]||"";return"<object refClass=\"PerspectiveOriginEditor\" \n              ref='$1' \n              value='".concat(t,"' \n              onchange='changePerspectiveOrigin' \n            />")}},{key:um("refreshSelection")+Ps(100),value:function(){this.refreshShowIsNot(["project"])}},{key:um("changePerspectiveOrigin"),value:function(t){this.command("setAttribute","change perspective origin",{"perspective-origin":t})}}]),e}(bP);Qs({PerspectiveOriginProperty:sj});var cj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.remove,"</button>\n    ")}},{key:Yo("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:Vs("$perspective"),value:function(){var t=(this.$selection.current||{}).perspective||"";return"\n        <object refClass=\"RangeEditor\"  ref='$1' key='perspective' value=\"".concat(t,'" max="2000px" onchange="changePerspective" />\n    ')}},{key:um("changePerspective"),value:function(t,e){this.command("setAttribute","change perspective",S()({},t,e))}},{key:um("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}}]),e}(bP);Qs({PerspectiveProperty:cj});var lj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("transform.origin.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform-origin"}},{key:Yo("$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:Vs("$body"),value:function(){var t=(this.$selection.current||{})["transform-origin"]||"";return"<object refClass=\"TransformOriginEditor\" ref='$1' value='".concat(t,"' onchange='changeTransformOrigin' />")}},{key:um("refreshSelection","refreshRect")+Ps(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:um("changeTransformOrigin"),value:function(t,e){this.command("setAttribute","change transform-origin",{"transform-origin":e})}}]),e}(bP);Qs({TransformOriginProperty:lj});var uj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$backgroundClip"),value:function(){var t=(this.$selection.current||{})["background-clip"]||"";return'<object refClass="SelectEditor"  ref=\'$1\' key=\'background-clip\' icon="true" value="'.concat(t,'" options=",paddinb-box,border-box,content-box,text" onchange="changeSelect" />')}},{key:um("changeSelect"),value:function(t,e){this.command("setAttribute","change background clip",S()({},t,e))}},{key:um("refreshSelection")+Ps(100),value:function(){this.refreshShow(["rect","circle","text"])}}]),e}(bP);function hj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function pj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?hj(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):hj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}Qs({BackgroundClipProperty:uj});var dj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(t){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,pj({itemType:"selector",selector:"",properties:[]},t))}},{key:"toCloneObject",value:function(){return pj({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("selector","properties"))}},{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()+" !important;"}},{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," !important;")}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)}}],[{key:"parse",value:function(t){return new e(t)}}]),e}(Pc),fj=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].join(","),vj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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        <object refClass=\"SelectEditor\"  ref='$select' key='selector' icon=\"true\" key-value-char=';' none-value=\"selector\" options=\"".concat(fj,'" />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(Qg.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(Qg.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:Yo("$selectorList .selector-item .name"),value:function(t){var e=+t.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(e)}},{key:Yo("$selectorList .selector-item .del")+Es+Ts,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:um("refreshSelection")+Ps(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:Vs("$selectorList"),value:function(){var t=this,e=this.$selection.current;if(!e)return"";var n=e.selector?dj.parseStyle(e):e.selectors;return e.selector="",e.selectors=n,(n||[]).map((function(e,n){return t.makeSelectorTemplate(e,n)}))}},{key:Uo("$selectorList .selector-item .title"),value:function(t){this.startIndex=+t.$dt.attr("data-index")}},{key:qo("$selectorList .selector-item")+Es,value:function(t){}},{key:Zo("$selectorList .selector-item")+Es,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:Yo("$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:um("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))}}]),e}(bP);Qs({SelectorProperty:vj});var yj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:um("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:um("refreshRect"),value:function(){var t=this.$selection.current;if(!t)return"";this.children.$x.setValue(t.x||Length.z()),this.children.$y.setValue(t.y||Length.z()),this.children.$width.setValue(t.width||Length.z()),this.children.$height.setValue(t.height||Length.z()),this.children.$opacity.setValue(t.opacity||"1");var e=Ec.get(t.transform,"rotateZ");e?this.children.$rotate.setValue(e[0]):this.children.$rotate.setValue(t.rotate)}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return"\n      <div class=\"position-item\" ref=\"$positionItem\" style='padding: 5px 0px;'>\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            <object refClass='InputRangeEditor' ref='$x' compact=\"true\" label=\"X\" key='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            <object refClass='InputRangeEditor' ref='$y' compact=\"true\"  label=\"Y\" key='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; 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            <object refClass='InputRangeEditor' ref='$width' compact=\"true\"  label=\"".concat(this.$i18n("position.property.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            <object refClass='InputRangeEditor' ref='$height' compact=\"true\"  label=\"").concat(this.$i18n("position.property.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; padding-top: 10px;'>\n          <div class='property-item animation-property-item'>\n            <div class='group'>\n              <span class='add-timeline-property' data-property='rotate'></span>\n            </div>\n            <object refClass='InputRangeEditor' \n              ref='$rotate' \n              key='rotateZ' \n              compact=\"true\" \n              label='rotate_left'\n              min=\"0\"\n              max=\"360\"\n              step=\"0.01\"\n              units=\"deg\"\n              onchange=\"changeRotate\" />\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            <object refClass=\"NumberInputEditor\"\n              ref='$opacity' \n              key='opacity' \n              compact=\"true\" \n              label='opacity'\n              min=\"0\"\n              max=\"1\"\n              step=\"0.01\"\n              onchange=\"changeSelect\" />\n          </div>        \n        </div>                \n      </div>\n    ")}},{key:"refresh",value:function(){var t=this.$selection.current;t&&(this.children.$x.setValue(t.x),this.children.$y.setValue(t.y),this.children.$width.setValue(t.width),this.children.$height.setValue(t.height))}},{key:um("changRangeEditor"),value:function(t,e){this.command("setAttribute","change position or size",S()({},t,e)),this.emit("refreshAllElementBoundSize")}},{key:um("changeRotate"),value:function(t,e){this.command("setAttribute","change rotate",{rotate:e})}},{key:um("changeSelect"),value:function(t,e){this.command("setAttribute","change ".concat(t),S()({},t,e))}}]),e}(bP);Qs({PositionProperty:yj});var gj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.add,"</button>\n    ")}},{key:Yo("$add"),value:function(){this.emit("addProject")}},{key:"getBody",value:function(){return'\n      <div class="project-list scrollbar" ref="$projectList"></div>\n    '}},{key:Vs("$projectList")+Ss,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(Qg.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      "))}))}},{key:_o("$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:Ko("$projectList .project-item label")+ks+Es+Ts,value:function(t){return this.modifyDoneInputEditing(t.$dt),!1}},{key:ns("$projectList .project-item label")+Es+Ts,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.refresh(),this.emit("refreshAllSelectProject")}},{key:Yo("$projectList .project-item label"),value:function(t){var e=+t.$dt.attr("data-index");this.selectProject(this.$editor.projects[e])}},{key:Yo("$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:um("refreshProjectList"),value:function(){this.refresh()}}]),e}(bP);Qs({ProjectProperty:gj});var mj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:"getBody",value:function(){return"\n      <div class=\"layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:Ls("$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:Lo.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="before"}else if(this.state.lastDragOverOffset>this.state.itemRect.height-e){t=this.state.itemRect.height;r=this.state.lastDragOverPosition+t-this.state.rootRect.top;n={top:Lo.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="after"}else{t=0;r=this.state.lastDragOverPosition+t-this.state.rootRect.top;n={top:Lo.px(r),height:Lo.px(this.state.itemRect.height),width:"100%",left:"0px"},this.state.lastDragOverItemDirection="self"}return n.display=this.state.hideDragPointer?"none":"block",{style:n}}},{key:"getIcon",value:function(t){if(t.isGroup&&!1===t.is("artboard"))return Qg.group;switch(t.itemType){case"artboard":return Qg.artboard;case"circle":return Qg.lens;case"image":return Qg.image;case"text":case"svg-text":return Qg.title;case"svg-textpath":return Qg.text_rotate;case"svg-path":return Qg.pentool;case"cube":return Qg.cube;case"cylinder":return Qg.cylinder;default:return Qg.rect}}},{key:"makeLayerList",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(!t.layers)return"";for(var n=t.layers,r=[],i=n.length-1;i>-1;i--){var a=n[i],o=this.$selection.check(a)?"selected":"",s=this.$selection.checkHover(a)?"hovered":"",c=a.name;a.is("text")&&(c=a.text||a.name);var l="";a.hasLayout()&&(l=this.$i18n("layer.tree.property.layout.title."+a.layout));var u=a.isTreeItemHide(),h=Lo.px(24*e);r.push("        \n        <div class='layer-item ".concat(o," ").concat(s,"' data-is-group=\"").concat(a.isGroup,'" data-depth="').concat(e,"\" data-layout='").concat(a.layout,"' data-layer-id='").concat(a.id,"' data-is-hide=\"").concat(u,"\"  draggable=\"true\">\n          <div class='detail'>\n            <label data-layout-title='").concat(l,"' style='padding-left: ").concat(h,"' > \n              <div class='folder ").concat(a.collapsed?"collapsed":"","'>").concat(Qg.arrow_right,"</div>\n              <span class='icon' data-item-type=\"").concat(a.itemType,'">').concat(this.getIcon(a),"</span> \n              <span class='name'>").concat(c,'</span>\n            </label>\n            <div class="tools">\n              <button type="button" class="lock" data-lock="').concat(a.lock,"\" title='Lock'>").concat(a.lock?Qg.lock:Qg.lock_open,'</button>\n              <button type="button" class="visible" data-visible="').concat(a.visible,"\" title='Visible'>").concat(Qg.visible,'</button>\n              <button type="button" class="remove" title=\'Remove\'>').concat(Qg.remove2,"</button>            \n            </div>\n          </div>\n        </div>\n\n        ").concat(this.makeLayerList(a,e+1),"\n      "))}return r.join(" ")}},{key:um("refreshContent"),value:function(t){this.refresh()}},{key:Vs("$layerList")+Ss,value:function(){var t=this.$selection.currentProject;return t?this.makeLayerList(t,0)+'\n      <div class=\'layer-item \' data-depth="0" data-is-last="true">\n      </div>\n    ':""}},{key:Uo("$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:Jo("$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:qo("$layerList .layer-item:not(.".concat("drag-start",")"))+Es,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:Zo("$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.currentProject,i=r.searchById(e),a=r.searchById(n);if(!i||!i.hasParent(a.id)){switch(this.state.lastDragOverItemDirection){case"self":i.appendChildItem(a);break;case"before":i.appendBefore(a);break;case"after":i.appendAfter(a)}this.$selection.select(a),this.setState({hideDragPointer:!0}),this.emit("refreshAll")}}}},{key:_o("$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 i=t.closest("layer-item").attr("data-layer-id"),a=e.$selection.currentProject.searchById(i);a&&(a.reset({name:r}),a.is("artboard")&&e.emit("refreshArtBoardName",a.id,a.name))}))}},{key:Ko("$layerList .layer-item .name")+ks+Es+Ts,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:ns("$layerList .layer-item .name")+Es+Ts,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:Yo("$add"),value:function(t){this.emit("newComponent","rect",{"background-color":po.random(),width:Lo.px(200),height:Lo.px(100)})}},{key:Yo("$layerList .layer-item label .name"),value:function(t){var e=t.$dt.closest("layer-item");e.onlyOneClass("selected");var n=e.attr("data-layer-id"),r=this.$selection.currentProject.searchById(n);this.$selection.select(r),this.emit("history.refreshSelection")}},{key:Yo("$layerList .layer-item label .folder"),value:function(t){var e=this.$selection.currentProject,n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);r.reset({collapsed:!r.collapsed}),this.refresh()}},{key:Yo("$layerList .layer-item .visible"),value:function(t){var e=this.$selection.currentProject,n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n);t.$dt.attr("data-visible",!r.visible),this.command("setAttribute","change visible for layer",{visible:!r.visible},r.id)}},{key:Yo("$layerList .layer-item .remove"),value:function(t){var e=this.$selection.currentProject,n=t.$dt.closest("layer-item").attr("data-layer-id");this.$selection.removeById(n),e.searchById(n).remove(),this.refresh(),this.emit("refreshArtboard")}},{key:Yo("$layerList .layer-item .lock"),value:function(t){var e=this.$selection.currentProject,n=t.$dt.closest("layer-item").attr("data-layer-id"),r=e.searchById(n),i=!r.lock;t.$dt.attr("data-lock",i),i&&(this.$selection.removeById(n),this.emit("history.refreshSelection")),this.command("setAttribute","change lock for layer",{lock:i},r.id)}},{key:um("changeHoverItem"),value:function(){if(this.refs.$layerList.$$(".hovered").forEach((function(t){t.removeClass("hovered")})),this.$selection.hoverItems.length){var t=this.$selection.hoverItems.map((function(t){return'[data-layer-id="'.concat(t.id,'"]')})).join(",");this.refs.$layerList.$$(t).forEach((function(t){t.addClass("hovered")}))}}},{key:um("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:um("refreshSelection","history.refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:um("refreshStylePosition"),value:function(){this.trigger("changeSelection")}},{key:um("refreshLayerTreeView"),value:function(){this.refresh()}},{key:um("changeItemLayout"),value:function(){this.refresh()}}]),e}(bP);Qs({LayerTreeProperty:mj});var bj=[{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"}]}]}],kj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getClassName",value:function(){return"artboard-size-list"}},{key:um("refreshSelection"),value:function(){this.refreshShow(["artboard"])}},{key:"initState",value:function(){return{selectedIndex:0}}},{key:"getTitle",value:function(){return"ArtBoard Preset"}},{key:"getTools",value:function(){var t=bj.map((function(t,e){return{category:t.category,index:e}}));return('\n      <object refClass="SelectEditor"  ref=\'$select\' value="'.concat(t[0].category,'" options="').concat(t.map((function(t){return t.category})).join(","),"\" onchange='changeSizeIndex'/>\n    "))}},{key:um("changeSizeIndex"),value:function(t,e){var n=this.state.selectedIndex;bj.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:Yo("$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:Vs("$list")+Ss,value:function(){var t=this;return bj[this.state.selectedIndex].groups.map((function(e){return t.makeGroup(e)}))}}]),e}(bP);function xj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function wj(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?xj(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):xj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}Qs({ArtBoardSizeProperty:kj});var Sj=["","100x100","200x200","300x300","400x300","900x600","1024x762"],Pj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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> \n        <span ref='$sizeInfo'></span> \n        <button type=\"button\" ref='$resize'>").concat(Qg.size,'</button>\n      </div>\n      <div>\n        <object refClass="SelectEditor"  ref=\'$select\' label="').concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(Sj.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:um("changeImageSize"),value:function(t,e){var n=e.split("x").map((function(t){return Lo.px(t)})),r=j()(n,2),i=r[0],a=r[1];this.command("setAttribute","resize image",{width:i,height:a})}},{key:Yo("$resize"),value:function(){var t=this.$selection.current;if(t){var e={width:t.naturalWidth.clone(),height:t.naturalHeight.clone()};this.command("setAttribute","resize image",e)}}},{key:Ls("$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:Vs("$body"),value:function(){var t=(this.$selection.current||{}).src||"";return"<object refClass=\"ImageSelectEditor\" \n              ref='$1' \n              key='src' \n              value=\"".concat(t,'" \n              onchange="changeSelect" />')}},{key:um("changeSelect"),value:function(t,e,n){var r=this.$selection.current;r&&(r.reset(wj({src:e},n)),this.bindData("$sizeInfo"),this.command("setAttribute","change image",wj({src:e},n),r.id))}},{key:um("refreshSelection")+Ps(100),value:function(){this.refreshShow(["image"])}}]),e}(bP);Qs({ImageProperty:Pj});var jj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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=Gw.map((function(t){return"".concat(t.key,":").concat(t.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    '))}},{key:um("changePreset"),value:function(t,e){this.setState(S()({},t,e))}},{key:"getClassName",value:function(){return"color-assets-property"}},{key:um("refreshSelection")+Ps(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:Uo("$colorList .color-item"),value:function(t){var e=t.$dt.attr("data-color");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/color",e)}},{key:Vs("$colorList"),value:function(){var t=this,e=Gw.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\' draggable="true" title="').concat(t.color,'" data-index="').concat(e,"\">\n            <div class='color-view' style='background-color: ").concat(t.color,";'></div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(Qg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Qg.remove,"</button>\n          </div>\n        </div>\n      ")}));return e.edit&&n.push("<div class='add-color-item'><butto type=\"button\">".concat(Qg.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:Yo("$colorList .add-color-item"),value:function(){this.executeColor((function(t){t.createColor({color:po.random(),name:"",variable:""})}))}},{key:Yo("$colorList .remove"),value:function(t){var e=+t.$dt.closest("color-item").attr("data-index");this.executeColor((function(t){t.removeColor(e)}))}},{key:Yo("$colorList .copy"),value:function(t){var e=+t.$dt.closest("color-item").attr("data-index");this.executeColor((function(t){t.copyColor(e)}))}},{key:Yo("$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:um("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)}}]),e}(bP);Qs({ColorAssetsProperty:jj});var Oj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:um("refreshSelection"),value:function(){this.refresh()}},{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        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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:um("changeColor"),value:function(t,e,n){this.trigger("changeRangeEditor",t,e)}},{key:um("changeRangeEditor"),value:function(t,e){this.command("setAttribute","change text fill",S()({},t,e))}}]),e}(bP);Qs({TextFillProperty:Oj});var $j=["0deg","45deg","90deg"],Cj=["0deg","45deg","90deg"],Ej=["0deg","45deg","90deg"],Tj=[{title:"Linear",key:"linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(t).map((function(t){return{gradient:"linear-gradient(".concat(Wi.apply(void 0,$j),", ").concat(ml.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(t).map((function(t){return{gradient:"linear-gradient(".concat(Wi.apply(void 0,Cj),", ").concat(ml.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(t).map((function(t){return{gradient:"repeating-linear-gradient(".concat(Wi.apply(void 0,Ej),", ").concat(ml.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(t).map((function(t){return{gradient:"radial-gradient(".concat("circle",", ").concat(ml.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(t).map((function(t){return{gradient:"radial-gradient(circle, ".concat(ml.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(t).map((function(t){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat(ml.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return Ki(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(ml.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 Ki(t).map((function(t){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat(ml.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 Ki(t).map((function(t){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat(ml.createRepeatColorStep(10,"10deg"),")")}}))}}],Vj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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=Tj.map((function(t){return"".concat(t.key,":").concat(t.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    '))}},{key:um("changePreset"),value:function(t,e){this.setState(S()({},t,e))}},{key:"getClassName",value:function(){return"gradient-assets-property"}},{key:um("refreshSelection")+Ps(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:Uo("$gradientList .gradient-item"),value:function(t){var e=t.$dt.attr("data-gradient");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/gradient",e)}},{key:Vs("$gradientList"),value:function(){var t=this,e=Tj.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(Qg.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:Yo("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(t){t.createGradient({gradient:wl.random(),name:"",variable:""})}))}},{key:Yo("$gradientList .preview"),value:function(t){var e=t.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:e})}},{key:um("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)}}]),e}(bP);Qs({GradientAssetsProperty:Vj});var Mj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:um("refreshStyleView","refreshRect","refreshCanvasForPartial","updatePathItem")+Os(100),value:function(){var t=this.$selection.current;t&&this.isSVGItem(t)&&this.refs.$length.text(Math.floor(t.totalLength)||"")}},{key:um("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"]||Lo.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Lo.number(1)),this.children.$fillRule.setValue(t["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(t["stroke-dashoffset"]||Lo.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.children.$mixBlend.setValue(t["mix-blend-mode"])):this.$el.hide()}},{key:"refresh",value:function(){}},{key:"getBody",value:function(){this.$selection.current;return("\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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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='mix-blend-mode'></span>\n          </div>\n          <object refClass=\"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        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='svgfilter'></span>      \n          </div>\n          <object refClass=\"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:um("changeValue"),value:function(t,e,n){this.command("setAttribute","change svg item property : ".concat(t),S()({},t,e))}},{key:um("changeSelect"),value:function(t,e){this.command("setAttribute","change attribute : ".concat(t),S()({},t,e))}}]),e}(bP);Qs({SVGItemProperty:Mj});var Dj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$textClip"),value:function(){var t=(this.$selection.current||{})["text-clip"]||"";return'\n      <object refClass="SelectEditor"  ref=\'$1\' key=\'text-clip\' icon="true" value="'.concat(t,'" options=",text" onchange="changeSelect" />\n    ')}},{key:um("changeSelect"),value:function(t,e){this.emit("setAttribute",S()({},t,e))}},{key:um("refreshSelection")+Ps(100),value:function(){this.refreshShow(["text"])}}]),e}(bP);Qs({TextClipProperty:Dj});var Ij=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:um("refreshSelection")+Ps(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:Vs("$svgfilterList"),value:function(){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(t,e){var n=t.filters.map((function(t){return wk.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(Qg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Qg.remove,"</button>\n          </div>\n        </div>\n      "))}));return t.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(Qg.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:Yo("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(t){t.createSVGFilter({id:zr(),filters:[]})}))}},{key:Yo("$svgfilterList .remove"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.removeSVGFilter(e)}))}},{key:Yo("$svgfilterList .copy"),value:function(t){var e=+t.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(t){t.copySVGFilter(e)}))}},{key:ts("$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:Yo("$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:um("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:um("changeSVGFilterAssets"),value:function(t){t.id===this.id&&this.trigger("updateSVGFilterAssets",t)}},{key:um("refreshSVGFilterAssets"),value:function(){this.refresh()}}]),e}(bP);Qs({SVGFilterAssetsProperty:Ij});var Lj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return gP}},{key:"afterRender",value:function(){this.show()}},{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">\n        <object refClass="LeftAlign" />\n        <object refClass="CenterAlign" />\n        <object refClass="RightAlign" />\n\n        <object refClass="TopAlign" />\n        <object refClass="MiddleAlign" />\n        <object refClass="BottomAlign" />  \n\n        <object refClass="SameWidth" />\n        <object refClass="SameHeight" />\n      </div>\n    '}}]),e}(bP);Qs({AlignmentProperty:Lj});var Rj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{OffsetPathListEditor:bb}}},{key:"getTitle",value:function(){return this.$i18n("motion.property.title")}},{key:um("refreshSelection","refreshRect")+Ps(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        <object refClass=\"OffsetPathListEditor\" ref=\"$offsetPathList\" key=\"offset-path\" value=\"".concat(t["offset-path"],'" onchange="changRangeEditor" />\n      </div>\n    '))}},{key:um("changRangeEditor"),value:function(t,e){this.command("setAttribute","change motion attribute : ".concat(t),S()({},t,e))}}]),e}(bP);function Aj(t){URL.revokeObjectURL(t)}Qs({MotionProperty:Rj});var zj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:"afterRender",value:function(){this.show()}},{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:Vs("$imageList")+Ss,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(Qg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Qg.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(Qg.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:Uo("$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:Qo("$imageList .add-image-item input[type=file]"),value:function(t){var e=this;this.executeImage((function(n){E()(t.target.files).forEach((function(t){e.emit("updateImageAssetItem",t)}))}))}},{key:Yo("$imageList .remove"),value:function(t){var e=t.$dt.closest("image-item"),n=+e.attr("data-index");this.executeImage((function(t){t.removeImage(n),Aj(e.$(".preview img").attr("src"))}))}},{key:Yo("$imageList .copy"),value:function(t){var e=+t.$dt.closest("image-item").attr("data-index");this.executeImage((function(t){t.copyImage(e)}))}},{key:um("addImageAsset"),value:function(){this.refresh()}}]),e}(bP);Qs({ImageAssetsProperty:zj});var Fj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:"afterRender",value:function(){this.show()}},{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:Vs("$videoList")+Ss,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(Qg.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(Qg.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(Qg.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:Uo("$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:Qo("$videoList .add-video-item input[type=file]"),value:function(t){var e=this;this.executeVideo((function(n){E()(t.target.files).forEach((function(t){e.emit("updateVideoAssetItem",t)}))}))}},{key:Yo("$videoList .remove"),value:function(t){var e=t.$dt.closest("video-item"),n=+e.attr("data-index");this.executeVideo((function(t){t.removeVideo(n),Aj(e.$(".preview img").attr("src"))}))}},{key:Yo("$videoList .copy"),value:function(t){var e=+t.$dt.closest("video-item").attr("data-index");this.executeVideo((function(t){t.copyVideo(e)}))}},{key:um("addVideoAsset"),value:function(){this.refresh()}}]),e}(bP);function Bj(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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?Bj(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):Bj(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}Qs({VideoAssetsProperty:Fj});var Hj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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 Gj({},Bs()(So()(e.prototype),"components",this).call(this),{},this.state.components)}},{key:um("refreshSelection")+Ps(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){Ai(t.editor)||(n=Gj({},n,{},t.editor))})),this.setState({components:n},!1),Bs()(So()(e.prototype),"initComponents",this).call(this)}},{key:"getPropertyEditor",value:function(t,e,n,r){return Ai(n)?"<".concat(n," ").concat(ta(Gj({},r,{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />"):Object.keys(n).map((function(n){return"<".concat(n," ").concat(ta(Gj({},r,{onchange:"changeComponentProperty",ref:t,key:t,value:e}))," />")})).join("")}},{key:Vs("$body"),value:function(){var t=this,e=this.$selection.current;return e?e&&!e.is("component")?"":e.getProps().map((function(n){return Ai(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:um("changeComponentProperty"),value:function(t,e){this.command("setAttribute","change component",S()({},t,e),null,!0)}}]),e}(bP);Qs({ComponentProperty:Hj});var Nj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="timeline-animation-list" ref="$timelineAnimationList"></div>\n    '}},{key:Vs("$timelineAnimationList")+Ss,value:function(){var t=this.$selection.currentProject;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(Qg.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(Qg.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      "))})):""}},{key:_o("$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 i=t.attr("data-id"),a=e.$selection.currentProject;a&&a.setTimelineTitle(i,r)}))}},{key:Ko("$timelineAnimationList .timeline-animation-item label")+ks+Es+Ts,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:ns("$timelineAnimationList .timeline-animation-item label")+Es+Ts,value:function(t){this.modifyDoneInputEditing(t.$dt)}},{key:Yo("$add"),value:function(t){this.emit("addTimelineItem")}},{key:Yo("$timelineAnimationList .timeline-animation-item .remove"),value:function(t){var e=t.$dt.attr("data-id");this.emit("removeAnimationItem",e)}},{key:Yo("$timelineAnimationList .timeline-animation-item label"),value:function(t){var e=t.$dt.attr("data-id"),n=this.$selection.currentProject;n&&(n.selectTimeline(e),t.$dt.closest("timeline-animation-item").onlyOneClass("selected"),this.emit("refreshTimeline"),this.emit("selectTimeline"))}},{key:um("addTimeline","removeTimeline","removeAnimation"),value:function(){this.refresh()}},{key:um("refreshTimeline","refreshSelection","refreshArtboard")+Ps(100),value:function(){this.refresh()}}]),e}(bP);Qs({TimelineAnimationProperty:Nj});var Xj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{BorderEditor:Ob}}},{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:Vs("$body"),value:function(){var t=(this.$selection.current||{}).border||"";return"\n      <object refClass='BorderEditor' ref='$1' key='border' value='".concat(t,"' onchange='changeKeyValue' />\n    ")}},{key:um("refreshSelection")+Ps(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:um("changeKeyValue"),value:function(t,e){this.command("setAttribute","change border",S()({},t,e))}}]),e}(bP);Qs({BorderNewProperty:Xj});var Yj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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'>\n            <input type='text' value='").concat(t.name,"' ref='$name' />\n          </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:um("refreshProjectList","refreshAllSelectProject"),value:function(){this.refresh()}},{key:ps("$name"),value:function(){var t=this.$selection.currentProject;t&&(t.name=this.refs.$name.value)}},{key:ps("$description"),value:function(){var t=this.$selection.currentProject;t&&(t.description=this.refs.$description.value)}}]),e}(bP);Qs({ProjectInformationProperty:Yj});var _j=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:um("refreshStyleView","refreshRect")+Ps(100),value:function(){this.refresh()}},{key:um("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        <object refClass=\"PathDataEditor\" ref='$pathData' key='d' value='".concat(t.d,"' onchange='changeValue' />\n      </div>\n    "))}},{key:um("changeValue"),value:function(t,e,n){this.emit("updatePathItem",this.$selection.current,S()({},t,e))}}]),e}(bP);Qs({PathDataProperty:_j});var Kj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:um("refreshSelection"),value:function(){this.refreshShow(["svg-textpath","svg-text","svg-tspan"])}},{key:"refresh",value:function(){this.$selection.current&&this.setAllValue(["lengthAdjust","textLength","startOffset","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        <object refClass=\"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'>\n        <object refClass=\"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      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='lengthAdjust'></span>\n        </div>\n        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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:um("changeTextValue"),value:function(t,e){this.command("setAttribute","change svg text property: ".concat(t),S()({},t,e),null,!0)}}]),e}(bP);Qs({SVGTextProperty:Kj});var Wj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:um("refreshSelection","refreshContent")+Ps(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(Qg.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(Qg.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:Yo("$svg"),value:function(){this.emit("downloadSVG")}},{key:Yo("$png"),value:function(){this.emit("downloadPNG")}}]),e}(bP);Qs({ExportProperty:Wj});var Uj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$layoutType"),value:function(){var t=this.$selection.current||{layout:"default"};return("\n      <div class='layout-select'>\n        <object refClass=\"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          <object refClass=\"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          <object refClass=\"GridLayoutEditor\" ref='$grid' key='grid-layout' value=\"").concat(t["grid-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n      </div>\n    "))}},{key:um("changeLayoutInfo"),value:function(t,e){var n=this;this.command("setAttribute","change layout info",S()({},t,e),null,!1,!0),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:um("changeLayoutType"),value:function(t,e){var n=this;this.$selection.reset(S()({},t,e)),this.command("setAttribute","change layout type",S()({},t,e),null,!1,!0),this.refresh(),this.nextTick((function(){n.emit("refreshAllElementBoundSize"),n.emit("changeItemLayout")}))}},{key:um("refreshSelection"),value:function(){this.refreshShow(["rect","circle","artboard"],!0)}}]),e}(bP);Qs({LayoutProperty:Uj});var Zj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$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        <object refClass=\"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            <object refClass=\"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            <object refClass=\"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            <object refClass=\"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),Ji({flex:"".concat(t," ").concat(e," ").concat(n)})}},{key:um("changeFlexItem"),value:function(t,e){var n=this;this.command("setAttribute","change flex layout",{"flex-layout-item":this.getFlexValue()}),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:um("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getFlexValue()),this.command("setAttribute","change flex layout",{"flex-layout-item":e}),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:um("refreshSelection")+Ps(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInFlex()}))}}]),e}(bP);Qs({FlexLayoutItemProperty:Zj});var qj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$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=Qi(t["grid-layout-item"])),Object.keys(n).length>0&&(e="value"),"\n      <div class='layout-select'>\n        <object refClass=\"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              <object refClass="NumberInputEditor"  ref=\'$columnStart\' key="grid-column-start" value="').concat(n["grid-column-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <object refClass=\"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              <object refClass="NumberInputEditor"  ref=\'$rowStart\' key="grid-row-start" value="').concat(n["grid-row-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <object refClass=\"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 Ji({"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:um("changeGridItem"),value:function(t,e){var n=this;this.command("setAttribute","change grid layout item",{"grid-layout-item":this.getGridValue()}),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:um("changeLayoutType"),value:function(t,e){var n=this,r=this.children.$layout.getValue();e=r;"value"===r&&(e=this.getGridValue()),this.command("setAttribute","change grid layout item",{"grid-layout-item":e}),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:um("refreshSelection")+Ps(100),value:function(){var t=this;this.refreshShow((function(){var e=t.$selection.current;return e&&e.isInGrid()}))}}]),e}(bP);Qs({GridLayoutItemProperty:qj});var Jj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.add,"</button>\n    ")}},{key:Yo("$add"),value:function(){var t=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",t)}},{key:Vs("$patternSelect"),value:function(){var t=this,e=Tm.map((function(e){return{title:t.$i18n("pattern.property.".concat(e)),value:e}}));return E()(e).map((function(t){var e=t.title,n=t.value;return"<option value='".concat(n,"'>").concat(e,"</option>")}))}},{key:Vs("$body"),value:function(){var t=(this.$selection.current||{}).pattern;return"<object refClass=\"PatternEditor\" ref='$patternEditor' value='".concat(t,"' hide-label='true' onchange='changePatternEditor' />")}},{key:um("changePatternEditor"),value:function(t,e){this.command("setAttribute","change pattern",{pattern:e})}},{key:um("refreshSelection"),value:function(){this.refreshShow(["artboard","rect","circle","text","cube","cylinder"])}},{key:um("refreshSVGArea")+Ps(1e3),value:function(){this.load("$patternSelect")}}]),e}(bP);Qs({PatternProperty:Jj});var Qj=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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:Vs("$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(Qg.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(Qg.pause,"  ").concat(this.$i18n("video.property.pause"),'</button>      \n          <div>\n            <object refClass="NumberRangeEditor"  ref=\'$currentTime\' min="0" max="').concat(n,'" value="').concat(e,"\" step=\"0.001\" onchange=\"changeCurrentTime\" />\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='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(Qg.volume_off,"</span>\n            <span data-value='down'>").concat(Qg.volume_down,"</span>\n            <span data-value='up'>").concat(Qg.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            <object refClass="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          <object refClass=\"MediaProgressEditor\" ref='$progress'  key='playTime' value=\"").concat(t.playTime,'" onchange="changeSelect" />\n        </div>\n      ')}},{key:um("changeCurrentTime"),value:function(t,e){this.setState({currentTime:e},!1),this.command("setAttribute","change video property",{currentTime:e},null,!0)}},{key:um("changePlaybackRate"),value:function(t,e){this.setState({playbackRate:e},!1),this.command("setAttribute","change video property",{playbackRate:e},null,!0)}},{key:ps("$volume"),value:function(t){var e=Number(this.refs.$volume.value);this.setState({volume:e},!1),this.bindData("$volume_control"),this.command("setAttribute","change video property",{volume:e},null,!0)}},{key:Ls("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:Ls("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:Yo("$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:um("changeValue")+Ps(100),value:function(t,e){this.state.$video&&this.command("setAttribute","change video property",S()({},t,e),null,!0)}},{key:um("changeSelect"),value:function(t,e){this.command("setAttribute","change video property",S()({},t,e))}},{key:um("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:um("refreshSelection")+Ps(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"}}]),e}(bP);Qs({VideoProperty:Qj});var tO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getTitle",value:function(){return this.$i18n("pattern.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"check"}}},{key:"getTools",value:function(){var t=Cx.map((function(t){return"".concat(t.key,":").concat(t.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(t,'" onchange="changePreset"  />\n    '))}},{key:um("changePreset"),value:function(t,e){this.setState(S()({},t,e))}},{key:"getClassName",value:function(){return"pattern-assets-property"}},{key:um("refreshSelection")+Ps(100),value:function(){this.show()}},{key:"getBody",value:function(){return"\n      <div class='property-item pattern-assets'>\n        <div class='pattern-list' ref='$patternList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:Uo("$patternList .pattern-item"),value:function(t){var e=t.$dt.attr("data-pattern");t.dataTransfer.effectAllowed="copy",t.dataTransfer.setData("text/pattern",e)}},{key:Vs("$patternList"),value:function(){var t=this,e=Cx.find((function(e){return e.key===t.state.preset}));return e?e.execute().map((function(t,e){var n=Ji(up.toCSS(t.pattern));return("\n        <div class='pattern-item' data-index=\"".concat(e,'" data-pattern="').concat(t.pattern,"\">\n          <div class='preview' title=\"").concat(t.title,"\" draggable=\"true\">\n            <div class='pattern-view' style='").concat(n,"'></div>\n          </div>\n        </div>\n      "))})):""}},{key:Yo("$patternList .pattern-item"),value:function(t){var e=t.$dt.attr("data-pattern");"CanvasView"===this.$editor.modeView?this.emit("addBackgroundImagePattern",e):this.emit("setPatternAsset",e)}}]),e}(bP);Qs({PatternAssetsProperty:tO});var eO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return"History"}},{key:"getBody",value:function(){return"\n      <div class=\"history-list-view\" ref='$body'></div>\n    "}},{key:Vs("$body")+Ss,value:function(){var t=this;return this.$editor.history.map((function(e,n){return"-"===e?"<div class='divider'>-</div>":"\n        <div class='history-item'>\n          <span>".concat(n===t.$editor.history.currentIndex?Qg.arrowRight:"","</span>\n          <span>").concat(e.message,"</span>\n        </div>\n      ")}))}},{key:um("refreshHistory"),value:function(){this.refresh()}}]),e}(bP);Qs({HistoryProperty:eO});var nO,rO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return this.$i18n("iframe.property.title")}},{key:"getBody",value:function(){return'\n      <div ref=\'$body\' style=\'padding-top: 3px;\'>\n        <object refClass="TextEditor" ref="$input" label="URL" key="url" onchange="changeText" />\n      </div>\n    '}},{key:um("changeText")+Ps(100),value:function(t,e){var n=this.$selection.current;n&&(n.reset(S()({},t,e)),this.command("setAttribute","change iframe url",S()({},t,e),n.id))}},{key:um("refreshSelection")+Ps(100),value:function(){this.refreshShow(["iframe"])}}]),e}(bP);Qs({IFrameProperty:rO});nO={IFrameProperty:rO,HistoryProperty:eO,PatternAssetsProperty:tO,VideoProperty:Qj,PatternProperty:Jj,GridLayoutItemProperty:qj,FlexLayoutItemProperty:Zj,LayoutProperty:Uj,ExportProperty:Wj,SVGTextProperty:Kj,PathDataProperty:_j,ProjectInformationProperty:Yj,BorderNewProperty:Xj,TimelineAnimationProperty:Nj,ComponentProperty:Hj,ImageAssetsProperty:zj,VideoAssetsProperty:Fj,MotionProperty:Rj,AlignmentProperty:Lj,SVGFilterAssetsProperty:Ij,TextClipProperty:Dj,SVGItemProperty:Mj,GradientAssetsProperty:Vj,TextFillProperty:Oj,ColorAssetsProperty:jj,ImageProperty:Pj,ArtBoardSizeProperty:kj,LayerTreeProperty:mj,ProjectProperty:gj,PositionProperty:yj,SelectorProperty:vj,BackgroundClipProperty:uj,TransformOriginProperty:lj,PerspectiveProperty:cj,PerspectiveOriginProperty:sj,TransitionProperty:oj,ClipPathProperty:nj,TransformProperty:tj,BackdropFilterProperty:WP,CodeViewProperty:KP,FilterProperty:_P,BorderRadiusProperty:wP,BackgroundImageProperty:YP,KeyframeProperty:XP,AnimationProperty:NP,BorderImageProperty:LP,FontSpacingProperty:TP,TextProperty:EP,TextShadowProperty:CP,FontProperty:$P,ContentProperty:OP,BoxModelProperty:jP,BoxShadowProperty:SP},S()(nO,"BorderRadiusProperty",wP),S()(nO,"AppearanceProperty",xP);var iO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.palette,'</label>\n              </div>\n              <div class="tab-item" data-value="2" title=\'').concat(this.$i18n("inspector.tab.title.text"),"'>\n                <label class='icon'>").concat(Qg.title,'</label>\n              </div>              \n              <div class="tab-item" data-value="3" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(Qg.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="5" title=\'').concat(this.$i18n("inspector.tab.title.code"),"'>\n                <label class='icon'>").concat(Qg.code,'</label>\n              </div>       \n              <div class="tab-item" data-value="6" title=\'').concat(this.$i18n("inspector.tab.title.history"),"'>\n                <label class='icon'>").concat(Qg.expand,'</label>\n              </div>                                                   \n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="1">\n                <object refClass="AlignmentProperty" />\n\n                \x3c!-- Default Property --\x3e \n                <object refClass="PositionProperty" />\n                \x3c!--SizeProperty / --\x3e \n                <object refClass="AppearanceProperty" />\n                \n                \x3c!-- SVG Item --\x3e \n                <object refClass="SVGItemProperty" />              \n\n                \x3c!-- Image --\x3e \n                <object refClass="ImageProperty" />\n\n                \x3c!-- Video --\x3e \n                <object refClass="VideoProperty" />\n\n                \x3c!-- IFrame --\x3e \n                <object refClass="IFrameProperty" />                \n\n                \x3c!-- Component --\x3e\n                <object refClass="ComponentProperty" />                \n                \n                \x3c!-- Appearance --\x3e \n\n                <object refClass="BackgroundImageProperty" />                \n                <object refClass="PatternProperty" />\n                <object refClass="BorderNewProperty" />\n                <object refClass="BorderRadiusProperty" />\n\n                <object refClass="BoxModelProperty" />                \n                <object refClass="LayoutProperty" />\n                <object refClass="FlexLayoutItemProperty" />\n                <object refClass="GridLayoutItemProperty" />      \n\n                \x3c!-- effect --\x3e\n                <object refClass="BoxShadowProperty" />\n                <object refClass="FilterProperty" />\n                <object refClass="BackdropFilterProperty" />\n                <object refClass="ClipPathProperty" />       \n\n                \x3c!-- transform --\x3e \n                <object refClass="TransformOriginProperty" />                 \n                <object refClass="TransformProperty" />                  \n                \x3c!-- <PerspectiveProperty /> --\x3e\n                \x3c!-- <PerspectiveOriginProperty /> --\x3e \n\n                \x3c!-- ArtBoard --\x3e \n                <object refClass="ArtBoardSizeProperty" />    \n                \n                \x3c!-- SVG --\x3e\n                \x3c!-- <PathDataProperty /> --\x3e\n\n                \x3c!-- tool --\x3e                \n                <object refClass="ExportProperty" />\n\n\n                <div class=\'empty\'></div>\n              </div>     \n              <div class="tab-content scrollbar" data-value="2">\n\n                \x3c!-- <ContentProperty /> --\x3e    \n                <object refClass="SVGTextProperty" />                        \n                <object refClass="FontProperty" />\n                <object refClass="TextProperty" />\n                <object refClass="TextShadowProperty" />\n                <object refClass="TextFillProperty" />\n                <object refClass="FontSpacingProperty" />\n                <object refClass="TextClipProperty" />  \n                <div class=\'empty\'></div>\n              </div>                   \n              <div class=\'tab-content scrollbar\' data-value=\'3\'>\n                <object refClass="MotionProperty" />\n                \x3c!-- SelectorProperty" /> --\x3e \n                <object refClass="TransitionProperty" />                            \n                <object refClass="AnimationProperty" />\n                <object refClass="KeyframeProperty" />                          \n                <div class=\'empty\'></div>                \n              </div>                        \n              <div class="tab-content" data-value="5">\n                <object refClass="CodeViewProperty" />\n                <div class=\'empty\'></div>                           \n              </div>       \n              \n              <div class="tab-content" data-value="6">\n                <object refClass="HistoryProperty" />\n                <div class=\'empty\'></div>                           \n              </div>                     \n            </div>\n          </div>\n        </div>\n      </div>\n    ')}},{key:Yo("$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))}}]),e}(hm);Qs({Inspector:iO});var aO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n      <div class='object-items'>\n        <div>\n          <object refClass=\"LayerTreeProperty\" />\n        </div>\n      </div>\n    "}}]),e}(hm);Qs({ObjectItems:aO});var oO={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>'},sO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(oO).map((function(t){return"<div class='path-item'>".concat(oO[t],"</div>")})).join(""),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:Yo("$el .path-item"),value:function(t){var e=t.$dt.$("svg"),n=e.$("path"),r=e.attr("viewBox").split(" "),i=j()(r,4),a=i[0],o=i[1],s=i[2],c=i[3],l=n.attr("d"),u={x:+a,y:+o,width:+s,height:+c};this.emit("convertPath",l,u)}}]),e}(hm);Qs({LibraryItems:sO});var cO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return'\n      <div class=\'preview-tool-menu\'>\n        <div class=\'items\'>\n          <object refClass="KeyBoard" />      \n          <object refClass="Fullscreen" />      \n          <object refClass="ExportView" />\n          <object refClass="ExportCodePen" />\n          <div class=\'divdier\'></div>\n          <object refClass="Download" />\n          <object refClass="Save" />\n          <object refClass="Github" />\n          <object refClass="Manual" />          \n        </div>                \n      </div>\n    '}}]),e}(hm);Qs({PreviewToolMenu:cO});var lO={option:"⌥",cmd:"⌘",shift:"⇧",alt:"⎇",ctrl:"⌃",enter:"⏎",escape:"⎋",arrowdown:"↓",arrowup:"↑",arrowleft:"←",arrowright:"→",backspace:"Delete",minus:"-",equal:"+"};var uO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n      <div class='shortcut-items'></div>\n    "}},{key:Vs("$el"),value:function(){var t=rf();return af.map((function(e){return"\n        <div class='shortcut-item'>\n          <div class='command'>\n            <label>".concat(e.description,"</label>\n            <span><kbd>").concat((n=e[t]||e.key,n.toLowerCase().split("+").map((function(t){return lO[t]||t})).join(" + ")),"</kbd></span>\n          </div>\n          <div class='when'>").concat(e.when,"</div>\n        </div>\n      ");var n}))}}]),e}(hm);Qs({ShortCutItems:uO});var hO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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="tab-item selected" data-value="2" title="'.concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(Qg.layers,'</label>\n            </div>            \n            <div class="tab-item" data-value="1" title="').concat(this.$i18n("app.tab.title.projects"),'">\n              <label>').concat(Qg.note,"</label>\n            </div>         \n            <div class='tab-item' data-value='5' title=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(Qg.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' title=\"").concat(this.$i18n("app.tab.title.artboards"),'">\n              <label>').concat(Qg.artboard,"</label>\n            </div>            \n            <div class='tab-item' data-value='4' title=\"").concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(Qg.add,'</label>\n            </div>\n\n            <div class=\'tab-item extra-item\' >\n              <object refClass="PreviewToolMenu" />\n            </div>               \n          </div>\n          <div class="tab-body" ref="$body">\n            <div class="tab-content project-content" data-value="1">\n              <object refClass="ProjectProperty" />\n              <object refClass="ProjectInformationProperty" />\n            </div>\n            <div class="tab-content selected" data-value="2">\n              <object refClass="ObjectItems" />\n            </div>\n            <div class=\'tab-content\' data-value=\'3\'>\n              <object refClass="LibraryItems" />\n            </div>            \n            <div class=\'tab-content\' data-value=\'4\'>\n              <object refClass="ComponentItems" />\n            </div>    \n            <div class=\'tab-content\' data-value=\'5\'>\n              <div class=\'assets\'>\n                <object refClass="ColorAssetsProperty" />\n                <object refClass="GradientAssetsProperty" />    \n                <object refClass="PatternAssetsProperty" />    \n                <object refClass="ImageAssetsProperty" />      \n                <object refClass="VideoAssetsProperty" />       \n                <object refClass="SVGFilterAssetsProperty" />                \n              </div>\n            </div>\n            <div class=\'tab-content\' data-value=\'6\'>\n              <object refClass="ArtboardItems" />\n            </div>\n          </div>\n        </div>\n      </div>\n    ')}},{key:Yo("$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))}}]),e}(hm);Qs({LayerTab:hO});var pO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return'\n      <div class="feature-control object-list">\n        <object refClass="LayerTab" />\n      </div>\n    '}}]),e}(hm);Qs({ObjectList:pO});var dO={"stroke-dasharray":"Stroke Dash Array","stroke-dashoffset":"Stroke Dash Offset","stroke-linejoin":"Stroke Line Join"},fO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:um("refreshCanvas","refreshSelection")+Ps(1e3),value:function(){this.refresh()}},{key:"makeTimelineObjectRow",value:function(t){var e=this,n=this.$selection.currentProject,r=n.searchById(t.id);if(r){var i=this.$timeline.checkLayer(r.id),a=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(i,"' data-layer-id='").concat(r.id,"' data-property=''>\n                <div class='icon'>").concat(Qg.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(Qg.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 dO[t]||e||t}(t.property),"</div>\n                    <div class='current-value'>\n                      ").concat("d"===t.property?a.totalLength:"","\n                      ").concat("points"===t.property?a.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(Qg.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:Vs()+Ss,value:function(){var t=this,e=this.$selection.currentProject;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:Yo("$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:Yo("$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:Yo("$el .timeline-object-row.layer .remove-timeline"),value:function(t){var e=t.$dt.attr("data-layer-id");e&&this.emit("removeTimeline",e)}},{key:Yo("$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:Yo("$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:Yo("$el .timeline-object-row.layer-property .title"),value:function(t){var e=t.$dt.closest("timeline-object-row").attrs("data-layer-id","data-property"),n=j()(e,2),r=n[0],i=n[1];this.$timeline.selectProperty(r,i),this.refreshSelection(),this.emit("refreshTimeline")}},{key:um("refreshTimeline"),value:function(){this.refresh()}}]),e}(hm);function vO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qs({TimelineObjectList:fO});var yO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"config",value:function(t){return this.parent.state[t]}},{key:"initState",value:function(){return{rect:null}}},{key:"calculateTimeToPosition",value:function(t,e,n){var r=(t-e)/(n-e);return Lo.px(this.rect.totalWidth*r+10)}},{key:"makeSubOffset",value:function(t,e){var n=[];if("offset-path"===t){var r=e.split(",").map((function(t){return t.trim()})),i=j()(r,1)[0],a=this.$selection.currentProject.searchById(i);a&&(e=a.d)}else e=null;if(e){var o=qu(new Dc(e).segments),s=o.totalLength,c=o.interpolateList,l=0;(n=c.map((function(t){var e={totalLength:s,length:t.length+l};return l+=t.length,e}))).pop()}return n}},{key:"makeKeyframe",value:function(t,e,n){var r=this,i=n.keyframes.filter((function(t){return e.displayStartTime<=t.time&&t.time<=e.displayEndTime})).map((function(t,i){return function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?vO(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):vO(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:i})}));return"\n        <div class='keyframe-back' \n            data-layer-id=\"".concat(t,'"\n            data-property="').concat(n.property,'"\n        >\n\n            ').concat(i.map((function(e,a){var o=i[a+1];if(!o)return"";var s=Lo.px(e.left.value),c=Lo.px(o.left.value-e.left.value),l=r.$timeline.checked(e.id)&&r.$timeline.checked(o.id);return'\n                    <div \n                        data-selected="'.concat(l,'"\n                        class="offset-line"\n                        style=\'left: ').concat(s,"; width: ").concat(c,"'} ></div>\n\n                    ").concat(e.subOffset.map((function(r,i){var a=Lo.px(e.left.value+r.length/r.totalLength*c.value);return("\n                        <div \n                            class='".concat(ea({"sub-offset":!0}),"'    \n                            style='left: ").concat(a,"'\n                            data-offset-id=\"").concat(e.id,'"\n                            data-layer-id="').concat(t,'"\n                            data-property="').concat(n.property,'"\n                            data-suboffset-index="').concat(i,'"\n                        ></div>\n        \n                        '))})).join(""),"\n                ")})).join(""),"\n        </div>\n        <div class='keyframe'>\n\n            ").concat(i.map((function(e){var i=r.$timeline.checked(e.id);return("<div class='offset' style='left: ".concat(e.left,"'\n                    data-selected=\"").concat(i,'"\n                    data-offset-id="').concat(e.id,'"\n                    data-layer-id="').concat(t,'"\n                    data-property="').concat(n.property,'"\n                    data-offset-index="').concat(e.index,'"\n                ></div>\n\n                '))})).join(""),"\n        </div>")}},{key:"makeTimelineKeyframeRow",value:function(t,e){var n=this,r=this.$selection.currentProject.searchById(e.id);if(r){var i={};e.properties.map((function(t){return t.keyframes.map((function(t){return t.time}))})).forEach((function(t){t.forEach((function(t){return i[t]=!0}))}));var a=Object.keys(i).map((function(t){return+t}));return("\n        <div class='timeline-keyframe ".concat(ea({collapsed:e.collapsed}),"' data-timeline-layer-id=\"").concat(r.id,"\">\n            <div \n                class='timeline-keyframe-row layer' \n                data-row-index=\"").concat(this.state.rowIndex++,'"\n                data-layer-id="').concat(r.id,"\"\n            >\n                <div class='keyframe-shadow'>\n                ").concat(a.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 \n                    class='timeline-keyframe-row layer-property'\n                    data-row-index=\"".concat(n.state.rowIndex++,'"\n                    data-property="').concat(e.property,'"\n                    data-layer-id="').concat(r.id,'"\n                >\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=Ro.create(t.target);return!1===e.hasClass("offset")&&!1===e.hasClass("offset-line")}},{key:"getRowIndex",value:function(t){return t=Di(t)?this.state.rowIndex:+t}},{key:Wo("$el")+bs("Backspace"),value:function(t){this.emit("deleteTimelineKeyframe")}},{key:"isNotMoved",value:function(t,e){return 0===t&&0===e}},{key:ss("$el")+ms("hasDragPlace")+$s("moveDragArea")+Cs("moveEndDragArea"),value:function(t){this.dragXY=this.getRealPosition(t),this.startRowIndex=this.getRowIndex(Ro.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?Lo.px(this.dragXY.x+t):Lo.px(this.dragXY.x),r=e<0?Lo.px(this.dragXY.y+e):Lo.px(this.dragXY.y),i=Lo.px(Math.abs(t)),a=Lo.px(Math.abs(e));this.refs.$dragArea.css({left:n,top:r,width:i,height:a}),this.left=n,this.width=i}}},{key:"getLayerList",value:function(){for(var t=this.getRowIndex(Ro.create(this.$config.get("bodyEvent").target).attr("data-row-index")),e=Math.min(t,this.startRowIndex),n=Math.max(t,this.startRowIndex),r=[],i=e;i<=n;i++)r.push('[data-row-index="'.concat(i,'"]'));return this.refs.$keyframeList.$$(r.join(",")).map((function(t){var e=t.attrs("data-layer-id","data-property"),n=j()(e,2);return{layerId:n[0],property:n[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),i=this.getTimeRateByPosition((this.left.value+this.width.value)/n);this.$timeline.selectBySearch(this.getLayerList(),r,i),this.refresh(),this.startRowIndex=null}else this.doubleClicked?this.doubleClicked=!1:(this.$timeline.empty(),this.refresh())}},{key:Vs("$keyframeList")+Ss,value:function(){var t=this,e=this.$selection.currentProject;if(!e)return"";var n=e.getSelectedTimeline();if(!n)return"";this.state.rect||(this.state.rect=this.$el.rect());var r=this.state.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:Yo("$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:_o("$el .layer-property"),value:function(t){var e=t.$dt.attrs("data-layer-id","data-property"),n=j()(e,2),r=n[0],i=n[1],a=this.getTimeRateByPosition(this.getRealPosition(t).rate);this.emit("addTimelineKeyframe",{layerId:r,property:i,time:a}),this.doubleClicked=!0,this.refresh()}},{key:ss("$el .layer-property .offset")+ms("hasCurrentTimeline")+$s("moveOffset")+Cs("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"),i=this.$offset.attr("data-layer-id");this.$keyframeBack=this.$offset.closest("timeline-keyframe-row").$(".keyframe-back");var a=this.$el.rect().width-20;this.rect={totalWidth:a,startX:10};var o=this.$selection.currentProject;o&&(this.offset=o.getTimelineKeyframeById(i,r,n),this.layerId=i,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,i=r.displayStartTime,a=r.displayEndTime,o=r.fps,s=t<0?-1:1,c=Math.abs(t)/this.rect.totalWidth*(a-i);this.$timeline.each((function(t){var e=n.cachedOffsetList[t.id]+c*s;e=Math.max(e,i),e=Math.min(e,a);var r=Bc(o,e);e=Fc(o,r),t.time=e})),this.refresh(),this.emit("refreshOffsetValue",this.offset)}}},{key:um("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.currentProject;n&&(this.$timeline.each((function(t){n.sortTimelineKeyframe(t.layerId,t.property)})),this.refresh())}},{key:um("addTimeline","moveTimeline")+Ps(100),value:function(){this.refresh()}},{key:um("refreshTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:um("resize.window")+Ps(100),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=this.$selection.currentProject;if(t)return t.getSelectedTimeline()}}]),e}(hm);Qs({TimelineKeyframeList:yO});var gO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n        <div class='keyframe-time-control'>\n            <div class='time-manager'>\n                <button type=\"button\" ref='$timer'>".concat(Qg.timer,'</button>\n                <label>\n                    <input type="text" ref=\'$currentTime\' />\n                </label>\n                <label>FPS <input type="number" ref=\'$fps\' min="0" max="999" /></label>\n                <label>\n                    <input type="text" ref=\'$duration\' />\n                </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:um("playTimeline"),value:function(){this.refreshCurrentTime()}},{key:um("refreshTimeline"),value:function(){this.refresh()}},{key:um("moveTimeline","refreshSelection")+Os(10),value:function(){this.refresh()}},{key:Wo("$fps")+ks,value:function(t){var e=+this.refs.$fps.val(),n=this.$selection.currentProject;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:Yo("$timer"),value:function(){var t=this.$selection.currentProject;t&&(t.seek(this.refs.$currentTime.value,(function(t){return!0})),this.emit("playTimeline"))}},{key:Ko("$currentTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:Wo("$currentTime")+ks+ms("checkNumberOrTimecode")+ms("hasCurrentTimeline")+Es,value:function(t){var e=this.refs.$currentTime.value,n=this.$selection.currentProject;n&&n.setTimelineCurrentTime(e),this.refresh(),this.emit("moveTimeline")}},{key:Ko("$duration"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:Wo("$duration")+ks+ms("checkNumberOrTimecode")+ms("hasCurrentTimeline")+Es,value:function(t){var e=this.refs.$duration.value,n=this.$selection.currentProject;n&&n.setTimelineTotalTime(e),this.refresh(),this.emit("moveTimeline")}},{key:"currentTimeline",get:function(){var t=this.$selection.currentProject;return t?t.getSelectedTimeline():null}}]),e}(hm);Qs({KeyframeTimeControl:gO});var mO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{KeyframeTimeControl:gO}}},{key:"template",value:function(){return"\n            <div class='timeline-top-toolbar'>\n                <object refClass=\"KeyframeTimeControl\" />\n            </div>\n        "}}]),e}(hm);function bO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qs({TimelineTopToolbar:mO});var kO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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=Lo.percent(t.displayStartTime/t.totalTime*100),n=Lo.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:Lo.percent(n.value-e.value)})}}},{key:ss("$start")+ms("hasCurrentTimeline")+$s("moveStartButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.endX=Lo.parse(this.refs.$end.css("left")).toPx(this.sliderRect.width)}},{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.$selection.currentProject.setDisplayStartTimeRate(n),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:ss("$end")+ms("hasCurrentTimeline")+$s("moveEndButton"),value:function(t){this.sliderRect=this.refs.$slider.rect(),this.startX=Lo.parse(this.refs.$start.css("left")).toPx(this.sliderRect.width)}},{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.$selection.currentProject.setDisplayEndTimeRate(r),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:ss("$gauge")+ms("hasCurrentTimeline")+$s("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}},{key:"moveGaugeButton",value:function(t,e){var n=t/this.sliderRect.width;this.$selection.currentProject.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(S()({},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 i=this.$el.rect(),a=i.width,o=(i.height,r.displayStartTime),s=r.displayEndTime,c=r.fps,l=r.currentTime,u=Math.floor(o*c),h=Math.floor(s*c),p=(a=i.width,h-u),d=5;p<100?d=10:p<1e3?d=100:p<1e4?d=1e3:p<1e5&&(d=1e4),u%d!=0&&(u+=d-u%d);var f={textAlign:"center",textBaseline:"middle",font:"10px sans-serif"};this.refs.$canvas.resize({width:a,height:24}),this.refs.$canvas.update((function(){var r=this.rect(),i=a-20;this.drawOption(function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?bO(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):bO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({strokeStyle:"rgba(204, 204, 204, 0.3)",lineWidth:.5},f));for(;u<h;u+=d){var p=(Fc(c,u)-o)/(s-o)*i;this.drawOption({fillStyle:t}),this.drawText(p+10,7,Gc(c,u).replace(/00\:/g,"")+"f")}this.drawOption({strokeStyle:e,lineWidth:1}),this.drawLine(0,r.height-.5,r.width,r.height);var v=(l-o)/(s-o)*i;this.drawOption({strokeStyle:n,fillStyle:n,lineWidth:1}),this.drawPath([v-4+10,r.height-10],[v+4+10,r.height-10],[v+4+10,r.height-4],[v+10,r.height],[v-4+10,r.height-4],[v-4+10,r.height-10])}))}}},{key:ss("$canvas")+ms("hasCurrentTimeline")+$s()+Cs("moveEndCurrentTime"),value:function(t){this.selectedCanvasOffset=this.refs.$canvas.offset(),this.originalRect=this.$el.rect(),this.width=this.originalRect.width-20,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.$selection.currentProject.setTimelineCurrentTimeRate(n/t),this.refresh(),this.$selection.currentProject.seek(),this.emit("moveTimeline")}},{key:"moveEndCurrentTime",value:function(){this.emit("resetSelection")}},{key:um("resize.window")+Ps(100),value:function(){this.refresh()}},{key:um("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:um("moveTimeline","refreshSelection")+Os(10),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var t=this.$selection.currentProject;return t?t.getSelectedTimeline():null}}]),e}(hm);Qs({KeyframeTimeView:kO});var xO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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.currentProject;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,i=e.displayStartTime,a=e.displayEndTime;this.refs.$canvas.resize(this.$el.rect()),this.refs.$canvas.update((function(){var e=this.rect(),o=(r-i)/(a-i)*(n-20);this.drawOption({strokeStyle:t,lineWidth:1}),this.drawLine(o+10,0,o+10,e.height)}))}}},{key:um("resize.window")+Ps(100),value:function(){this.refresh()}},{key:um("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:um("moveTimeline","refreshSelection")+Os(50),value:function(){this.refresh()}}]),e}(hm);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}Qs({KeyframeTimeGridView:xO});var SO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{CSSPropertyEditor:Cb,CubicBezierEditor:$m}}},{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:Di(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.currentProject,e="00:00:00:00";if(t){var n=t.getSelectedTimeline();n&&(e=Bc(n.fps,this.state.time))}this.refs.$offsetTime.val(e),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.getProperties()),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",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:Yo("$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:Ko("$offsetTime"),value:function(t){if(!this.checkKey(t))return t.preventDefault(),t.stopPropagation(),!1}},{key:Wo("$offsetTime")+ks+ms("checkNumberOrTimecode")+Es,value:function(t){var e=this.refs.$offsetTime.value,n=this.$selection.currentProject;if(n){var r=n.getSelectedTimeline();this.updateData({time:Fc(r.fps,e)})}}},{key:"templateForOffset",value:function(){return"\n      <div class='offset-input'>\n        <label>".concat(this.$i18n("timeline.value.editor.time"),"</label>\n        <div class='input-area'>\n          <input type=\"text\" ref='$offsetTime' title=\"").concat(this.$i18n("timeline.value.editor.offset.message"),"\" />\n        </div>\n        <button type=\"button\" ref='$seek' title='Seek timeline'>").concat(Qg.gps_fixed,"</button>\n      </div>\n    ")}},{key:Yo("$seek"),value:function(){var t=this,e=this.$selection.currentProject;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      <object refClass=\"CSSPropertyEditor\" ref='$propertyEditor' hide-title='true' onchange='changePropertyEditor' />\n    "}},{key:"templateForTimingFunction",value:function(){return'\n    <div class=\'timing-function\'>\n      <object refClass="CubicBezierEditor" ref=\'$cubicBezierEditor\' key="timing" value="'.concat(this.state.timingFunction||"linear","\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:um("refreshPropertyValue"),value:function(){var t=this.$selection.currentProject;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:um("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?wO(Object(n),!0).forEach((function(e){S()(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),!1),this.refresh()}},{key:um("changeCubicBezier"),value:function(t,e){this.updateData(S()({},t,e+""))}},{key:um("changePropertyEditor"),value:function(t){if(t.length){var e=t[0];this.updateData({value:e.value+""})}}}]),e}(hm);Qs({TimelineValueEditor:SO});var PO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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(Qg.play,"</button>\n                        <button type=\"button\" data-value='pause' class='pause' title='").concat(this.$i18n("timeline.play.control.pause"),"'>").concat(Qg.pause,"</button>                \n                        <button type=\"button\" data-value='first' class='first' title='").concat(this.$i18n("timeline.play.control.first"),"'>").concat(Qg.skip_prev,"</button>\n                        <button type=\"button\" data-value='prev' class='prev' title='").concat(this.$i18n("timeline.play.control.prev"),"'>").concat(Qg.fast_rewind,"</button>                    \n                        <button type=\"button\" data-value='next' class='next' title='").concat(this.$i18n("timeline.play.control.next"),"'>").concat(Qg.fast_forward,"</button>\n                        <button type=\"button\" data-value='last' class='last' title='").concat(this.$i18n("timeline.play.control.last"),"'>").concat(Qg.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(Qg.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate' title='").concat(this.$i18n("timeline.play.control.alternate"),"'>").concat(Qg.alternate,"</button>\n                        <button type=\"button\" data-value='reverse' title='").concat(this.$i18n("timeline.play.control.reverse"),"' style='transform: rotateY(180deg)'>").concat(Qg.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate-reverse' title='").concat(this.$i18n("timeline.play.control.alternate.reverse"),"' style='transform: rotateY(180deg)'>").concat(Qg.alternate_reverse,"</button>\n                    </div>\n                </div>                                \n            </div>\n        ")}},{key:"initState",value:function(){var t=1,e=1,n="normal",r=this.getSelectedTimeline();if(r)t=r.speed,e=r.iterationCount,n=r.direction;return{status:"pause",speed:t,iterationCount:e,direction:n}}},{key:"getSelectedTimeline",value:function(){var t=this.$selection.currentProject;if(t)return t.getSelectedTimeline()}},{key:"updateData",value:function(t){this.setState(t,!1);var e=this.$selection.currentProject;e&&e.setTimelineInfo(t)}},{key:Yo("$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:um("stopTimeline"),value:function(){this.updateData({status:"pause"})}},{key:Yo("$direction button"),value:function(t){this.updateData({direction:t.$dt.attr("data-value")}),this.refresh()}},{key:Yo("$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:ts("$iteration"),value:function(t){this.updateData({iterationCount:+this.refs.$iteration.value}),this.bindData("$repeatStatus")}},{key:ts("$speed"),value:function(t){this.updateData({speed:+this.refs.$speed.value})}},{key:Ls("$repeatStatus"),value:function(){return{text:0===this.state.iterationCount?this.$i18n("timeline.play.control.infinite"):this.$i18n("timeline.play.control.repeat")}}},{key:Ls("$playButtons"),value:function(){return{"data-status":this.state.status}}},{key:Ls("$direction"),value:function(){return{"data-selected-direction":this.state.direction}}},{key:um("selectTimeline"),value:function(){this.refresh()}}]),e}(hm);Qs({TimelinePlayControl:PO});var jO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{TimelineAnimationProperty:Nj,TimelinePlayControl:PO,TimelineValueEditor:SO,KeyframeTimeView:kO,TimelineKeyframeList:yO,TimelineObjectList:fO,TimelineTopToolbar:mO,KeyframeTimeGridView:xO}}},{key:"isFirstShow",value:function(){return!1}},{key:"getTitle",value:function(){return this.$i18n("timeline.property.title")}},{key:"getTools",value:function(){return'\n      <object refClass="TimelinePlayControl" />\n      \n    '}},{key:"getClassName",value:function(){return"timeline full managed-tool"}},{key:"getBody",value:function(){return"\n      <div class='timeline-animation-area'>\n        <object refClass=\"TimelineAnimationProperty\" />\n      </div>\n      <div class='timeline-area'>\n        <div class='timeline-header'>\n          <div class='timeline-object-toolbar'>\n            <object refClass=\"TimelineTopToolbar\" />\n          </div>\n          <div class='timeline-keyframe-toolbar' ref='$keyframeToolBar'>\n            <object refClass=\"KeyframeTimeView\" ref='$keyframeTimeView' /> \n          </div>\n        </div>\n        <div class='timeline-body'>\n          <div class='timeline-object-area' ref='$area'>\n            <object refClass=\"TimelineObjectList\" />\n          </div>\n          <div class='timeline-keyframe-area' ref='$keyframeArea'>\n            <object refClass=\"TimelineKeyframeList\" ref='$keyframeList' />          \n          </div>\n          <object refClass=\"KeyframeTimeGridView\" ref='$keyframeTimeGridView' />            \n        </div>\n      </div>\n      <div class='timeline-value-area'>\n        <object refClass=\"TimelineValueEditor\" ref='$valueEditor' onchange='changeKeyframeValue' />\n      </div>\n    "}},{key:as("$keyframeArea"),value:function(t){this.refs.$area.setScrollTop(this.refs.$keyframeArea.scrollTop())}},{key:as("$area"),value:function(t){this.refs.$keyframeArea.setScrollTop(this.refs.$area.scrollTop())}},{key:um("refreshValueEditor")+Ps(100),value:function(){this.children.$valueEditor.refresh()}},{key:"afterRender",value:function(){this.trigger("refreshValueEditor")}},{key:um("changeKeyframeValue"),value:function(t){this.emit("setTimelineOffset",t)}},{key:qo("$area")+Es,value:function(t){}},{key:Zo("$area")+Es,value:function(t){this.emit("addTimelineItem",t.dataTransfer.getData("layer/id"))}},{key:"onToggleShow",value:function(){this.emit("toggleFooter",this.isPropertyShow()),this.emit("timeline.view",this.isPropertyShow())}}]),e}(bP);Qs({TimelineProperty:jO});var OO=Ro.create("div"),$O=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n    <div class='style-view' style='pointer-events: none; position: absolute;display:inline-block;left:-1000px;'>\n      <div ref='$svgArea'></div>\n    </div>\n    "}},{key:"initialize",value:function(){Bs()(So()(e.prototype),"initialize",this).call(this),this.refs.$head=Ro.create(document.head)}},{key:"makeStyle",value:function(t){return PS.toStyle(t)}},{key:"refreshStyleHead",value:function(){var t=this,e=this.$selection.currentProject||new wh;this.refs.$head.$$("style").forEach((function(t){return t.remove()})),this.changeStyleHead(e),e.layers.forEach((function(e){return t.changeStyleHead(e)}))}},{key:"changeStyleHead",value:function(t){var e=this,n=Ro.create("div"),r=this.makeStyle(t);n.html(r).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,'"]')})).join(","),i=!1;this.refs.$head.$$(r).forEach((function(e){t.isChanged(e.attr("data-timestamp"))&&(i=!0,e.remove())})),i&&this.changeStyleHead(t)}},{key:Vs("$svgArea")+Ss,value:function(){var t=this.$selection.currentProject||{};return PS.renderSVG(t)}},{key:um("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:um("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:um("refreshSelectionStyleView"),value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,e=t;Li(t)?e=t:null!==t&&(e=[t]);for(var n=[],r=[],i=[],a=0,o=(n=e?Ai(e[0])?this.$selection.itemsByIds(e):e:this.$selection.items).length;a<o;a++){var s=n[a],c=s.allLayers.map((function(t){return'style[data-id="'.concat(t.id,'"]')})).join(",");i.push(c),r.push(this.makeStyle(s))}i.length&&this.refs.$head.$$(i).forEach((function(t){t.remove()}));var l=OO.html(r.join("")).createChildrenFragment();this.refs.$head.append(l)}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}]),e}(hm);Qs({StyleView:$O});var CO={1:"to top left",2:"to top right",3:"to bottom right",4:"to bottom left",11:"to top",12:"to right",13:"to bottom",14:"to left"},EO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n            <div class='selection-view one-selection-view' ref='$selectionView' style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>\n            </div>\n        "}},{key:um("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:um("keymap.keyup"),value:function(t){this.$el.attr("data-has-shift","")}},{key:"toggleEditingPath",value:function(t){this.$el.toggleClass("editing-path",t)}},{key:"checkEditMode",value:function(){return this.$editor.isSelectionMode()}},{key:ss("$pointerRect .rotate-pointer")+Es+$s("rotateVertext")+Cs("rotateEndVertext"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.createWorldPosition(t.clientX,t.clientY),this.$selection.doCache(),this.$selection.reselect(),this.verties=Xi(this.$selection.verties),this.$snapManager.clear(),this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertext",value:function(){var t=this,e=this.$config.get("bodyEvent"),n=this.$viewport.createWorldPosition(e.clientX,e.clientY),r=a.subtract([],n,this.initMousePoint),i=4===this.rotateTargetNumber?yc(this.verties,34):this.verties[this.rotateTargetNumber],o=Math.floor(Tr(i,this.verties[4],r));this.$selection.cachedItemVerties.forEach((function(e){var n=t.$selection.get(e.id);n&&n.reset({transform:Ec.addTransform(e.transform,"rotateZ(".concat(Lo.deg(o).round(1e3),")"))})})),this.state.dragging=!0,this.renderPointers(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView"),this.emit("refreshRect")}},{key:"rotateEndVertext",value:function(){var t=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.verties=null,this.nextTick((function(){t.command("setAttributeForMulti","move selection pointer",t.$selection.cloneValue("x","y","width","height"))}))}},{key:"refreshRotatePointerIcon",value:function(t){this.emit("refreshCursor","rotate")}},{key:"refreshPointerIcon",value:function(t){var e=t.$dt.data("pointer");if(e){var n=e.split(",").map((function(t){return Number(t)})),r=a.subtract([],n,this.state.renderPointerList[0][4]),i=Lr(r[0],r[1]),o=Math.floor(i)-130;this.emit("refreshCursor","open_in_full","rotate(".concat(o," 12 12)"))}else this.emit("recoverCursor")}},{key:"checkPointerIsNotMoved",value:function(t){return!1===Boolean(this.state.dragging)}},{key:cs("$pointerRect .rotate-pointer")+ms("checkPointerIsNotMoved")+Es,value:function(t){this.refreshRotatePointerIcon(t)}},{key:cs("$pointerRect .pointer")+ms("checkPointerIsNotMoved")+Es,value:function(t){this.refreshPointerIcon(t)}},{key:ls("$pointerRect .pointer,.rotate-pointer")+ms("checkPointerIsNotMoved")+Es,value:function(t){this.emit("recoverCursor")}},{key:ss("$pointerRect .pointer")+Es+$s("moveVertext")+Cs("moveEndVertext"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number"),n=CO["".concat(e)];this.initMousePoint=this.$viewport.createWorldPosition(t.clientX,t.clientY),this.state.moveType=n,this.state.moveTarget=e,this.$selection.doCache(),this.$selection.reselect(),this.$snapManager.clear(),this.verties=this.$selection.verties}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,r,o){var s=a.subtract([],uc.scale(r,e,n),t);return Dr(i.fromTranslation([],t),i.fromTranslation([],s),o,i.fromTranslation([],a.negate([],s)))}},{key:"calculateDistance",value:function(t,e,n){var r=a.clone(t),i=this.$snapManager.check([a.add([],r,e)]),o=a.add([],r,a.add([],e,i)),s=a.transformMat4([],r,n),c=a.transformMat4([],o,n);return a.floor([],a.add([],c,a.negate([],s)))}},{key:"calculateRealDist",value:function(t,e,n){return this.calculateDistance(t.verties[e],n,t.accumulatedMatrixInverse)}},{key:"moveItem",value:function(t,e,n,r){t&&(t.reset({x:Lo.px(e[0]+(n<0?n:0)).round(1e3),y:Lo.px(e[1]+(r<0?r:0)).round(1e3),width:Lo.px(Math.abs(n)).round(1e3),height:Lo.px(Math.abs(r)).round(1e3)}),t.recover())}},{key:"moveDirectionVertext",value:function(t,e,n,r,a){var o=Mr(t.directionMatrix[r],this.calculateNewOffsetMatrixInverse(a,e,n,t.originalTransformOrigin,t.itemMatrix)),s=i.getTranslation([],o);this.moveItem(this.$selection.get(t.id),s,e,n)}},{key:"moveBottomRightVertext",value:function(t){var e=this;this.verties&&this.$selection.cachedItemVerties.forEach((function(n){var r=e.calculateRealDist(n,2,t),i=j()(r,2),a=i[0],o=i[1];e.$config.get("bodyEvent").shiftKey&&(o=a*n.height/n.width);var s=n.width+a,c=n.height+o;e.moveDirectionVertext(n,s,c,"to top left",[0,0,0])}))}},{key:"moveTopRightVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,s=e.height-a;this.moveDirectionVertext(e,o,s,"to bottom left",[0,s,0])}}},{key:"moveTopLeftVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,s=e.height-a;this.moveDirectionVertext(e,o,s,"to bottom right",[o,s,0])}}},{key:"moveTopVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=j()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertext(e,a,o,"to bottom",[a/2,o,0])}}},{key:"moveBottomVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=j()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertext(e,a,o,"to top",[a/2,0,0])}}},{key:"moveRightVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,1,t),r=j()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertext(e,a,o,"to left",[0,o/2,0])}}},{key:"moveLeftVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,0,t),r=j()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertext(e,a,o,"to right",[a,o/2,0])}}},{key:"moveBottomLeftVertext",value:function(t){var e=this.$selection.cachedItemVerties[0];if(e){var n=this.calculateRealDist(e,3,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,s=e.height+a;this.moveDirectionVertext(e,o,s,"to top right",[o,0,0])}}},{key:"moveVertext",value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.createWorldPosition(t.clientX,t.clientY),n=a.subtract([],e,this.initMousePoint);"to top left"===this.state.moveType?this.moveTopLeftVertext(n):"to top"===this.state.moveType?this.moveTopVertext(n):"to right"===this.state.moveType?this.moveRightVertext(n):"to bottom"===this.state.moveType?this.moveBottomVertext(n):"to left"===this.state.moveType?this.moveLeftVertext(n):"to top right"===this.state.moveType?this.moveTopRightVertext(n):"to bottom right"===this.state.moveType?this.moveBottomRightVertext(n):"to bottom left"===this.state.moveType&&this.moveBottomLeftVertext(n),this.state.dragging=!0,this.renderPointers(),this.refreshSmartGuides(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView"),this.emit("refreshRect")}},{key:"moveEndVertext",value:function(){var t=this;this.state.dragging=!1,this.emit("recoverCursor"),this.emit("refresh"),this.$selection.reselect(),this.nextTick((function(){t.command("setAttributeForMulti","move selection pointer",t.$selection.cloneValue("x","y","width","height"))}))}},{key:"moveTo",value:function(t){var e=this;this.$selection.cachedItemVerties.forEach((function(n){var r=e.$snapManager.check(n.rectVerties.map((function(e){return a.add([],e,t)}))),i=a.add([],t,r),o=n.rectVerties.map((function(t){return a.add([],t,i)})),s=a.subtract([],a.transformMat4([],o[0],n.parentMatrixInverse),a.transformMat4([],n.rectVerties[0],n.parentMatrixInverse)),c=e.$selection.get(n.id);c&&c.reset({x:Lo.px(n.x+s[0]),y:Lo.px(n.y+s[1])})})),this.refreshSmartGuides()}},{key:"refreshSmartGuides",value:function(){if(this.$selection.current){var t=this.$snapManager.findGuide(this.$selection.current.guideVerties());this.emit("refreshGuideLine",t)}}},{key:"getSelectedElements",value:function(){var t=this;return this.$selection.ids.map((function(e){return t.parent.state.cachedCurrentElement[e]}))}},{key:"initSelectionTool",value:function(){this.$editor.isSelectionMode()&&this.$el.isHide()&&this.$selection.isOne?this.$el.show():this.$el.isShow()&&!1===this.$selection.isOne&&this.$el.hide(),this.makeSelectionTool()}},{key:"makeSelectionTool",value:function(){this.renderPointers()}},{key:"renderPointers",value:function(){if(this.refs.$pointerRect.isHide())if(this.$selection.isEmpty);else{this.refs.$pointerRect.show();var t=this.$selection.verties,e=this.$selection.selectionVerties,n=i.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e),this.$viewport.applyVerties([n])];var r=this.createRenderPointers.apply(this,E()(this.state.renderPointerList)),a=r.line,o=r.point,s=r.size;this.refs.$pointerRect.updateDiff(a+o+s)}else if(this.$selection.isEmpty)this.refs.$pointerRect.hide();else{var c=this.$selection.verties,l=this.$selection.selectionVerties,u=i.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(c),this.$viewport.applyVerties(l),this.$viewport.applyVerties([u])];var h=this.createRenderPointers.apply(this,E()(this.state.renderPointerList)),p=h.line,d=h.point,f=h.size;this.refs.$pointerRect.updateDiff(p+d+f)}}},{key:"createPointer",value:function(t,e,n){return"\n        <div class='pointer' data-number=\"".concat(e,'" data-pointer="').concat(t,'" style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],"px - 50%), 0px) rotateZ(").concat(n||"0deg",')" ></div>\n        ')}},{key:"createRotatePointer",value:function(t,e,n){return 0===t.length?"":e<4?"\n            <div class='rotate-pointer no-fill' data-number=\"".concat(e,'" style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],'px - 50%), 0px) scale(1.8);" ></div>\n            '):"\n        <div class='rotate-pointer' data-number=\"".concat(e,'" style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],'px - 50%), 0px)" ></div>\n        ')}},{key:"createPointerRect",value:function(t,e,n){if(0===t.length)return"";var r=this.$selection.current,i="";if(!(r&&r.is("artboard"))){var o=a.lerp([],t[0],t[1],.5);i+="\n                M ".concat(o[0],",").concat(o[1]," \n                L ").concat(e[0],",").concat(e[1]," \n            ")}return('\n        <svg class=\'line\' overflow="visible">\n            <path \n                d="\n                    M '.concat(t[0][0],", ").concat(t[0][1]," \n                    L ").concat(t[1][0],", ").concat(t[1][1]," \n                    L ").concat(t[2][0],", ").concat(t[2][1]," \n                    L ").concat(t[3][0],", ").concat(t[3][1]," \n                    L ").concat(t[0][0],", ").concat(t[0][1],"\n                    ").concat(i,'\n                    Z\n                " />\n        </svg>'))}},{key:"createSize",value:function(t){var e=a.lerp([],t[0],t[1],.5),n=a.lerp([],t[1],t[2],.5),r=a.lerp([],t[2],t[3],.5),i=a.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:i},{start:r,end:e},{start:i,end:n}].map((function(t,e){return{index:e,data:t}}));o.sort((function(t,e){return t.data.start[1]>e.data.start[1]?-1:1}));var s=o[0],c=a.lerp([],s.data.end,s.data.start,1+16/a.dist(s.data.start,s.data.end)),l=this.$selection.current.width.value,u=this.$selection.current.height.value,h=a.subtract([],s.data.start,s.data.end),p=Lr(h[0],h[1])+90,d="".concat(dr(l,100)," x ").concat(dr(u,100));if(this.state.isRotate){var f=Ec.get(this.$selection.current.transform,"rotateZ");f&&(d="".concat(dr(f[0].value,1e3),"°"))}return("\n            <div \n                class='size-pointer' \n                style=\"transform: translate3d( calc(".concat(c[0],"px - 50%), calc(").concat(c[1],"px - 50%), 0px) rotateZ(").concat(p,'deg)" >\n               ').concat(d,"\n            </div>\n        "))}},{key:"createRenderPointers",value:function(t,e,n){var r=this.$selection.current,i=r&&r.is("artboard"),o=a.subtract([],a.lerp([],t[0],t[1],.5),a.lerp([],t[0],t[2],.5)),s=Lo.deg(Lr(o[0],o[1])+90).round(1e3),c=yc(t,34),l=a.dist(t[0],t[2]);return{line:this.createPointerRect(t,c,n[0]),size:this.createSize(t),point:[i?void 0:this.createRotatePointer(c,4,"center center"),this.createPointer(t[0],1,s),this.createPointer(t[1],2,s),this.createPointer(t[2],3,s),this.createPointer(t[3],4,s),this.createPointer(t[4],5,s),l<20?void 0:this.createPointer(a.lerp([],t[0],t[1],.5),11,s),l<20?void 0:this.createPointer(a.lerp([],t[1],t[2],.5),12,s),l<20?void 0:this.createPointer(a.lerp([],t[2],t[3],.5),13,s),l<20?void 0:this.createPointer(a.lerp([],t[3],t[0],.5),14,s)].join("")}}},{key:um("refreshSelectionStyleView"),value:function(){this.$selection.isOne&&this.renderPointers()}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:um("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:um("openPathEditor"),value:function(){var t=this.$selection.current;t&&t.isSVG()&&t.d&&(this.toggleEditingPath(!0),this.emit("showPathEditor","modify",{box:"canvas",current:t,d:t.accumulatedPath().d}))}},{key:um("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:um("refreshSelectionTool"),value:function(){this.initSelectionTool()}},{key:um("updateViewport"),value:function(){this.$selection.isOne&&this.initSelectionTool()}}]),e}(hm)),TO=["flex","grid"];function VO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function MO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?VO(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):VO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var DO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,MO({position:"absolute",x:Lo.z(),y:Lo.z(),right:"",bottom:"",rootVariable:"",variable:"",width:Lo.px(300),height:Lo.px(300),color:"black","font-size":Lo.px(13),overflow:"visible",rotate:Lo.deg(0),opacity:1,"z-index":Lo.auto,"transform-style":"preserve-3d",layout:"default","flex-layout":"display:flex;","grid-layout":"display:grid;",selectors:[],svg:[]},t))}},{key:"toCloneObject",value:function(){var t=this.json;return MO({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","text-clip","border-radius","border","box-shadow","text-shadow","clip-path","color","font-size","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","opacity","rotate","flex-layout","grid-layout","animation","transition"),{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=Bs()(So()(e.prototype),"convert",this).call(this,t)}},{key:"addSelector",value:function(t){return this.json.selectors.push(t),t}},{key:"createSelector",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSelector(new dj(MO({checked:!0},t)))}},{key:"removePropertyList",value:function(t,e){t.splice(e,1)}},{key:"removeSelector",value:function(t){this.removePropertyList(this.json.selectors,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(E()(t.splice(e,1))))}},{key:"updateSelector",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.selectors[+t].reset(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:"toAnimationKeyframes",value:function(t){return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:t}]}},{key:"toBound",value:function(){var t={x:this.json.x?this.json.x.clone():Lo.z(),y:this.json.y?this.json.y.clone():Lo.z(),width:this.json.width.clone(),height:this.json.height.clone()};return t.x2=Lo.px(t.x.value+t.width.value),t.y2=Lo.px(t.y.value+t.height.value),t}},{key:"setCache",value:function(){var t=Du.parseStyle(this.json["clip-path"]);"path"===t.type?(this.cacheClipPath=new Dc(t.value.trim()),this.cacheClipPath.scale(1/this.json.width.value,1/this.json.height.value)):this.cacheClipPath=void 0}},{key:"recover",value:function(){if(this.cacheClipPath){var t=this.json.width.value,e=this.json.height.value;this.reset({"clip-path":"path(".concat(this.cacheClipPath.clone().scaleTo(t,e),")")})}}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"isLayoutItem",value:function(){return TO.includes(this.parent.layout)}},{key:"hasLayout",value:function(){return TO.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}},{key:"isGroup",get:function(){return Boolean(this.layers.length)}}]),e}(Ac));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 LO(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){S()(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}var RO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,LO({itemType:"artboard",name:"New ArtBoard",width:Lo.px(1e3),height:Lo.px(1e3),"background-color":"white","transform-style":"flat"},t))}},{key:"toCloneObject",value:function(){return LO({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("name"))}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return Qg.artboard}}]),e}(DO);zc.registerComponent("artboard",RO);var AO={1:"to top left",2:"to top right",3:"to bottom right",4:"to bottom left",11:"to top",12:"to right",13:"to bottom",14:"to left"},zO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n            <div class='selection-view group-selection-view' ref='$selectionView'  style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>        \n            </div>\n        "}},{key:um("keymap.keydown"),value:function(t){t.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:um("keymap.keyup"),value:function(t){this.$el.attr("data-has-shift","")}},{key:"toggleEditingPath",value:function(t){this.refs.$selectionView.toggleClass("editing-path",t)}},{key:"checkEditMode",value:function(){return this.$editor.isSelectionMode()}},{key:ss("$pointerRect .rotate-pointer")+$s("rotateVertext")+Cs("rotateEndVertext"),value:function(t){this.state.moveType="rotate",this.initMousePoint=this.$viewport.createWorldPosition(t.clientX,t.clientY),this.$selection.reselect(),this.verties=this.groupItem.verties(),this.rotateTargetNumber=+t.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertext",value:function(){var t=this,e=this.$config.get("bodyEvent"),n=this.$viewport.createWorldPosition(e.clientX,e.clientY),r=a.subtract([],n,this.initMousePoint),o=4===this.rotateTargetNumber?yc(this.verties,34):this.verties[this.rotateTargetNumber],s=Math.floor(Tr(o,this.verties[4],r));this.localAngle=this.angle+s,this.groupItem.reset({transform:Ec.rotateZ(this.groupItem.transform,Lo.deg(this.localAngle))});var c=Vr(s,this.verties[4]);this.$selection.cachedItemVerties.forEach((function(e){var n=wr(e.verties,i.multiply([],e.parentMatrixInverse,c)),r=yc(n,34),o=Er(r[0]-n[4][0],r[1]-n[4][1])-270,s=a.transformMat4([],n[0],Vr(-o,n[4])),l=t.$selection.get(e.id);l&&l.reset({x:Lo.px(s[0]),y:Lo.px(s[1]),transform:Ec.rotateZ(e.transform,Lo.deg(o))})})),this.state.dragging=!0,this.renderPointers(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView"),this.emit("refreshRect")}},{key:"rotateEndVertext",value:function(){var t=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.initMatrix(!0),this.renderPointers(),this.nextTick((function(){t.command("setAttributeForMulti","rotate selection pointer",t.$selection.cloneValue("x","y","width","height","transform"))}))}},{key:"refreshRotatePointerIcon",value:function(t){this.emit("refreshCursor","rotate")}},{key:"refreshPointerIcon",value:function(t){var e=t.$dt.data("pointer");if(e){var n=e.split(",").map((function(t){return Number(t)})),r=a.subtract([],n,this.state.renderPointerList[0][4]),i=Lr(r[0],r[1]),o=Math.floor(i)-135;this.emit("refreshCursor","open_in_full","rotate(".concat(o," 12 12)"))}else this.emit("recoverCursor")}},{key:"checkPointerIsNotMoved",value:function(t){return!1===Boolean(this.state.dragging)}},{key:cs("$pointerRect .rotate-pointer")+ms("checkPointerIsNotMoved")+Es,value:function(t){this.refreshRotatePointerIcon(t)}},{key:cs("$pointerRect .pointer")+ms("checkPointerIsNotMoved")+Es,value:function(t){this.refreshPointerIcon(t)}},{key:ls("$pointerRect .pointer,.rotate-pointer")+ms("checkPointerIsNotMoved")+Es,value:function(t){this.emit("recoverCursor")}},{key:ss("$pointerRect .pointer")+Es+$s("moveVertext")+Cs("moveEndVertext"),value:function(t){this.refreshPointerIcon(t),this.state.dragging=!0;var e=+t.$dt.attr("data-number");this.state.moveType=AO["".concat(e)],this.initMousePoint=this.$viewport.createWorldPosition(t.clientX,t.clientY),this.$selection.doCache(),this.$selection.reselect(),this.cachedGroupItem=this.groupItem.matrix}},{key:"calculateNewOffsetMatrixInverse",value:function(t,e,n,r,o){var s=a.add([],uc.scale(r,e,n),a.negate([],t));return Dr(i.fromTranslation([],t),i.fromTranslation([],s),o,i.fromTranslation([],a.negate([],s)))}},{key:"calculateDistance",value:function(t,e,n){var r=a.clone(t),i=this.$snapManager.check([a.add([],r,e)]),o=a.add([],r,a.add([],e,i)),s=a.transformMat4([],r,n),c=a.transformMat4([],o,n);return a.floor([],a.add([],c,a.negate([],s)))}},{key:"calculateRealDist",value:function(t,e,n){return this.calculateDistance(t.verties[e],n,t.accumulatedMatrixInverse)}},{key:"moveGroupItem",value:function(t,e,n){this.groupItem.reset({x:Lo.px(t[0]+(e<0?e:0)).round(1e3),y:Lo.px(t[1]+(n<0?n:0)).round(1e3),width:Lo.px(Math.abs(e)).round(1e3),height:Lo.px(Math.abs(n)).round(1e3)})}},{key:"moveItemForGroup",value:function(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,o=Dr(i.fromTranslation([],e[4]),t.itemMatrix,i.fromTranslation([],a.negate([],e[4]))),s=a.transformMat4([],e[0],o),c=j()(s,2),l=c[0],u=c[1],h=a.distance(e[0],e[1]),p=a.distance(e[0],e[3]),d=this.$selection.get(t.id);d&&(d.reset({x:Lo.px(l+n),y:Lo.px(u+r),width:Lo.px(h),height:Lo.px(p)}),d.recover())}},{key:"recoverItemForGroup",value:function(t,e,n){var r=this,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,s=t.accumulatedMatrix,c=t.accumulatedMatrixInverse;this.$selection.cachedItemVerties.forEach((function(t){var l=Mr(t.parentMatrixInverse,s,i.fromTranslation([],[a,o,0]),i.fromScaling([],[e,n,1]),c),u=wr(t.verties,l);r.moveItemForGroup(t,u)}))}},{key:"moveBottomRightVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width+i,s=e.height+a;this.moveDirectionVertext(e,0,0,o,s,"to top left",[0,0,0])}},{key:"moveTopRightVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,1,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width+i,s=e.height-a;this.moveDirectionVertext(e,0,a,o,s,"to bottom left",[0,s,0])}},{key:"moveDirectionVertext",value:function(t,e,n,r,a,o,s){var c=r/t.width,l=a/t.height;if(c>=0&&l>=0){var u=Mr(t.directionMatrix[o],this.calculateNewOffsetMatrixInverse(s,r,a,t.originalTransformOrigin,t.itemMatrix)),h=i.getTranslation([],u);this.moveGroupItem(h,r,a),this.recoverItemForGroup(t,c,l,e,n)}}},{key:"moveTopVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=j()(n,2),i=(r[0],r[1]),a=e.width,o=e.height-i;this.moveDirectionVertext(e,0,i,a,o,"to bottom",[a/2,o,0])}},{key:"moveBottomVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=j()(n,2),i=(r[0],r[1]),a=e.width,o=e.height+i;this.moveDirectionVertext(e,0,0,a,o,"to top",[a/2,0,0])}},{key:"moveTopLeftVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*e.height/e.width);var o=e.width-i,s=e.height-a;this.moveDirectionVertext(e,i,a,o,s,"to bottom right",[o,s,0])}},{key:"moveLeftVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,0,t),r=j()(n,2),i=r[0],a=(r[1],e.width-i),o=e.height;this.moveDirectionVertext(e,i,0,a,o,"to right",[a,o/2,0])}},{key:"moveRightVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,2,t),r=j()(n,2),i=r[0],a=(r[1],e.width+i),o=e.height;this.moveDirectionVertext(e,0,0,a,o,"to left",[0,o/2,0])}},{key:"moveBottomLeftVertext",value:function(t){var e=this.cachedGroupItem,n=this.calculateRealDist(e,3,t),r=j()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*e.height/e.width);var o=e.width-i,s=e.height+a;this.moveDirectionVertext(e,i,0,o,s,"to top right",[o,0,0])}},{key:"moveVertext",value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.createWorldPosition(t.clientX,t.clientY),n=a.subtract([],e,this.initMousePoint);"to bottom right"===this.state.moveType?this.moveBottomRightVertext(n):"to top right"===this.state.moveType?this.moveTopRightVertext(n):"to top left"===this.state.moveType?this.moveTopLeftVertext(n):"to bottom left"===this.state.moveType?this.moveBottomLeftVertext(n):"to top"===this.state.moveType?this.moveTopVertext(n):"to left"===this.state.moveType?this.moveLeftVertext(n):"to right"===this.state.moveType?this.moveRightVertext(n):"to bottom"===this.state.moveType&&this.moveBottomVertext(n),this.state.dragging=!0,this.renderPointers(),this.refreshSmartGuides(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView")}},{key:"moveEndVertext",value:function(t,e){var n=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.emit("refreshSelectionStyleView"),this.nextTick((function(){n.command("setAttributeForMulti","move selection pointer",n.$selection.cloneValue("x","y","width","height","transform"))}))}},{key:"moveTo",value:function(t){var e=this,n=this.$snapManager.check(this.cachedGroupItem.rectVerties.map((function(e){return a.add([],e,t)})),3),r=a.add([],n,t);this.groupItem.reset({x:Lo.px(this.cachedGroupItem.x+r[0]),y:Lo.px(this.cachedGroupItem.y+r[1])}),this.$selection.cachedItemVerties.forEach((function(t){var n=e.$selection.get(t.id);n&&n.reset({x:Lo.px(t.x+r[0]).round(1e3),y:Lo.px(t.y+r[1]).round(1e3)})})),this.refreshSmartGuides()}},{key:"refreshSmartGuides",value:function(){var t=this.$snapManager.findGuide(this.groupItem.guideVerties());this.emit("refreshGuideLine",t)}},{key:"getSelectedElements",value:function(){var t=this;return this.$selection.ids.map((function(e){return t.parent.state.cachedCurrentElement[e]}))}},{key:"initSelectionTool",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.$editor.isSelectionMode()&&this.$el.isHide()&&this.$selection.isMany?this.$el.show():this.$el.isShow()&&!1===this.$selection.isMany&&this.$el.hide(),this.initMatrix(t),this.makeSelectionTool()}},{key:"initMatrix",value:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];t&&this.$selection.isMany&&(this.verties=Xi(this.$selection.verties),this.angle=0,this.localAngle=this.angle,this.groupItem=this.item,this.cachedGroupItem=this.item.matrix)}},{key:"makeSelectionTool",value:function(){this.renderPointers()}},{key:"renderPointers",value:function(){if(this.groupItem){var t=this.groupItem.verties(),e=this.groupItem.selectionVerties();this.state.renderPointerList=[this.$viewport.applyVerties(t),this.$viewport.applyVerties(e)];var n=this.createRenderPointers.apply(this,E()(this.state.renderPointerList)),r=n.line,i=n.point,a=n.size;this.refs.$pointerRect.updateDiff(r+i+a)}}},{key:"createPointer",value:function(t,e){return"\n        <div    \n            class='pointer' \n            data-number=\"".concat(e,'" \n            data-pointer="').concat(t,'" \n            style="\n                transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],'px - 50%), 0px)\n            " \n        ></div>\n        ')}},{key:"createRotatePointer",value:function(t,e){arguments.length>2&&void 0!==arguments[2]&&arguments[2];return 0===t.length?"":e<4?"\n            <div class='rotate-pointer no-fill' data-number=\"".concat(e,'" style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],'px - 50%), 0px) scale(1.8);" ></div>\n            '):"\n        <div class='rotate-pointer' data-number=\"".concat(e,'" style="transform: translate3d( calc(').concat(t[0],"px - 50%), calc(").concat(t[1],'px - 50%), 0px)" ></div>\n        ')}},{key:"createPointerRect",value:function(t,e){if(0===t.length)return"";var n=a.lerp([],t[0],t[1],.5),r="\n            M ".concat(n[0],",").concat(n[1]," \n            L ").concat(e[0],", ").concat(e[1]," \n        ");return'\n        <svg class=\'line\' overflow="visible">\n            <path \n                d="\n                    M '.concat(t[0][0],", ").concat(t[0][1]," \n                    L ").concat(t[1][0],", ").concat(t[1][1]," \n                    L ").concat(t[2][0],", ").concat(t[2][1]," \n                    L ").concat(t[3][0],", ").concat(t[3][1]," \n                    L ").concat(t[0][0],", ").concat(t[0][1],"\n                    ").concat(r,'\n                    Z\n                " />\n        </svg>')}},{key:"createSize",value:function(t){var e=a.lerp([],t[0],t[1],.5),n=a.lerp([],t[1],t[2],.5),r=a.lerp([],t[2],t[3],.5),i=a.lerp([],t[3],t[0],.5),o=[{start:e,end:r},{start:n,end:i},{start:r,end:e},{start:i,end:n}].map((function(t,e){return{index:e,data:t}}));o.sort((function(t,e){return t.data.start[1]>e.data.start[1]?-1:1}));var s=o[0],c=a.lerp([],s.data.end,s.data.start,1+16/a.dist(s.data.start,s.data.end)),l=this.groupItem.width.value,u=this.groupItem.height.value,h=a.subtract([],s.data.start,s.data.end),p=Lr(h[0],h[1])+90,d="".concat(dr(l,100)," x ").concat(dr(u,100));if(this.state.isRotate){var f=Ec.get(this.groupItem.transform,"rotateZ");f&&(d="".concat(f[0].value,"°"))}return("\n            <div \n                class='size-pointer' \n                style=\"transform: translate3d( calc(".concat(c[0],"px - 50%), calc(").concat(c[1],"px - 50%), 0px) rotateZ(").concat(p,'deg)" >\n               ').concat(d,"\n            </div>\n        "))}},{key:"createRenderPointers",value:function(t,e){var n=yc(t,30),r=a.dist(t[0],t[2]);return{line:this.createPointerRect(t,n),size:this.createSize(t),point:[this.createRotatePointer(n,4,"center center"),this.createPointer(t[0],1),this.createPointer(t[1],2),this.createPointer(t[2],3),this.createPointer(t[3],4),r<20?void 0:this.createPointer(a.lerp([],t[0],t[1],.5),11),r<20?void 0:this.createPointer(a.lerp([],t[1],t[2],.5),12),r<20?void 0:this.createPointer(a.lerp([],t[2],t[3],.5),13),r<20?void 0:this.createPointer(a.lerp([],t[3],t[0],.5),14)].join("")}}},{key:um("refreshSelectionStyleView"),value:function(){this.$selection.isMany&&this.renderPointers()}},{key:"item",get:function(){var t=this.verties||vc(0,0,0,0);return this.state.newArtBoard||(this.state.newArtBoard=new RO),this.state.newArtBoard.reset({parent:this.$selection.currentProject,x:Lo.px(t[0][0]),y:Lo.px(t[0][1]),width:Lo.px(a.dist(t[0],t[1])),height:Lo.px(a.dist(t[0],t[3])),transform:""}),this.state.newArtBoard}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:um("hideSelectionToolView"),value:function(){}},{key:um("hideSubEditor"),value:function(t){this.toggleEditingPath(!1)}},{key:um("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:um("refreshSelectionTool"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(t)}},{key:um("updateViewport"),value:function(){var t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.$selection.isMany&&this.initSelectionTool(t)}}]),e}(hm)),FO=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"base-line";return('<line x1="'.concat(t[0],'" y1="').concat(t[1],'" x2="').concat(e[0],'" y2="').concat(e[1],"\" class='").concat(n,"' />"))},BO=function(t){return FO([t[0],0,0],[t[0],1e4,0])},GO=function(t){return FO([0,t[1],0],[1e4,t[1],0])},HO=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;return('\n        <path \n            stroke="red"\n            stroke-width="1"\n            d="\n                M '.concat(t[0]-e," ").concat(t[1]-e,"\n                L ").concat(t[0]+e," ").concat(t[1]+e,"\n                M ").concat(t[0]-e," ").concat(t[1]+e,"\n                L ").concat(t[0]+e," ").concat(t[1]-e,'\n            " \n        />\n    '))},NO=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return'<svg class=\'guide-line-view\' width="100%" height="100%" ></svg>'}},{key:"initState",value:function(){return{list:[]}}},{key:Ls("$el"),value:function(){return{html:this.createGuideLine(this.state.list)}}},{key:"createGuideLine",value:function(t){for(var e=[],n=0,r=t.length;n<r;n++){var i=j()(t[n],3),a=i[0],o=i[1],s=i[2],c=this.$viewport.applyVerties([a])[0],l=this.$viewport.applyVerties([o])[0];"x"===s&&(e.push(BO(l)),e.push(HO([l[0],c[1],c[2]]))),"y"===s&&(e.push(GO(l)),e.push(HO([c[0],l[1],c[2]]))),e.push(HO(l))}return E()(new Set(e)).join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(t){this.setState({list:t})}},{key:um("removeGuideLine"),value:function(){this.removeGuideLine()}},{key:um("refreshGuideLine"),value:function(t){this.setGuideLine(t)}},{key:um("updateViewport"),value:function(){this.refresh()}}]),e}(hm);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){S()(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}var _O=function(){function t(){go()(this,t),this.segmentList=[]}return bo()(t,[{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,i,a){return this.segmentList.push({angle:!0,rx:e,ry:n,line:a,degree:r,center:t,last:i}),this}},{key:"addPoint",value:function(t,e,n,r){var i=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.segmentList.push(YO({},t,{cx:e.x,cy:e.y,selected:i,index:n,segment:r,isFirst:e.isFirst,isLast:e.isLast,isSecond:e.isSecond})),this}},{key:"addStartPoint",value:function(t,e){return this.segmentList.push(YO({},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("")}}]),t}();function KO(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function WO(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?KO(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):KO(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var UO=["startPoint","endPoint","reversePoint"];function ZO(t,e,n,r,i){var a=t.filter((function(t){return!!t&&Math.abs(t[e]-n)<=i})).map((function(t){return{dist:Math.abs(t[e]-n),point:t}}));a.sort((function(t,e){return t.dist<e.dist?-1:1}));var o=null;return a.length&&(r+=(o=a[0].point)[e]-n),{point:o,distanceValue:r}}function qO(t,e,n,r){var i=[],a=UO;return t.filter((function(t){return t})).forEach((function(t){a.filter((function(e){return t[e]})).forEach((function(a){var o=t[a],s=Math.abs(o[e]-n);s<=r&&i.push({dist:s,point:o})}))})),i.sort((function(t,e){return t.dist>e.dist?1:-1})),i.length?i[0].point:null}function JO(t,e,n){for(var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=[],a=0,o=t.length;a<o;a++){var s=a,c=t[s];if(c){if("M"===c.command)i.push({command:"M",values:[c.startPoint]});else{var l=Tc.getPrevPoint(t,a);!1===c.curve?!1===l.curve?i.push({command:"L",values:[c.startPoint]}):i.push({command:"Q",values:[l.endPoint,c.startPoint]}):!1===l.curve?Tc.isEqual(c.reversePoint,c.startPoint)?i.push({command:"L",values:[c.startPoint]}):i.push({command:"Q",values:[c.reversePoint,c.startPoint]}):i.push({command:"C",values:[l.endPoint,c.reversePoint,c.startPoint]})}c.close&&i.push({command:"Z"})}}var u=i.map((function(t){return QO(e,n,t,r)})).join(" ");return{d:u}}function QO(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=n.command,a=n.values;switch(i){case"Z":return"Z";default:var o=a.map((function(n){var i=n.x-t==0?0:(n.x-t)/r,a=n.y-e==0?0:(n.y-e)/r;return"".concat(i," ").concat(a)})).join(" ");return"".concat(i," ").concat(o)}}var t$=function(){function t(e){go()(this,t),this.pathEditor=e,this.pathStringManager=new Xu,this.guideLineManager=new Xu,this.segmentManager=new _O,this.initialize(),this.initializeSelect()}return bo()(t,null,[{key:"generatorPathString",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=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return JO(t,e,n,r).d}}]),bo()(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,i){n.forEach((function(n){var a=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,a)&&e.push({x:a.x,y:a.y,key:n,index:i})}))})),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:"commitTransformMatrix",value:function(t,e){var n=a.transformMat4([],[t.x,t.y,0],e);return{x:n[0],y:n[1]}}},{key:"transformMat4",value:function(t){var e=this;this.transformPoints.forEach((function(n,r){var i=e.state.points[r];Object.assign(i.startPoint,e.commitTransformMatrix(n.startPoint,t)),Object.assign(i.endPoint,e.commitTransformMatrix(n.endPoint,t)),Object.assign(i.reversePoint,e.commitTransformMatrix(n.reversePoint,t))}))}},{key:"transform",value:function(t){arguments.length>1&&void 0!==arguments[1]&&arguments[1],arguments.length>2&&void 0!==arguments[2]&&arguments[2];var e=this.transformRect,n=e.x,r=e.y,a=e.width,o=e.height,s=i.create();switch(i.translate(s,s,[n,r,0]),t){case"flipX":i.scale(s,s,[-1,1,1]),i.translate(s,s,[-a,0,0]);break;case"flipY":i.scale(s,s,[1,-1,1]),i.translate(s,s,[0,-o,0]);break;case"flip":i.scale(s,s,[-1,-1,1]),i.translate(s,s,[-a,-o,0])}i.translate(s,s,[-n,-r,0]),this.transformMat4(s)}},{key:"initTransform",value:function(t){this.transformRect=Xi(t),this.transformPoints=this.clonePoints.map((function(t){return{startPoint:Xi(t.startPoint),endPoint:Xi(t.endPoint),reversePoint:Xi(t.reversePoint)}}))}},{key:"setConnectedPoint",value:function(t,e){var n=this.state,r=n.dragXY.x+t,i=n.dragXY.y+e,a={x:r,y:i},o={x:r,y:i};n.dragPoints&&(n.reversePoint=Tc.getReversePoint(n.startPoint,a));var s={startPoint:n.startPoint,endPoint:a,curve:!!n.dragPoints,reversePoint:o,connected:!0,close:!0};n.points.push(s)}},{key:"setLastPoint",value:function(t){var e=this.state,n={startPoint:t,endPoint:Xi(t),curve:!1,reversePoint:Xi(t),connected:!1,close:!1};e.points.push(n)}},{key:"setCachePoint",value:function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=this.state,i=r.points;this.snapPointList=[],r.selectedIndex=t,r.connectedPoint=Tc.getPrevPoint(i,t),r.connectedPoint&&!r.connectedPoint.connected&&(r.connectedPoint=null),r.segment=Tc.getIndexPoint(i,t),r.segment.connected&&(r.connectedPoint=Tc.getNextPoint(i,t));var a=Tc.isFirst(r.segment);if(a){var o=Tc.getLastPoint(i,t);o.connected&&(r.connectedPoint=o)}r.segmentKey=e,r.isCurveSegment=r.segment.curve&&"startPoint"!=r.segmentKey,r.originalSegment=Xi(r.segment),r.connectedPoint&&(r.originalConnectedPoint=Xi(r.connectedPoint)),r.cachedPoints=[],i.filter((function(t){return t&&t!=r.segment})).forEach((function(t){r.cachedPoints.push(t.startPoint,t.reversePoint,t.endPoint)})),r.cachedPoints.push.apply(r.cachedPoints,n.map((function(t){var e=j()(t,3);return{x:e[0],y:e[1],z:e[2]}})))}},{key:"moveSegment",value:function(t,e,n){var r=this.state,i=r.originalSegment[t],a=r.segment[t];i&&(a.x=i.x+e,a.y=i.y+n)}},{key:"calculateToCurve",value:function(t,e,n){var r=(e.startPoint.x+n.startPoint.x)/2,i=(e.startPoint.y+n.startPoint.y)/2,a=(e.startPoint.x-r)/2,o=(e.startPoint.y-i)/2;return t.endPoint={x:t.startPoint.x+a,y:t.startPoint.y+o},t.reversePoint={x:t.startPoint.x-a,y:t.startPoint.y-o},{dx:a,dy:o}}},{key:"convertToCurve",value:function(t){var e=this.state.points,n=e[t];if(n.curve)if(n.curve=!1,n.reversePoint=Xi(n.startPoint),n.endPoint=Xi(n.startPoint),"M"===n.command){var r=Tc.getPrevPoint(e,n.index);r.connected&&(r.curve=!1,r.reversePoint=Xi(r.startPoint),r.endPoint=Xi(r.startPoint))}else{if((i=Tc.getNextPoint(e,t))&&"M"===i.command)(o=i).curve=!1,o.reversePoint=Xi(o.startPoint),o.endPoint=Xi(o.startPoint)}else{n.curve=!0;var i,a=Tc.getPrevPoint(e,t);if((i=Tc.getNextPoint(e,t))&&i.index<t&&"M"===i.command){var o=i;i=Tc.getNextPoint(e,o.index),this.calculateToCurve(n,i,a),o.curve=!0,o.endPoint=Xi(n.endPoint),o.reversePoint=Xi(n.reversePoint)}else if(i&&i.index>t&&"M"!==i.command)this.calculateToCurve(n,i,a);else if(!i&&a){var s=(n.startPoint.x-a.startPoint.x)/3,c=(n.startPoint.y-a.startPoint.y)/3;n.endPoint={x:n.startPoint.x+s,y:n.startPoint.y+c},n.reversePoint=Tc.getReversePoint(n.startPoint,n.endPoint)}else if(!a&&i){s=(n.startPoint.x-i.startPoint.x)/3,c=(n.startPoint.y-i.startPoint.y)/3;n.endPoint={x:n.startPoint.x+s,y:n.startPoint.y+c},n.reverse=Tc.getReversePoint(n.startPoint,n.endPoint)}}}},{key:"moveCurveSegment",value:function(t,e,n){var r=this.state;this.moveSegment(t,e,n);var i="endPoint"===t?"reversePoint":"endPoint";r.segment[i]=Tc.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,i=r.x,a=r.y,o=n.segment[t],s=o.x,c=o.y,l=n.originalSegment[e],u=l.x,h=l.y,p=br(Lr(s-i,c-a),kr(u,h,i,a),i,a),d=p.x,f=p.y;n.segment[e]={x:d,y:f}}}},{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,i=this.state,a=i.cachedPoints,o=i.originalSegment[t];if(!t)return{dx:e,dy:n,snapPointList:[]};var s=o.x+e,c=o.y+n,l=ZO(a,"x",s,e,r),u=l.point,h=(e=l.distanceValue,ZO(a,"y",c,n,r)),p=h.point,d=(n=h.distanceValue,{x:o.x+e,y:o.y+n}),f=[];return u&&f.push({startPoint:u,endPoint:d}),p&&f.push({startPoint:p,endPoint:d}),{dx:e,dy:n,snapPointList:f}}},{key:"copySegment",value:function(t,e){e.startPoint=Xi(t.startPoint),e.endPoint=Xi(t.endPoint),e.reversePoint=Xi(t.reversePoint)}},{key:"moveSelectedSegment",value:function(t,e){var n=this;this.selectedPointList.forEach((function(r){var i=n.state.points[r.index][r.key];i.x=r.x+t,i.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=Tc.splitPoints(this.state.points),n=Tc.recoverPoints(e.map((function(t){return t.filter((function(t){return!t.startPoint.removed})).map((function(t){return t.endPoint.removed&&(t.endPoint=Xi(t.startPoint)),t.reversePoint.removed&&(t.reversePoint=Xi(t.startPoint)),Tc.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,i=r.isCurveSegment,a=r.segmentKey,o=r.connectedPoint,s=this.calculateSnap(a,t,e,3),c=(t=s.dx,e=s.dy,s.snapPointList);if(this.snapPointList=c||[],this.selectedPointList.length>1)this.moveSelectedSegment(t,e);else if(i)if(n.shiftKey)this.moveSegment(a,t,e);else if(n.altKey)this.moveSegment(a,t,e),this.rotateSegment(a);else{this.moveSegment(a,t,e);var l="endPoint"===a?"reversePoint":"endPoint";r.segment[l]=Tc.getReversePoint(r.segment.startPoint,r.segment[a])}else this.moveSegment("startPoint",t,e),this.moveSegment("endPoint",t,e),this.moveSegment("reversePoint",t,e);o&&this.copySegment(r.segment,r.connectedPoint)}},{key:"moveEnd",value:function(t,e){var n=this.state,r=n.points,i=n.dragXY.x+t,a=n.dragXY.y+e,o={x:i,y:a},s={x:i,y:a};n.dragPoints&&(s=Tc.getReversePoint(n.startPoint,o)),r.push({command:0===n.clickCount?"M":"",startPoint:n.startPoint,endPoint:o,curve:!!n.dragPoints,reversePoint:s}),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,i=Tc.getPoint(r,e),a=Tc.getPoint(r,n),o=[WO({},i,{endPoint:t.first[1]}),{startPoint:t.first[3],reversePoint:t.first[2],curve:!0,endPoint:t.second[1]},WO({},a,{reversePoint:t.second[2]})],s=Tc.getIndex(r,e);return r.splice.apply(r,[s,2].concat(o)),this.state.points=r,s+1}},{key:"setPointQuard",value:function(t){var e=t.first[0],n=t.second[t.second.length-1],r=this.clonePoints,i=Tc.getPoint(r,e),a=Tc.getPoint(r,n);if(i.curve&&!1===a.curve){var o=[WO({},i,{endPoint:i.startPoint}),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]}],s=Tc.getIndex(r,e);r.splice.apply(r,[s,1].concat(E()(o)))}else{o=[WO({},i),{startPoint:t.first[2],reversePoint:t.first[1],curve:!0,endPoint:t.second[1]},WO({},a,{reversePoint:t.second[1],curve:!0})],s=Tc.getIndex(r,e);r.splice.apply(r,[s,2].concat(E()(o)))}return this.state.points=r,s+1}},{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]}],i=Tc.getIndex(n,e);return n.splice.apply(n,[i+1,0].concat(r)),this.state.points=n,i+1}},{key:"toPath",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]:1;return JO(this.clonePoints,t,e,n)}},{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),i=Math.min(t.startPoint.y,e.startPoint.y),a=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:i},{x:r,y:i}).addDistanceLine({x:r,y:i},{x:r,y:a});var o=n,s=i,c=Lr(r-n,a-i)-180,l=br(0,20,o,s),u=l.x,h=l.y,p=br(c/2,20,o,s),d=p.x,f=p.y,v=br(c,20,o,s);this.segmentManager.addDistanceAngle(v,20,20,c,{x:u,y:h},{x:u-20,y:h}).addText({x:d-5,y:f+15},c)}else t.startPoint.x<e.startPoint.x&&t.startPoint.y>e.startPoint.y?this.segmentManager.addDistanceLine({x:n,y:a},{x:r,y:a}).addDistanceLine({x:r,y:i},{x:r,y:a}):t.startPoint.x>e.startPoint.x&&t.startPoint.y>e.startPoint.y?this.segmentManager.addDistanceLine({x:n,y:i},{x:n,y:a}).addDistanceLine({x:n,y:a},{x:r,y:a}):t.startPoint.x>e.startPoint.x&&t.startPoint.y<e.startPoint.y&&this.segmentManager.addDistanceLine({x:n,y:a},{x:r,y:a}).addDistanceLine({x:r,y:i},{x:r,y:a})}},{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===Tc.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 i=this.segmentManager;!1===e.curve?!1===t.curve?(i.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),e.startPoint.isLast||i.addText(e.startPoint,r+1)):(i.addGuideLine(t.startPoint,t.endPoint).addCurvePoint(e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),!1===Tc.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),e.startPoint.isLast||i.addText(e.startPoint,r+1)):!1===t.curve?Tc.isEqual(e.reversePoint,e.startPoint)?(i.addPoint({},e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),e.startPoint.isLast||i.addText(e.startPoint,r+1)):(i.addGuideLine(e.startPoint,e.reversePoint).addCurvePoint(e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),!1===Tc.isEqual(e.startPoint,e.reversePoint)&&i.addCurvePoint(e.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)),e.startPoint.isLast||i.addText(e.startPoint,r+1)):e.connected?(i.addGuideLine(t.startPoint,t.endPoint).addGuideLine(e.startPoint,e.reversePoint),!1===Tc.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Tc.isEqual(e.startPoint,e.reversePoint)&&i.addCurvePoint(e.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r))):(i.addGuideLine(t.startPoint,t.endPoint).addGuideLine(e.startPoint,e.reversePoint).addCurvePoint(e.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),!1===Tc.isEqual(t.startPoint,t.endPoint)&&i.addCurvePoint(t.endPoint,t.index,"endPoint",this.isSelectedSegment("endPoint",t.index)),!1===Tc.isEqual(e.startPoint,e.reversePoint)&&i.addCurvePoint(e.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)),e.startPoint.isLast||i.addText(e.startPoint,r+1))}},{key:"makeMiddlePointGuideRealPath",value:function(t,e,n,r){var i=this.pathStringManager;!1===e.curve?!1===t.curve?i.L(e.startPoint):i.Q(t.endPoint,e.startPoint):!1===t.curve?Tc.isEqual(e.reversePoint,e.startPoint)?i.L(e.startPoint):i.Q(e.reversePoint,e.startPoint):i.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 Xu).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new Xu).M(t.startPoint).Q(t.endPoint,e.startPoint).toString("split-path")):!1===t.curve?Tc.isEqual(e.reversePoint,e.startPoint)?this.splitLines.push((new Xu).M(t.startPoint).L(e.startPoint).toString("split-path")):this.splitLines.push((new Xu).M(t.startPoint).Q(e.reversePoint,e.startPoint).toString("split-path")):this.splitLines.push((new Xu).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 i=t[n];if(i){var a=Tc.getNextPoint(t,n),o=Tc.getPrevPoint(t,n);o&&"M"===o.command&&i.startPoint&&(i.startPoint.isSecond=!0),i.startPoint&&(i.startPoint.isLast=a?"M"===a.command:n===r-1),i.selected=e===n,"M"===i.command?this.makeStartPointGuide(o,i,a,n):(this.makeMiddlePointGuideRealPath(o,i,a,n),this.makeMiddlePointGuideSplitLine(o,i,a,n),this.makeMiddlePointGuideSegment(o,i,a,n)),i.close&&this.pathStringManager.Z()}}}},{key:"makeMovePositionGuide",value:function(){var t=this.state,e=t.points,n=t.startPoint,r=t.moveXY,i=t.dragPoints,a=(t.altKey,t.snapPointList);if(r){a=a||[];var o=function(t,e){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=qO(t,"x",e.x,n),i=qO(t,"y",e.y,n),a=WO({},e);r&&(a.x=r.x),i&&(a.y=i.y);var o=[];return r&&o.push({startPoint:r,endPoint:a}),i&&o.push({startPoint:i,endPoint:a}),{snapPointList:o,moveXY:a}}(e,r,3),s=o.snapPointList,c=o.moveXY;a.push.apply(a,s),t.moveXY=c,r=c,this.snapPointList=a;var l=e[e.length-1];if(i)if(l){if(l.curve){var u=Tc.getReversePoint(n,r);d=u.x,f=u.y;this.guideLineManager.M(l.startPoint).C(l.endPoint,{x:d,y:f},n),this.segmentManager.addGuideLine(l.startPoint,l.endPoint).addGuideLine(n,{x:d,y:f}).addGuideLine(n,r).addCurvePoint(l.endPoint).addCurvePoint({x:d,y:f}).addCurvePoint(r).addPoint(!1,n)}else if(!1===l.curve){var h=Tc.getReversePoint(n,r);d=h.x,f=h.y;this.guideLineManager.M(l.startPoint).Q({x:d,y:f},n),this.segmentManager.addGuideLine(r,{x:d,y:f}).addPoint(!1,n).addCurvePoint({x:d,y:f}).addCurvePoint(r)}}else{var p=Tc.getReversePoint(n,r),d=p.x,f=p.y;this.guideLineManager.M(r).L(n).L({x:d,y:f}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:d,y:f})}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 Xu;t=this.snapPointList.map((function(t){return e.reset(),e.M(t.startPoint).L(t.endPoint).X(t.startPoint).toString("snap-path")}))}return t.join("")}},{key:"toSVGString",value:function(){return'\n        <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\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 E()(this.state.points)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}}]),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 n$(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){S()(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}var r$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,n$({itemType:"layer",name:"New Layer",tagName:"div"},t))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return Qg.rect}},{key:"toCloneObject",value:function(){return n$({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("tagName"))}}],[{key:"getIcon",value:function(){return Qg.rect}}]),e}(DO);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){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?i$(Object(n),!0).forEach((function(e){S()(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}var o$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,a$({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":0,"stroke-dasharray":" ","text-anchor":"start"},t))}},{key:"toCloneObject",value:function(){return a$({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"))}},{key:"getDefaultTitle",value:function(){return"SVG"}},{key:"isSVG",value:function(){return!0}}]),e}(r$);function s$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function c$(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?s$(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):s$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var l$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Qg.edit}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,c$({itemType:"svg-path",name:"New Path","stroke-width":1,d:"",totalLength:0},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"setCache",value:function(){Bs()(So()(e.prototype),"setCache",this).call(this),this.cachePath=new Dc(this.json.d),this.cachePath.scale(1/this.json.width.value,1/this.json.height.value)}},{key:"recover",value:function(){Bs()(So()(e.prototype),"recover",this).call(this),this.cachePath||this.setCache();var t=this.json.width.value,n=this.json.height.value;this.json.d=this.cachePath.clone().scaleTo(t,n)}},{key:"toCloneObject",value:function(){return c$({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("d"))}},{key:"getDefaultTitle",value:function(){return"Path"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return Lm(t.property)&&Rm(t.property)})),n=t.filter((function(t){return Am(t.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] path'),properties:e}]}}]),e}(o$);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 h$(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){S()(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 p$(t){var e=j()(t,2);return{x:e[0],y:e[1]}}zc.registerComponent("svg-path",l$);var d$=["fill","fill-opacity","stroke","stroke-width"],f$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initialize",value:function(){Bs()(So()(e.prototype),"initialize",this).call(this),this.pathParser=new Dc,this.pathGenerator=new t$(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],mode:"path",clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:Lo.z(),screenY:Lo.z(),screenWidth:Lo.z(),screenHeight:Lo.z()}}},{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='segment-box' ref='$segmentBox'></div>\n        </div>"}},{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:Wo("document")+ms("isShow")+ks+Es+Ts,value:function(){this.state.current?(this.refreshPathLayer(),this.trigger("hidePathEditor")):this.addPathLayer(),!this.state.current&&this.state.points.length?this.trigger("initPathEditorView"):this.trigger("hidePathEditor")}},{key:Wo("document")+ms("isShow")+xs+Es+Ts,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"makePathLayer",value:function(){var t,e=this,n=this.$selection.currentProject;if(n){var r=new Dc(this.pathGenerator.toPath().d);r.transformMat4(this.$viewport.matrixInverse);var i=r.getBBox(),o=a.distance(i[1],i[0]),s=a.distance(i[3],i[0]);r.translate(-i[0][0],-i[0][1]);var c={x:Lo.px(i[0][0]),y:Lo.px(i[0][1]),width:Lo.px(o),height:Lo.px(s),d:r.d,totalLength:this.totalPathLength,fill:"#C4C4C4"};d$.forEach((function(t){e.state[t]&&(c[t]=e.state[t])})),t=(this.$selection.getArtboardByPoint(i[0])||n).appendChildItem(new l$(c))}return t}},{key:"updatePathLayer",value:function(){var t=this.pathGenerator.toPath().d,e=new Dc(t);e.transformMat4(this.$viewport.matrixInverse),this.emit(this.state.changeEvent,{d:e.d,box:this.state.box,totalLength:this.totalPathLength})}},{key:"addPathLayer",value:function(){this.changeMode("modify");var t=this.makePathLayer();t&&t.totalLength&&(this.$selection.select(t),this.trigger("hidePathEditor"),this.emit("refreshAll"))}},{key:"changeMode",value:function(t,e){this.setState(h$({mode:t,clickCount:0,moveXY:null},e),!1),this.emit("changePathManager",this.state.mode)}},{key:um("changePathManager"),value:function(t){this.setState(h$({},t,{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(t){return this.state.mode===t}},{key:um("updateViewport"),value:function(t,e){if(this.$el.isShow()){var n=this.pathGenerator.toPath().d,r=new Dc(n);r.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:r.d})}}},{key:"refresh",value:function(t){t&&t.d&&(this.pathParser.reset(t.d),this.pathParser.transformMat4(this.$viewport.matrix),this.state.cachedMatrixInverse=this.$viewport.matrixInverse,this.state.points=this.pathParser.convertGenerator()),this.pathGenerator.initializeSelect(),this.renderPath()}},{key:um("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.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:um("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:um("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.pathParser.reset(""),this.setState(this.initState(),!1),this.refs.$view.empty(),this.$el.hide(),this.emit("hidePathManager")}},{key:Ls("$view"),value:function(){return{class:{path:"path"===this.state.mode,modify:"modify"===this.state.mode,box:"box"===this.state.box,"segment-move":"segment-move"===this.state.mode},innerHTML:this.pathGenerator.makeSVGPath()}}},{key:Ls("$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")}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:0,y:0,width:0,height: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:us("$view")+Es,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=Ro.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:ss("$view :not(.split-path)")+Es+Ts+$s()+Cs(),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=Ro.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 i=n.attrs("data-index","data-segment-point"),a=j()(i,2),o=(r=a[0],a[1]);this.pathGenerator.setCachePoint(+r,o,this.$viewport.applyVerties(this.$snapManager.getSnapPoints())),this.pathGenerator.selectKeyIndex(o,r)}}},{key:"hideSelectBox",value:function(){this.refs.$segmentBox.css({left:Lo.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:Lo.px(t.x+(e<0?e:0)),top:Lo.px(t.y+(n<0?n:0)),width:Lo.px(Math.abs(e)),height:Lo.px(Math.abs(n))};this.refs.$segmentBox.css(r)}},{key:"getSelectBox",value:function(){var t=this.refs.$segmentBox.styles("left","top","width","height").map((function(t){return Lo.parse(t)})),e=j()(t,4),n={x:e[0],y:e[1],width:e[2],height:e[3]};return n.x2=Lo.px(n.x.value+n.width.value),n.y2=Lo.px(n.y.value+n.height.value),n}},{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")){if(kr(t,e,0,0)>=2){n=this.$config.get("bodyEvent");this.state.dragPoints=!n.altKey}}}},{key:"renderSegment",value:function(t){this.pathGenerator.selectedLength&&(this.pathGenerator.reselect(),Bi(t)&&t(),this.renderPath(),this.updatePathLayer())}},{key:um("deleteSegment"),value:function(){var t=this;this.renderSegment((function(){t.pathGenerator.removeSelectedSegment()}))}},{key:um("moveSegment"),value:function(t,e){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(t,e)}))}},{key:um("initPathEditorView"),value:function(){this.pathParser.reset(""),this.setState(this.initState(),!1),this.state.isShow=!0,this.refs.$view.empty(),this.$el.focus()}},{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("initPathEditorView"))):this.state.isSplitPath||(this.pathGenerator.moveEnd(t,e),this.state.clickCount++,this.renderPath()),this.state.isSplitPath=!1))}},{key:"scale",get:function(){return this.$viewport.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 go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:um("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:um("changePathUtil"),value:function(t){switch(t){case"reverse":var e=this.pathGenerator.toPath().d,n=new Dc(e);n.reverse(),n.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:n.d})}}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"calculatePointOnLine",value:function(t,e){var n=new Dc(t);if("C"===n.segments[1].command){var r=[p$(n.segments[0].values),p$(n.segments[1].values.slice(0,2)),p$(n.segments[1].values.slice(2,4)),p$(n.segments[1].values.slice(4,6))],i=di.apply(void 0,E()(r).concat([200]))(e.x,e.y);return xi(r,i).first[3]}if("Q"===n.segments[1].command){r=[p$(n.segments[0].values),p$(n.segments[1].values.slice(0,2)),p$(n.segments[1].values.slice(2,4))],i=fi.apply(void 0,E()(r).concat([200]))(e.x,e.y);return wi(r,i).first[2]}if("L"===n.segments[1].command){r=[p$(n.segments[0].values),p$(n.segments[1].values.slice(0,2))],i=vi.apply(void 0,E()(r).concat([200]))(e.x,e.y);return Si(r,i).first[1]}return e}},{key:ss("$view .split-path")+$s()+Cs(),value:function(t){this.initRect();var e=new Dc(t.$dt.attr("d")),n={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},r=-1;if("path"===this.state.mode)return this.state.dragXY={x:t.xy.x-this.state.rect.x,y:t.xy.y-this.state.rect.y},this.state.startPoint=this.state.dragXY,this.pathGenerator.setLastPoint(this.state.startPoint),this.state.isSplitPath=!0,this.renderPath(),void(this.state.current?this.refreshPathLayer():(this.addPathLayer(),this.trigger("initPathEditorView")));if("C"===e.segments[1].command){var i=[p$(e.segments[0].values),p$(e.segments[1].values.slice(0,2)),p$(e.segments[1].values.slice(2,4)),p$(e.segments[1].values.slice(4,6))],a=di.apply(void 0,E()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPoint(xi(i,a))}else if("Q"===e.segments[1].command){i=[p$(e.segments[0].values),p$(e.segments[1].values.slice(0,2)),p$(e.segments[1].values.slice(2,4))],a=fi.apply(void 0,E()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointQuard(wi(i,a))}else if("L"===e.segments[1].command){i=[p$(e.segments[0].values),p$(e.segments[1].values.slice(0,2))],a=vi.apply(void 0,E()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointLine(Si(i,a))}this.renderPath(),this.refreshPathLayer(),this.changeMode("segment-move"),this.pathGenerator.setCachePoint(r,"startPoint",this.$viewport.applyVerties(this.$snapManager.getSnapPoints())),this.pathGenerator.selectKeyIndex("startPoint",r)}}]),e}(function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"convertToCurve",value:function(t){this.pathGenerator.convertToCurve(t),this.renderPath(),this.refreshPathLayer()}},{key:_o("$view [data-segment]"),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}},{key:vs("$view [data-segment]")+Es+js(300),value:function(t){var e=+t.$dt.attr("data-index");this.convertToCurve(e)}}]),e}(hm))));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 y$(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){S()(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}var g$=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],m$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initialize",value:function(){Bs()(So()(e.prototype),"initialize",this).call(this),this.pathParser=new Dc}},{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:Lo.z(),screenY:Lo.z(),screenWidth:Lo.z(),screenHeight:Lo.z()}}},{key:um("changeDrawManager"),value:function(t){this.setState(y$({},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:Wo("document")+ms("isShow")+xs+ks+Es+Ts,value:function(){this.trigger("hidePathDrawEditor")}},{key:"makePathLayer",value:function(t){var e,n=this,r=this.$selection.currentProject;if(r){var i=Tc.simply(this.state.points,this.state.tolerance),o=new Dc(Xu.makePathByPoints(i)),s=new Dc(t$.generatorPathString(o.convertGenerator()));s.transformMat4(this.$viewport.matrixInverse);var c=s.getBBox(),l=a.distance(c[1],c[0]),u=a.distance(c[3],c[0]);s.translate(-c[0][0],-c[0][1]);var h={x:Lo.px(c[0][0]),y:Lo.px(c[0][1]),width:Lo.px(l),height:Lo.px(u),d:s.d,totalLength:this.totalPathLength};g$.forEach((function(t){n.state[t]&&Object.assign(h,S()({},t,n.state[t]))})),e=r.appendChildItem(new l$(h))}return e}},{key:"addPathLayer",value:function(){var t=this.getPathRect();if(0!==t.width&&0!==t.height){var e=this.makePathLayer(t);e&&(this.$selection.select(e),this.trigger("hidePathDrawEditor"),this.emit("refreshAll"))}}},{key:"changeMode",value:function(t){this.setState(y$({},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:um("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:um("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:um("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:um("hideAddViewLayer"),value:function(){this.$el.hide(),this.emit("hideDrawManager")}},{key:"getInnerId",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"draw-manager-"+t}},{key:Ls("$view"),value:function(){return{innerHTML:'\n            <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n                '.concat(this.toDefString,"\n                <path \n                    class='object' \n                    fill=\"").concat(this.toFillValue,'"\n                    stroke="').concat(this.toStrokeValue,'"\n                    fill-opacity="').concat(this.state["fill-opacity"],'"\n                    stroke-width="').concat(this.state["stroke-width"],'"\n                    stroke-linecap="').concat(this.state["stroke-linecap"],'"\n                    stroke-linejoin="').concat(this.state["stroke-linejoin"],'"\n                    d="').concat(Xu.makePathByPoints(this.state.points),'" \n                />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:um("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var t=this.refs.$view.$("path.object"),e={x:Lo.z(),y:Lo.z(),width:Lo.z(),height:Lo.z()};return t&&((e=t.rect()).x-=this.state.rect.x,e.y-=this.state.rect.y),e}},{key:ss("$view")+$s()+Cs(),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.$viewport.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 qp.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return qp.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 qp.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return qp.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}}]),e}(hm),b$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n        <div class='layer-add-view'>\n            <div class='area' ref='$area'></div>\n            <div class='area-rect' ref='$areaRect'></div>\n            <div class='area-pointer' ref='$mousePointer'></div>\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:"initState",value:function(){return{dragStart:!1,width:0,height:0,color:po.random(),fontSize:30,showRectInfo:!1,areaVerties:vc(0,0,0,0),content:"Insert a text",pathManager:new Xu,rect:{},containerItem:void 0}}},{key:"checkNotDragStart",value:function(){return!1===Boolean(this.state.dragStart)}},{key:us("$el")+ms("checkNotDragStart"),value:function(t){var e=this.$viewport.createWorldPosition(t.clientX,t.clientY),n=this.$snapManager.checkPoint(e);!1===a.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(this.state.target),this.state.targetPositionVertext=a.clone(this.state.target),this.state.targetGuides=this.$snapManager.findGuideOne([this.state.target])):(this.state.target=null,this.state.targetGuides=[],this.state.targetPositionVertext=null),this.bindData("$mousePointer")}},{key:ss("$el")+$s()+Cs(),value:function(t){this.initMousePoint=this.state.targetPositionVertext?this.state.targetPositionVertext:this.$viewport.createWorldPosition(t.clientX,t.clientY),this.state.dragStart=!0,this.state.color="#C4C4C4",this.state.text="Insert a text",this.state.areaVerties=vc(0,0,0,0),this.bindData("$area"),this.bindData("$areaRect")}},{key:"createLayerTemplate",value:function(t,e){var n=this.state,r=n.type,i=n.text,a=n.color;switch(r){case"artboard":return"<div class='draw-item' style='background-color: white;'></div>";case"rect":return"<div class='draw-item' style='background-color: ".concat(a,";'></div>");case"circle":return"<div class='draw-item' style='background-color: ".concat(a,"; border-radius: 100%;'></div>");case"video":case"audio":case"image":case"iframe":case"cube":case"cylinder":return"<div class='draw-item' style='outline: 1px solid blue;'></div>";case"text":case"svg-text":return"<div class='draw-item' style='font-size: 30px;outline: 1px solid blue;'>".concat(i,"</div>");case"svg-rect":return"\n            <div class='draw-item'>\n                <svg width=\"".concat(t,'" height="').concat(e,'" style="width:100%; height:100%;" overflow="visible">\n                    <path d="').concat(Xu.makeRect(0,0,t,e),'" stroke-width="1" stroke="black" fill="transparent" />\n                </svg>\n            </div>\n            ');case"svg-circle":return"\n            <div class='draw-item'>\n                <svg width=\"".concat(t,'" height="').concat(e,'" style="width:100%; height:100%;" overflow="visible">\n                    <path d="').concat(Xu.makeCircle(0,0,t,e),'" stroke-width="1" stroke="black" fill="transparent" />\n                </svg>\n            </div>\n            ');case"svg-textpath":return"\n            <div class='draw-item' style='outline: 1px solid blue;'>\n                <svg width=\"".concat(t,'" height="').concat(e,'" style="width:100%; height:100%;font-size: ').concat(e,'px;" overflow="visible">\n                    <defs>\n                        <path id=\'layer-add-path\' d="').concat(Xu.makeLine(0,e,t,e),'" />\n                    </defs>\n                    <text>\n                        <textPath \n                          xlink:href="#layer-add-path"\n                          textLength="100%"\n                          lengthAdjust="spacingAndGlyphs"\n                          startOffset="0em"\n                        >').concat(i,"</textPath>\n                    </text>\n                </svg>\n            </div>\n            ")}}},{key:Ls("$area"),value:function(){var t=mc(this.state.areaVerties),e=t.left,n=t.top,r=t.width,i=t.height;return{style:{left:e,top:n,width:r,height:i},innerHTML:this.createLayerTemplate(r.value,i.value)}}},{key:Ls("$areaRect"),value:function(){var t=this.state,e=t.areaVerties,n=t.showRectInfo,r=mc(this.$viewport.applyVertiesInverse(e)),i=r.width,a=r.height;return{style:{display:n?"inline-block":"none",left:Lo.px(e[2][0]),top:Lo.px(e[2][1])},innerHTML:"".concat(i.value," x ").concat(a.value)}}},{key:"makeMousePointer",value:function(){var t=this;if(!this.state.target)return"";var e=this.state.targetGuides||[];return('\n        <svg width="100%" height="100%">\n            '.concat(e.map((function(e){return t.state.pathManager.reset(),e=t.$viewport.applyVerties([e[0],e[1]]),t.state.pathManager.M({x:e[0][0],y:e[0][1]}).L({x:e[1][0],y:e[1][1]}).X({x:e[0][0],y:e[0][1]}).X({x:e[1][0],y:e[1][1]}).toString("layer-add-snap-pointer")})).join("\n"),"\n        </svg>\n    "))}},{key:Ls("$mousePointer"),value:function(){return{innerHTML:this.makeMousePointer()}}},{key:"move",value:function(){var t=this.$config.get("bodyEvent"),e=this.$viewport.createWorldPosition(t.clientX,t.clientY),n=this.$snapManager.checkPoint(e);!1===a.equals(n,e)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(n),this.state.targetGuides=this.$snapManager.findGuideOne([n])):(this.state.target=null,this.state.targetGuides=[]);var r=t.shiftKey,i=Math.min(n[0],this.initMousePoint[0]),o=Math.min(n[1],this.initMousePoint[1]),s=Math.max(n[0],this.initMousePoint[0])-i,c=Math.max(n[1],this.initMousePoint[1])-o;r&&(c=s);var l=vc(i,o,s,c);this.state.areaVerties=this.$viewport.applyVerties(l),this.state.showRectInfo=!0,this.bindData("$area"),this.bindData("$areaRect"),this.bindData("$mousePointer")}},{key:"end",value:function(t,e){var n=this.$config.get("bodyEvent").altKey,r=this.state,i=r.color,a=r.text,o=r.fontSize,s=r.areaVerties,c=this.$viewport.applyVertiesInverse(s),l="artboard"===this.state.type?null:this.$selection.getArtboardByPoint(c[0]),u=mc(c),h={x:u.x,y:u.y,width:u.width,height:u.height,"background-color":i,content:a,"font-size":o};switch(this.state.type){case"text":case"svg-text":case"svg-textpath":delete h["background-color"];break;default:delete h.content}switch(this.state.type){case"image":this.trigger("openImage",h,l);break;case"video":this.trigger("openVideo",h,l);break;case"audio":this.trigger("openAudio",h,l);break;default:this.emit("newComponent",this.state.type,h,!0,l)}n||this.trigger("hideLayerAppendView"),this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect")}},{key:um("showLayerAppendView"),value:function(t){this.state.type=t,this.state.isShow=!0,this.refs.$area.empty(),this.$el.show(),this.$el.focus(),this.$snapManager.clear(),this.emit("change.mode.view","CanvasView")}},{key:um("hideLayerAppendView"),value:function(){this.$el.isShow()&&(this.state.isShow=!1,this.$el.hide(),this.emit("change.mode.view"))}},{key:um("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.$el.hide()}},{key:"isShow",value:function(){return this.state.isShow}},{key:Wo("document")+ms("isShow")+xs+ks+Es+Ts,value:function(){this.trigger("hideLayerAppendView")}},{key:Qo("$file"),value:function(t){var e=this;this.refs.$file.files.forEach((function(t){e.emit("updateImage",t,e.state.rect,e.state.containerItem)}))}},{key:Qo("$video"),value:function(t){var e=this;this.refs.$video.files.forEach((function(t){e.emit("updateVideo",t,e.state.rect,e.state.containerItem)}))}},{key:um("openImage"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$file.click()}},{key:um("openVideo"),value:function(t,e){this.state.rect=t,this.state.containerItem=e,this.refs.$video.click()}},{key:"scale",get:function(){return this.$viewport.scale}}]),e}(hm);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 x$(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}var w$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:Vs("$el"),value:function(){if(1!==this.$selection.length)return"";var t=this.$selection.current;if(t.isInGrid()){var e=t.parent,n=e.screenX,r=e.screenY,i=e.width,a=e.height,o=e.toGridLayoutCSS();return"<div style='".concat(Ji(x$({position:"absolute",left:n,top:r,width:i,height:a,border:"1px solid black"},o)),"'>\n                ").concat(e.layers.map((function(t){var e=t.toLayoutItemCSS();return("<div style='".concat(Ji(x$({},e,{border:"1px solid dashed"})),"'></div>"))})).join(""),"\n            </div>")}return("<div></div>")}},{key:um("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}},{key:um("updateViewport"),value:function(){this.refresh()}}]),e}(hm),S$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n            <div class='hover-view'>\n                <div class='hover-rect' ref='$hoverRect'></div>            \n            </div>\n        "}},{key:um("config:bodyEvent"),value:function(){var t=Ro.create(this.$config.get("bodyEvent").target).data("id");this.$editor.isPointerUp?(this.$selection.setHoverId(""),this.renderHoverLayer()):this.$selection.setHoverId(t)&&this.renderHoverLayer()}},{key:um("updateViewport"),value:function(){this.$selection.setHoverId(""),this.renderHoverLayer()}},{key:"renderHoverLayer",value:function(){var t=this.$selection.hoverItems;if(0===t.length)this.refs.$hoverRect.updateDiff("");else{var e=t[0].verties(),n=this.createPointerLine(this.$viewport.applyVerties(e));this.refs.$hoverRect.updateDiff(n)}}},{key:"createPointerLine",value:function(t){return 0===t.length?"":'\n        <svg class=\'line\' overflow="visible">\n            <path \n                d="\n                    M '.concat(t[0][0],", ").concat(t[0][1]," \n                    L ").concat(t[1][0],", ").concat(t[1][1]," \n                    L ").concat(t[2][0],", ").concat(t[2][1]," \n                    L ").concat(t[3][0],", ").concat(t[3][1]," \n                    L ").concat(t[0][0],", ").concat(t[0][1],'\n                    Z\n                " \n                stroke-width="2"\n                />\n        </svg>')}}]),e}(hm),P$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{StyleView:$O,HoverView:S$,SelectionToolView:EO,GroupSelectionToolView:zO,GuideLineView:NO,PathEditorView:f$,PathDrawView:m$,LayerAppendView:b$,GridLayoutLineView:w$}}},{key:"initState",value:function(){return{mode:"selection",x:Lo.z(),y:Lo.z(),width:Lo.px(1e4),height:Lo.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                <object refClass='StyleView' ref='$styleView' />\n                <object refClass='GuideLineView' ref='$guideLineView' />\n                <object refClass='HoverView' ref='$hoverView' />                \n                <object refClass='GridLayoutLineView' ref='$gridLayoutLineView' />\n                <object refClass='SelectionToolView' ref='$selectionTool' />\n                <object refClass='GroupSelectionToolView' ref='$groupSelectionTool' />\n                <object refClass='LayerAppendView' ref='$objectAddView' />\n                <object refClass='PathEditorView' ref='$pathEditorView' />\n                <object refClass='PathDrawView' ref='$pathDrawView' />\n          \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:um("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:um("refElement"),value:function(t,e){Bi(e)&&e(this.getElement(t))}},{key:"getElement",value:function(t){return this.state.cachedCurrentElement[t]||(this.state.cachedCurrentElement[t]=this.refs.$view.$('[data-id="'.concat(t,'"]'))),this.state.cachedCurrentElement[t]}},{key:"checkEmptyElement",value:function(t){var e=Ro.create(t.target),n=this.$viewport.createWorldPosition(t.clientX,t.clientY),r=this.$shortcuts.getGeneratedKeyCode(of.space);return!this.$keyboardManager.check(r)&&("selection"===this.state.mode&&(!t.altKey&&(e.hasClass("artboard")?!this.$selection.check({id:e.attr("data-id")})&&!this.$selection.hasPoint(n):!this.$selection.hasPoint(n)&&(!1===e.hasClass("element-item")&&!1===e.hasClass("artboard-title")&&!1===e.hasClass("selection-tool-item")&&!1===e.hasClass("pointer")&&!1===e.hasClass("rotate-pointer")&&!1===e.hasClass("layer-add-view")&&!1===e.hasClass("handle")&&!1===e.hasClass("path-draw-container")&&!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:ss("$body")+ms("checkEmptyElement")+$s("movePointer")+Cs("moveEndPointer"),value:function(t){if(this.$target=Ro.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,y:this.canvasOffset.top},this.dragXY.x-=this.rect.x,this.dragXY.y-=this.rect.y,this.$editor.isSelectionMode()){var e={left:Lo.px(this.dragXY.x),top:Lo.px(this.dragXY.y),width:Lo.z(),height:Lo.z()};this.refs.$dragAreaRect.css(e),this.state.cachedCurrentElement={}}}},{key:"getSelectedItems",value:function(t,e){var n=this.$selection.currentProject,r=[],i=[];return n&&(0===t.width&&0===t.height?r=[]:(n.layers.forEach((function(t){t.is("artboard")&&t.isIncludeByArea(e)?i.push(t):t.is("artboard")&&t.checkInArea(e)&&!1===t.hasChildren()?r.push(t):r.push.apply(r,t.checkInAreaForAll(e))})),r.length>1&&(r=r.filter((function(t){return!1===t.is("artboard")}))))),i.length?i:r}},{key:"movePointer",value:function(t,e){this.$config.get("bodyEvent").shiftKey&&(e=t);var n={left:Lo.px(this.dragXY.x+(t<0?t:0)),top:Lo.px(this.dragXY.y+(e<0?e:0)),width:Lo.px(Math.abs(t)),height:Lo.px(Math.abs(e))};if(this.refs.$dragAreaRect.css(n),this.$editor.isSelectionMode()){var r=n.top,i=n.width,a=n.height,o={x:n.left.value,y:r.value,width:i.value,height:a.value},s=this.$viewport.createAreaVerties(o.x,o.y,o.width,o.height);if(this.$selection.currentProject){var c,l=this.getSelectedItems(o,s);(c=this.$selection).select.apply(c,E()(l))&&(this.selectCurrent.apply(this,E()(l)),this.emit("refreshSelectionTool",!0))}}}},{key:"moveEndPointer",value:function(t,e){var n=this.refs.$dragAreaRect.styles("left","top","width","height").map((function(t){return Lo.parse(t)})),r=j()(n,4),i=r[0],a=r[1],o=r[2],s=r[3],c={x:i.value,y:a.value,width:o.value,height:s.value},l=this.$viewport.createAreaVerties(c.x,c.y,c.width,c.height);if(this.refs.$dragAreaRect.css({left:Lo.px(-1e4),top:Lo.z(),width:Lo.z(),height:Lo.z()}),this.$selection.currentProject){var u,h=this.getSelectedItems(c,l);(u=this.$selection).select.apply(u,E()(h))&&this.selectCurrent.apply(this,E()(h))}else this.$selection.select();this.emit("history.refreshSelection"),this.emit("refreshSelectionTool",!0),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:_o("$view .element-item.text"),value:function(t){t.$dt.addClass("focused"),t.$dt.attr("contenteditable","true"),t.$dt.focus(),t.$dt.select()}},{key:ns("$view .element-item.text"),value:function(t){t.$dt.removeAttr("contenteditable"),t.$dt.removeClass("focused")}},{key:Wo("$view .element-item.text"),value:function(t){var e=t.$dt.html(),n=t.$dt.text(),r=t.$dt.attr("data-id"),i=[];this.$selection.items.filter((function(t){return t.id===r})).forEach((function(t){t.reset({content:e,text:n}),i.push({id:t.id,content:e,text:n})})),this.emit("refreshContent",i),this.emit("refreshSelectionTool",!1)}},{key:"checkEditMode",value:function(t){var e=this.$viewport.createWorldPosition(t.clientX,t.clientY);if(this.$selection.hasPoint(e))return!0;var n=this.$shortcuts.getGeneratedKeyCode(of.space);if(this.$keyboardManager.check(n))return!1;var r=Ro.create(t.target),i=r.closest("element-item");if(!i)return!1;if(i.hasClass("focused"))return!1;var a=i.attr("data-id");if(!1===t.altKey&&i.hasClass("artboard")){var o=this.$selection.currentProject.searchById(a);if(o&&o.hasChildren()&&!1===r.hasClass("artboard-title"))return!1}return this.$editor.isSelectionMode()}},{key:ss("$view")+ms("checkEditMode")+$s("calculateMovedElement")+Cs("calculateEndedElement"),value:function(t){this.startXY=t.xy,this.initMousePoint=this.$viewport.createWorldPosition(t.clientX,t.clientY);var e=this.$selection.hasPoint(this.initMousePoint),n=Ro.create(t.target),r=n.closest("element-item"),i=r&&r.attr("data-id");if(e&&r&&!1===r.hasClass("artboard")&&(e=!1),t.altKey)e||(n.hasClass("artboard-title")?this.$selection.selectById(i):!1===this.$selection.check({id:i})&&this.$selection.selectById(i)),!1===this.$selection.isEmpty&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.selectCurrent.apply(this,E()(this.$selection.items)),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(e);else if(n.hasClass("artboard-title"))this.$selection.selectById(i);else if(t.shiftKey)this.$selection.toggleById(i);else if(!1===this.$selection.check({id:i})){var a=this.$selection.currentProject.searchById(i);a&&a.is("artboard")&&a.hasChildren()||this.$selection.selectById(i)}this.selectCurrent.apply(this,E()(this.$selection.items)),this.initializeDragSelection(),this.emit("history.refreshSelection")}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool")}},{key:"calculateMovedElement",value:function(){var t=this,e=this.$config.get("bodyEvent"),n=this.$viewport.createWorldPosition(e.clientX,e.clientY),r=a.floor([],a.subtract([],n,this.initMousePoint));this.selectionToolView.moveTo(r),this.$selection.changeArtBoard()&&(this.initMousePoint=n,this.$selection.reselect(),this.$snapManager.clear(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.emit("refreshSelectionTool",!0)),this.nextTick((function(){t.emit("refreshSelectionStyleView"),t.emit("refreshSelectionTool",!1),t.emit("refreshRect")}))}},{key:um("refreshArtBoardName"),value:function(t,e){this.$el.$("[data-id='".concat(t,"'] > .artboard-title")).html(e)}},{key:"calculateEndedElement",value:function(t,e){var n=this,r=this.$config.get("bodyEvent").xy,i=r.x-this.startXY.x,a=r.y-this.startXY.y;if(0===i&&0===a){if(this.$selection.current.isSVG())return void this.emit("openPathEditor")}else this.nextTick((function(){n.command("setAttributeForMulti","move item",n.$selection.cloneValue("x","y","width","height"))}))}},{key:Ls("$body"),value:function(){var t=this.$editor,e=t.canvasWidth,n=t.canvasHeight;return{"data-mode":t.mode,tabIndex:-1,style:{width:Lo.px(e),height:Lo.px(n)}}}},{key:Ls("$view"),value:function(){var t=this.$viewport,e=t.translate,n=t.transformOrigin,r=t.scale,i="translate(".concat(e[0],"px, ").concat(e[1],"px) scale(").concat(r||1,")"),a="".concat(n[0],"px ").concat(n[1],"px");return this.refs.$view.$$(".artboard-title").forEach((function(t){t.css("transform-origin","bottom left"),t.css("transform","scale(".concat(1/r,")"))})),{style:{"transform-origin":a,transform:i}}}},{key:"selectCurrent",value:function(){var t=this;this.state.cachedCurrentElement={};var e=this.$el.$$(".selected");e.length&&e.forEach((function(t){return t.removeClass("selected")}));for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];if(r.length){var a=r.map((function(t){return"[data-id='".concat(t.id,"']")})).join(","),o=this.$el.$$(a);o.length&&o.forEach((function(e){t.state.cachedCurrentElement[e.attr("data-id")]=e,e.addClass("selected")}))}}},{key:um("refreshCanvasForPartial","refreshSelectionStyleView"),value:function(t){var e=this,n=t?[t]:this.$selection.items;n.forEach((function(t){e.updateElement(t)})),this.selectCurrent.apply(this,E()(n))}},{key:"updateElement",value:function(t){t&&PS.update(t,this.getElement(t.id))}},{key:"updateTimelineElement",value:function(t){t&&PS.update(t,this.getElement(t.id))}},{key:um("playTimeline","moveTimeline"),value:function(){var t=this,e=this.$selection.currentProject,n=e.getSelectedTimeline();n&&n.animations.map((function(t){return e.searchById(t.id)})).forEach((function(e){t.updateTimelineElement(e,!0,!1)}))}},{key:um("refreshAllCanvas"),value:function(){var t=this.$selection.currentProject,e=PS.render(t)||"";this.setState({html:e},!1),this.refs.$view.updateDiff(e),this.bindData("$view")}},{key:um("refreshAllElementBoundSize"),value:function(){var t=this,e=this.$selection.items.map((function(t){return t.is("artboard")?t:t.parent}));E()(new Set(e)).forEach((function(e){t.trigger("refreshElementBoundSize",e)}))}},{key:um("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(),i=r.x,a=r.y,o=r.width,s=r.height;t.reset({x:Lo.px(i),y:Lo.px(a),width:Lo.px(o),height:Lo.px(s)}),e.trigger("refreshSelectionStyleView",t,!0)}}e.trigger("refreshElementBoundSize",t)}))}},{key:um("updateViewport"),value:function(){this.bindData("$view")}},{key:"selectionToolView",get:function(){return this.$selection.isMany?this.children.$groupSelectionTool:this.children.$selectionTool}}]),e}(hm);Qs({HTMLRenderView:P$});var j$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{NumberInputEditor:Jm}}},{key:"template",value:function(){return"     \n      <div class='page-tools'>\n        <button type='button' ref='$minus'>".concat(Qg.remove2,"</button>\n        <div class='select'>\n          <object refClass=\"NumberInputEditor\"  ref='$scale' min='10' max='240' step=\"1\" key=\"scale\" value=\"").concat(100*this.$viewport.scale,"\" onchange=\"changeRangeEditor\" />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(Qg.add,"</button>        \n        <button type='button' ref='$center'>").concat(Qg.gps_fixed,"</button>                \n      </div>\n\n    ")}},{key:um("updateViewport"),value:function(){var t=Math.floor(100*this.$viewport.scale);this.children.$scale.setValue(t)}},{key:um("changeRangeEditor")+Ps(1e3),value:function(t,e){this.$viewport.setScale(e/100),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:Yo("$plus")+Es+Ts,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t+.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:Yo("$minus")+Es+Ts,value:function(){var t=this.$viewport.scale;this.$viewport.setScale(t-.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:Yo("$center")+Es+Ts,value:function(){this.emit("moveSelectionToCenter")}}]),e}(hm),O$={"segment-move":"modify",modify:"modify",path:"path"},$$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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 Ex}},{key:um("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"]||Lo.number(1)),this.children.$strokeWidth.setValue(t["stroke-width"]||Lo.number(1)))}},{key:"template",value:function(){this.$selection.current;return("\n      <div class='path-manager'>\n        <div class='tools' ref='$mode' data-selected-value='".concat(this.state.mode,"'>\n            <button type=\"button\" data-value='modify' title='").concat(this.$i18n("path.manager.mode.modify"),"' > ").concat(Qg.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(Qg.control_point,"</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(Qg.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(Qg.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(Qg.flip,"</button>\n        </div>\n\n        <div class='tools' ref='$util'>\n            <button type=\"button\" data-value='reverse' title='").concat(this.$i18n("path.manager.mode.transform"),"' >").concat(Qg.swap_horiz,'</button>\n        </div>        \n        <div class=\'tools\'>      \n          <div>\n            <object refClass="FillSingleEditor" ref="$fill" simple="true" label="').concat(this.$i18n("svg.item.property.fill"),'" key="fill" onchange="changeValue" />\n          </div>\n          <div>\n            <object refClass="FillSingleEditor" ref="$stroke" simple="true" label="').concat(this.$i18n("svg.item.property.stroke"),'" key="stroke" onchange="changeValue" />\n          </div>      \n          <div >\n            <span \n              refClass="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            <span \n              refClass="NumberInputEditor" \n              ref="$strokeWidth" \n              label="').concat(this.$i18n("svg.item.property.strokeWidth"),'" \n              key="stroke-width" \n              onchange="changeValue"\n            />\n          </div>\n        </div>\n      </div>    \n    '))}},{key:um("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.command("setAttribute","change color assets",{stroke:e},null,!0))}},{key:um("changeValue"),value:function(t,e,n){this.command("setAttribute","change path",S()({},t,e),null,!0),this.updateData(S()({},t,e))}},{key:Ls("$mode"),value:function(){return{"data-selected-value":O$[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:Yo("$flip button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathTransform",e)}},{key:Yo("$util button"),value:function(t){var e=t.$dt.attr("data-value");this.emit("changePathUtil",e)}},{key:Yo("$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:um("changePathManager"),value:function(t){this.setState({mode:t})}},{key:um("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:um("hidePathManager"),value:function(){this.$el.hide()}}]),e}(hm);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}var E$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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?C$(Object(n),!0).forEach((function(e){S()(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}({},Ex)}},{key:um("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"]||Lo.number(1)))}},{key:um("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            <object refClass="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            <object refClass="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            <object refClass="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            <object refClass="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            <object refClass="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:um("changeValue"),value:function(t,e,n){this.updateData(S()({},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:um("changePathManager"),value:function(t){this.setState({mode:t})}},{key:um("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:um("hideDrawManager"),value:function(){this.$el.hide()}}]),e}(hm),T$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{PathManager:$$,DrawManager:E$}}},{key:"template",value:function(){return"\n      <div class='page-subeditor'>\n        <object refClass='PathManager' />\n        <object refClass='DrawManager' />\n        <object refClass='SelectionManager' />\n      </div>\n    "}}]),e}(hm),V$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{PageTools:j$,HTMLRenderView:P$,PageSubEditor:T$}}},{key:"initState",value:function(){return{cursor:"auto",cursorArgs:[]}}},{key:"afterRender",value:function(){var t=this;this.emit("load.json"),this.trigger("resizeCanvas"),this.nextTick((function(){t.emit("moveSelectionToCenter")}))}},{key:"template",value:function(){return"\n      <div class='page-container' tabIndex=\"-1\" ref='$container'>\n        <div class='page-view'>\n          <div class='page-lock scrollbar' ref='$lock'>\n            <object refClass='HTMLRenderView' ref='$elementView' />\n            <div ref='$viewport'></div>\n          </div>\n        </div>\n        \x3c!--<PageSubEditor /> --\x3e\n        <object refClass='PageTools' />\n      </div>\n    "}},{key:"makeViewportConsole",value:function(){if(!this.$viewport.verties)return"";var t=this.$viewport.pos;return("\n      <div style='background-color: rgba(0, 0, 0, 0.5); color: white;position:absolute;left:0px;top:0px;bottom:0px;right:0px;pointer-events:none;'>\n        <div style='position:absolute;width:1px;height:100%;top:0px;left:50%;transform:translateX(-50%);background-color:black;'></div>  \n        <div style='position:absolute;height:1px;width:100%;top:50%;transform:translateY(-50%);background-color:black;'></div>                \n        <div style='position:absolute;display:inline-block;left:0px;top:50%;transform:translateY(-50%);'>".concat(Math.floor(this.$viewport.minX),"</div>\n        <div style='position:absolute;display:inline-block;right:0px;top:50%;transform:translateY(-50%);'>").concat(Math.floor(this.$viewport.maxX),"</div>\n        <div style='position:absolute;display:inline-block;left:50%;top:0px;transform:translateX(-50%)'>").concat(Math.floor(this.$viewport.minY),"</div>\n        <div style='position:absolute;display:inline-block;left:50%;bottom:0px;transform:translateX(-50%)'>").concat(Math.floor(this.$viewport.maxY),"</div>\n        <div style='position:absolute;top:50%;left:50%;display:inline-block;'>").concat(this.$viewport.transformOrigin.map((function(t){return Math.floor(t)})).join(", "),"</div>\n        <div style='position:absolute;left:").concat(t[0],"%;top:").concat(t[1],"%;display:inline-block;'>\n          mouse: ").concat(this.$viewport.mouse.map((function(t){return Math.floor(t)})).join(", ")," <br />\n          translate: ").concat(this.$viewport.translate.join(", ")," <br />          \n          zoom : ").concat(this.$viewport.zoomFactor," <br />\n        </div>                  \n\n      </div>\n    "))}},{key:"checkSpace",value:function(){return this.$keyboardManager.check(this.$shortcuts.getGeneratedKeyCode(of.space))}},{key:ss("$lock")+ms("checkSpace")+$s("movePan"),value:function(t){this.lastDist=a.create(),this.emit("addStatusBarMessage",this.$i18n("viewport.panning.enable"))}},{key:"movePan",value:function(t,e){var n,r=a.fromValues(t,e,0);(n=this.$viewport).pan.apply(n,E()(a.transformMat4([],a.subtract([],this.lastDist,r),this.$viewport.scaleMatrixInverse))),this.lastDist=r}},{key:Ls("$viewport"),value:function(){return""}},{key:Ls("$container"),value:function(){var t,e;return Hs.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,Hs.a.awrap((t=this.$editor.cursorManager).load.apply(t,[this.state.cursor].concat(E()(this.state.cursorArgs||[]))));case 2:return e=n.sent,n.abrupt("return",{style:{cursor:e}});case 4:case"end":return n.stop()}}),null,this)}},{key:qo("$lock")+Es,value:function(){}},{key:Zo("$lock")+Es,value:function(t){if(t.dataTransfer.getData("text/artboard")){var e=this.$viewport.createWorldPosition(t.clientX,t.clientY);this.emit("drop.asset",{artboard:{id:t.dataTransfer.getData("text/artboard"),center:e}})}else{Cm.getAllDropItems(t);var n=Ro.create(t.target).attr("data-id");if(n)this.emit("drop.asset",{gradient:t.dataTransfer.getData("text/gradient"),pattern:t.dataTransfer.getData("text/pattern"),color:t.dataTransfer.getData("text/color"),imageUrl:t.dataTransfer.getData("image/info")},n);else{var r=t.dataTransfer.getData("image/info");this.emit("dropImageUrl",r)}}}},{key:ds("$lock")+Es,value:function(t){var e=this,n=function(t){var e=t.deltaX,n=t.deltaY;if(0===e&&t.shiftKey){var r=[e,n];n=r[0],e=r[1]}return t.deltaMode===WheelEvent.DOM_DELTA_LINE?n*=8:t.deltaMode===WheelEvent.DOM_DELTA_PAGE&&(n*=24),[Rs(e,24),Rs(n,24),0]}(t),r=j()(n,2),i=r[0],a=r[1];if(this.state.gesture)if(t.ctrlKey){var o=1-2.5*a/100;this.$viewport.zoom(o)}else{var s=-2.5*i,c=-2.5*a;this.$viewport.pan(-s/this.$viewport.scale,-c/this.$viewport.scale,0)}else t.ctrlKey&&this.$viewport.setMousePoint(t.clientX,t.clientY),this.emit("startGesture"),this.state.gesture=!0;clearTimeout(this.state.timer),this.state.timer=setTimeout((function(){e.state.gesture=void 0,e.emit("endGesture")}),200)}},{key:"refreshCanvasSize",value:function(){this.$viewport.refreshCanvasSize(this.refs.$lock.rect())}},{key:um("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}},{key:um("updateViewport"),value:function(){this.bindData("$viewport")}},{key:um("changeIconView"),value: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];"".concat(this.state.cursor," ").concat(this.state.cursorArgs)!=="".concat(t," ").concat(n)&&(this.state.cursor=t,this.state.cursorArgs=n,this.bindData("$container"))}}]),e}(hm);Qs({CanvasView:V$});var M$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n      <div class='tool-menu center'>\n        <div class='items'>\n          <div class='draw-items' ref='$items' data-selected-value=\"".concat(this.$editor.layout,"\">\n\n            <object refClass='SelectTool' />\n            <object refClass='AddArtBoard' />\n            <span data-item='css'>\n              <object refClass='AddRect' />\n              <object refClass='AddCircle' />         \n              <object refClass='AddText' />\n              <object refClass='AddImage' />\n              <object refClass='AddVideo' />\n              <object refClass='AddIFrame' />\n            </span>            \n            <span data-item='svg'>\n              <div class='divider'></div>\n              <object refClass='AddDrawPath' />\n              <object refClass='AddPath' />\n              <object refClass='AddSVGRect' />\n              <object refClass='AddSVGCircle' />            \n              \x3c!-- <AddSVGText /> --\x3e\n              <object refClass='AddSVGTextPath' />\n              <object refClass='AddPolygon' />\n            </span>\n          </div>\n        </div>\n\n      </div>\n    ")}},{key:um("changedEditorlayout"),value:function(){this.refs.$items.attr("data-selected-value",this.$editor.layout)}},{key:um("noneSelectMenu"),value:function(){var t=this.refs.$items.$(".selected");t&&t.removeClass("selected")}},{key:Yo("$items button"),value:function(t){t.$dt.onlyOneClass("selected")}}]),e}(hm);Qs({ToolMenu:M$});var D$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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    "}}]),e}(hm);Qs({LogoView:D$});var I$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return gP}},{key:"template",value:function(){return'\n      <div class=\'external-tool-menu  right\'>\n        <div class=\'items\'>\n          <object refClass="Download" />\n          <object refClass="Save" />\n          <object refClass="Github" />\n          <object refClass="Manual" />\n          \x3c!-- LoginButton /--\x3e\n          \x3c!-- SignButton /--\x3e\n        </div>                \n      </div>\n    '}}]),e}(hm);Qs({ExternalToolMenu:I$});var L$=Object.keys(Oh),R$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:km}}},{key:"template",value:function(){var t=this,e=L$.map((function(e){var n=t.$i18n("app.lang.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='status-selector'>\n                <label>".concat(this.$i18n("app.label.lang"),"</label>\n                <div class='item'>\n                    <object refClass=\"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:um("changeLocale"),value:function(t,e){this.emit("setLocale",e)}}]),e}(hm),A$=["dark","light","toon"],z$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:km}}},{key:"template",value:function(){var t=this,e=A$.map((function(e){var n=t.$i18n("app.theme.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='status-selector'>\n                <label>".concat(this.$i18n("app.label.theme"),"</label>\n                <div class='item'>\n                    <object refClass=\"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:um("changeItem"),value:function(t,e){this.emit("switchTheme",e)}}]),e}(hm),F$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{SelectEditor:km}}},{key:"template",value:function(){var t=this,e=["all","css","svg"].map((function(e){var n=t.$i18n("app.layout.".concat(e));return"".concat(e,":").concat(n)}));return"\n            <div class='status-selector'>\n                <label>".concat(this.$i18n("app.label.layout"),"</label>\n                <div class='item'>\n                    <object refClass=\"SelectEditor\"  \n                        ref='$locale' \n                        options=\"").concat(e,'" \n                        value="').concat(this.$editor.layout,'" \n                        onchange="changeEditorLayoutValue"\n                    /> \n                </div>\n            </div>\n        ')}},{key:um("changeEditorLayoutValue"),value:function(t,e){this.emit("setEditorLayout",e)}}]),e}(hm),B$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initState",value:function(){return{version:"0.10.6"}}},{key:"template",value:function(){return'<div class="version-view">v'.concat(this.state.version,"</div>")}}]),e}(hm),G$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"components",value:function(){return{LayoutSelector:F$,LanguageSelector:R$,ThemeSwitcher:z$,VersionView:B$}}},{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                    <object refClass=\"LayoutSelector\" />\n                    <object refClass=\"ThemeSwitcher\" />\n                    <object refClass=\"LanguageSelector\" />\n                    <object refClass=\"VersionView\" />\n                </div>\n            </div>\n        "}},{key:"initState",value:function(){return{msg:""}}},{key:Ls("$msg"),value:function(){return{text:this.state.msg}}},{key:um("addStatusBarMessage"),value:function(t){this.setState({msg:t})}}]),e}(hm);Qs({StatusBar:G$});var H$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n            <div class='notification-view'>\n            </div>\n        "}},{key:fs("$el"),value:function(t){Ro.create(t.target).remove()}},{key:Yo("$el .item > .icon"),value:function(t){t.$dt.parent().remove()}},{key:"getMessageTemplate",value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:2e3;return("\n        <div class='item ".concat(t,"' style='transition-duration: ").concat(r,"ms;'>\n            <div class='title'>").concat(e,"</div> \n            <div class='description'>").concat(n,"</div>\n            <span class='icon'>").concat(Qg.close,"</span>\n        </div>\n    "))}},{key:um("notify"),value:function(t,e,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:2e3,i=Ro.createByHTML(this.getMessageTemplate(t,e,n,r));this.$el.prepend(i),setTimeout((function(t){t.css("opacity",0)}),100,i)}}]),e}(hm);Qs({NotificationView:H$});var N$=[],X$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n            <div class=\"horizontal-ruler\">\n                <div class='horizontal-ruler-container' ref='$layerRuler'></div>                            \n                <div class='horizontal-ruler-container' ref='$ruler'></div>\n            </div>\n        "}},{key:"afterRender",value:function(){this.refreshCanvasSize()}},{key:"refreshCanvasSize",value:function(){this.state.rect=this.$el.rect()}},{key:"makeLine",value:function(t,e,n,r,i,a){var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:3,s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,l=n-n%e,u=r+r%e,h=(l-n)/i*a,p=(l+e-n)/i*a;if(!(Math.abs(p-h)<o))for(var d=l;d<u;d+=e)if(0==d||d%c!=0){var f=Math.floor((d-n)/i*a);t.push("M ".concat(f," ").concat(30-s," L ").concat(f," 30 "))}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=(arguments.length>6&&void 0!==arguments[6]&&arguments[6],arguments.length>7&&void 0!==arguments[7]?arguments[7]:10),s=[],c=e-e%t,l=n+n%t,u=(c-e)/r*i,h=(c+t-e)/r*i;if(!(Math.abs(h-u)<a)){for(var p=c;p<l;p+=t)if(0==p||p%o!=0){var d=Math.floor((p-e)/r*i);s.push('<text x="'.concat(d,'" y="',0,'" dx="2" dy="8" text-anchor="middle" alignment-baseline="bottom" >').concat(p,"</text>"))}return s.join("")}}},{key:"makeRulerForCurrentArtboard",value:function(){var t=this.$selection.current;if(!t)return"";var e=t.artboard;if(!e)return"";var n=e.verties(),r=this.$viewport,i=r.minX,a=(r.maxX,r.width),o=this.state.rect.width,s=(n[0][0]-i)/a*o,c=(n[2][0]-i)/a*o;return"\n            M ".concat(s," 20 \n            L ").concat(s," 30 \n            L ").concat(c," 30 \n            L ").concat(c," 20 \n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var t=this.$selection.verties.map((function(t){return t[0]})),e=Math.min.apply(Math,E()(t)),n=Math.max.apply(Math,E()(t)),r=this.$viewport,i=r.minX,a=r.width,o=this.state.rect.width,s=(e-i)/a*o,c=(n-i)/a*o;return"\n            M ".concat(s," 10 \n            L ").concat(s," 20 \n            L ").concat(c," 20 \n            L ").concat(c," 10 \n            Z\n        ")}},{key:"makeRuler",value:function(){var t=this.$viewport,e=t.minX,n=t.maxX,r=t.width,i=this.state.rect.width;return N$=[],this.makeLine(N$,200,e,n,r,i,10,20,1e4),this.makeLine(N$,100,e,n,r,i,10,20,200),this.makeLine(N$,50,e,n,r,i,10,20,100),this.makeLine(N$,10,e,n,r,i,10,20,50),this.makeLine(N$,5,e,n,r,i,10,20,10),this.makeLine(N$,1,e,n,r,i,10,20,5),this.makeLine(N$,.5,e,n,r,i,10,20,1),N$.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minX,n=t.maxX,r=t.width,i=this.state.rect.width;return[this.makeLineText(200,e,n,r,i,5,25,1e4),this.makeLineText(100,e,n,r,i,5,20,200),this.makeLineText(50,e,n,r,i,20,18,100),this.makeLineText(10,e,n,r,i,20,15,50),this.makeLineText(5,e,n,r,i,20,13,10),this.makeLineText(1,e,n,r,i,20,20,5)].join("")}},{key:Vs("$ruler")+Ss,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" width="100%" overflow="hidden">\n                <path d="'.concat(this.makeRuler(),'" fill="transparent" stroke-width="0.5" stroke="white" transform="translate(0.5, 0)" />\n                ').concat(this.makeRulerText(),"                \n            </svg>\n        ")}},{key:Vs("$layerRuler")+Ss,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" width="100%" overflow="hidden">\n                <path d="'.concat(this.makeRulerForCurrent(),'" fill="rgba(100, 255, 255, 0.5)" />\n            </svg>\n        ')}},{key:um("updateViewport"),value:function(){this.refresh()}},{key:um("refreshSelection","refreshRect"),value:function(){this.load("$layerRuler")}},{key:um("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),e}(hm);Qs({HorizontalRuler:X$});var Y$=[],_$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"template",value:function(){return"\n            <div class=\"vertical-ruler\">\n                <div class='vertical-ruler-container' ref='$layerRuler'></div>                                        \n                <div class='vertical-ruler-container' ref='$body'></div>\n            </div>\n        "}},{key:"afterRender",value:function(){this.refreshCanvasSize()}},{key:"refreshCanvasSize",value:function(){this.state.rect=this.$el.rect()}},{key:"makeLine",value:function(t,e,n,r,i,a){var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:3,s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,l=n-n%e,u=r+r%e,h=(l-n)/i*a,p=(l+e-n)/i*a;if(!(Math.abs(p-h)<o))for(var d=l;d<u;d+=e)if(0==d||d%c!=0){var f=Math.floor((d-n)/i*a);t.push("M ".concat(30-s," ").concat(f," L 30 ").concat(f))}}},{key:"makeLineText",value:function(t,e,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=(arguments.length>6&&void 0!==arguments[6]&&arguments[6],arguments.length>7&&void 0!==arguments[7]?arguments[7]:10),s=[],c=e-e%t,l=n+n%t,u=(c-e)/r*i,h=(c+t-e)/r*i;if(!(Math.abs(h-u)<a)){for(var p=c;p<l;p+=t)if(!(p>0&&p%o==0)){var d=Math.floor((p-e)/r*i);s.push('<text x="'.concat(1,'" y="',d,'" dy="3" dx="-4" transform="rotate(270, 5, ').concat(d,')">').concat(p,"</text>"))}return s.join("")}}},{key:"makeRulerForCurrentArtboard",value:function(){var t=this.$selection.current;if(!t)return"";var e=t.artboard;if(!e)return"";var n=e.verties(),r=this.$viewport,i=r.minY,a=(r.maxY,r.height),o=this.state.rect.height,s=(n[0][1]-i)/a*o,c=(n[2][1]-i)/a*o;return"\n            M 20 ".concat(s,"\n            L 30 ").concat(s,"\n            L 30 ").concat(c,"\n            L 20 ").concat(c,"\n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var t=this.$viewport,e=t.minY,n=(t.maxY,t.height),r=this.state.rect.height,i=this.$selection.verties.map((function(t){return t[1]})),a=(Math.min.apply(Math,i)-e)/n*r,o=(Math.max.apply(Math,i)-e)/n*r;return"\n            M 10 ".concat(a,"\n            L 20 ").concat(a,"\n            L 20 ").concat(o,"\n            L 10 ").concat(o,"\n            Z\n        ")}},{key:"makeRuler",value:function(){var t=this.$viewport,e=t.minY,n=t.maxY,r=t.height,i=this.state.rect.height;return Y$=[],this.makeLine(Y$,200,e,n,r,i,10,18,1e4),this.makeLine(Y$,100,e,n,r,i,10,18,200),this.makeLine(Y$,50,e,n,r,i,10,18,100),this.makeLine(Y$,10,e,n,r,i,10,18,50),this.makeLine(Y$,5,e,n,r,i,10,18,10),this.makeLine(Y$,1,e,n,r,i,10,18,5),this.makeLine(Y$,.5,e,n,r,i,10,18,1),Y$.join("")}},{key:"makeRulerText",value:function(){var t=this.$viewport,e=t.minY,n=t.maxY,r=t.height,i=this.state.rect.height;return[this.makeLineText(200,e,n,r,i,5,25,1e4),this.makeLineText(100,e,n,r,i,5,22,200),this.makeLineText(50,e,n,r,i,20,18,100),this.makeLineText(10,e,n,r,i,20,15,50),this.makeLineText(5,e,n,r,i,20,12,10),this.makeLineText(1,e,n,r,i,20,10,5)].join("")}},{key:Vs("$body")+Ss,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" height="100%" overflow="hidden">\n                <path d="'.concat(this.makeRuler(),'" fill="transparent" stroke-width="0.5" stroke="white" transform="translate(0, 0.5)" />\n                ').concat(this.makeRulerText(),"\n            </svg>\n        ")}},{key:Vs("$layerRuler")+Ss,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" height="100%" overflow="hidden">\n                <path d="'.concat(this.makeRulerForCurrent(),'" fill="rgba(100, 255, 255, 0.5)" />\n            </svg>\n        ')}},{key:um("updateViewport"),value:function(){this.refresh()}},{key:um("refreshSelection","refreshRect"),value:function(){this.load("$layerRuler")}},{key:um("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),e}(hm);Qs({VerticalRuler:_$});var K$=["TEXTAREA","INPUT","SELECT"],W$=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"initialize",value:function(){Bs()(So()(e.prototype),"initialize",this).call(this);var t=Ro.body();t.attr("data-theme",this.$editor.theme),t.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initState",value:function(){return{hideLeftPanel:!1,hideRightPanel:!1,leftSize:340,rightSize:300,bottomSize:30,lastBottomSize:150}}},{key:um("changed.locale"),value:function(){this.rerender()}},{key:"template",value:function(){return"\n      <div class=\"layout-main\">\n        <div class='layout-top' ref='$top'>\n          <div class='logo-item'>\n            <label class='logo' title='EasyLogic Studio'></label>\n          </div>      \n          <object refClass=\"ToolMenu\" />\n          <object refClass='PageSubEditor' />    \n        </div>\n        <div class=\"layout-middle\" ref='$middle'>\n          <div class=\"layout-header\" ref='$headerPanel'>\n  \n          </div>        \n          <div class=\"layout-body\" ref='$bodyPanel'>\n            <object refClass='HorizontalRuler' />\n            <object refClass='VerticalRuler' />\n            <object refClass='CanvasView' />        \n          </div>                           \n          <div class='layout-left' ref='$leftPanel'>\n            <object refClass='ObjectList' />\n          </div>\n          <div class=\"layout-right\" ref='$rightPanel'>\n            <object refClass='Inspector' />\n          </div>\n\n          <div class='layout-footer' ref='$footerPanel'>\n            <div class='footer-splitter' ref='$footerSplitter' title=\"".concat(this.$i18n("timeline.property.resize"),"\"></div>\n            <object refClass='TimelineProperty' />\n          </div>   \n          <div class='splitter' ref='$splitter'></div>\n          <button type=\"button\" class='toggleLeft' ref='$toggleLeftButton'></button>\n          <button type=\"button\" class='toggleRight' ref='$toggleRightButton'></button>\n        </div>\n        \n        <object refClass='StatusBar' />\n        <object refClass='Test' />\n        <object refClass='ColorPickerPopup' />\n        <object refClass='BoxShadowPropertyPopup' />\n        <object refClass='BackgroundImagePositionPopup' />\n        <object refClass='TextShadowPropertyPopup' />\n        <object refClass='AnimationPropertyPopup' />\n        <object refClass='TransitionPropertyPopup' />\n        <object refClass='KeyframePopup' />\n        <object refClass='ClipPathPopup' />\n        <object refClass='SVGPropertyPopup' />\n        <object refClass='SelectorPopup' />\n        <object refClass='ImageSelectPopup' />\n        <object refClass='GradientPickerPopup' />\n        <object refClass='FillPickerPopup' />\n        <object refClass='PatternInfoPopup' />\n        <object refClass='SVGFilterPopup' />\n        <object refClass='ExportWindow' />\n        <object refClass='ShortcutWindow' />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        \x3c!-- ImageFileView / --\x3e\n        <object refClass='NotificationView' />\n      </div>\n    ")}},{key:Ls("$headerPanel"),value:function(){var t="".concat(this.state.leftSize,"px"),e="".concat(this.state.rightSize,"px");return this.state.hideLeftPanel&&(t="0px"),this.state.hideRightPanel&&(e="0px"),{style:{left:t,right:e}}}},{key:Ls("$splitter"),value:function(){var t="".concat(this.state.leftSize,"px");return this.state.hideLeftPanel&&(t="0px"),{style:{left:t}}}},{key:Ls("$leftPanel"),value:function(){var t="0px",e=Lo.px(this.state.leftSize),n=Lo.px(this.state.bottomSize);return this.state.hideLeftPanel&&(t="-".concat(this.state.leftSize,"px")),{style:{left:t,width:e,bottom:n}}}},{key:Ls("$toggleLeftButton"),value:function(){var t="0px",e=Qg.arrowRight;return!1===this.state.hideLeftPanel&&(t="".concat(this.state.leftSize,"px"),e=Qg.arrowLeft),{style:{left:t},html:e}}},{key:Ls("$toggleRightButton"),value:function(){var t="0px",e=Qg.arrowLeft;return!1===this.state.hideRightPanel&&(t="".concat(this.state.rightSize,"px"),e=Qg.arrowRight),{style:{right:t},html:e}}},{key:Ls("$rightPanel"),value:function(){var t="0px",e=Lo.px(this.state.bottomSize);return this.state.hideRightPanel&&(t="-".concat(this.state.rightSize,"px")),{style:{right:t,bottom:e}}}},{key:Ls("$bodyPanel"),value:function(){var t="".concat(this.state.leftSize,"px"),e="".concat(this.state.rightSize,"px"),n="".concat(this.state.bottomSize,"px");return this.state.hideLeftPanel&&(t="0px"),this.state.hideRightPanel&&(e="0px"),{style:{left:t,right:e,bottom:n}}}},{key:Ls("$footerPanel"),value:function(){return{style:{height:Lo.px(this.state.bottomSize)}}}},{key:"components",value:function(){return{ToolMenu:M$,PageSubEditor:T$,CanvasView:V$,LogoView:D$,ExternalToolMenu:I$,StatusBar:G$,PreviewToolMenu:cO,NotificationView:H$,HorizontalRuler:X$,VerticalRuler:_$}}},{key:ss("$splitter")+$s("moveSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=Lo.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)})}},{key:ss("$footerSplitter")+$s("moveFooterSplitter"),value:function(){this.minFooterSize=this.$theme("bottom_size"),this.maxFooterSize=this.$theme("bottom_max_size"),this.bottomSize=Lo.parse(this.refs.$footerPanel.css("height")).value}},{key:"moveFooterSplitter",value:function(t,e){var n=Math.max(Math.min(this.bottomSize-e,this.maxFooterSize),this.minFooterSize);this.setState({bottomSize:n,lastBottomSize:n}),this.trigger("changeTimelineHeight")}},{key:um("changeTimelineHeight")+Os(100),value:function(){this.emit("refreshTimeline")}},{key:"refresh",value:function(){this.bindData("$splitter"),this.bindData("$headerPanel"),this.bindData("$leftPanel"),this.bindData("$rightPanel"),this.bindData("$toggleRightButton"),this.bindData("$toggleLeftButton"),this.bindData("$bodyPanel"),this.bindData("$footerPanel"),this.emit("resizeEditor")}},{key:Yo("$toggleRightButton"),value:function(){var t=this;this.toggleState("hideRightPanel"),setTimeout((function(){t.emit("resizeCanvas")}),100)}},{key:Yo("$toggleLeftButton"),value:function(){var t=this;this.toggleState("hideLeftPanel"),setTimeout((function(){t.emit("resizeCanvas")}),100)}},{key:um("changeTheme"),value:function(){Ro.body().attr("data-theme",this.$editor.theme)}},{key:um("toggleFooter"),value:function(t){this.$el.toggleClass("show-footer",t),this.$el.hasClass("show-footer")?30===this.state.bottomSize&&(this.state.bottomSize=this.state.lastBottomSize||this.$theme("bottom_size")):this.state.bottomSize=30,this.refresh()}},{key:fs("$el .layout-footer"),value:function(t){this.emit("toggleFooterEnd")}},{key:um("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:um("refreshAllSelectProject"),value:function(){this.emit("refreshArtboard")}},{key:qo("$middle")+Es,value:function(t){}},{key:Zo("$middle")+Es,value:function(t){}},{key:"isNotFormElement",value:function(t){var e=t.target.tagName;return!K$.includes(e)&&"true"!==Ro.create(t.target).attr("contenteditable")}},{key:Ko("document")+ms("isNotFormElement"),value:function(t){this.emit("keymap.keydown",t)}},{key:Wo("document")+ms("isNotFormElement"),value:function(t){this.emit("keymap.keyup",t)}}]),e}(hm);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 Z$(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){S()(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 q$(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}Qs({DesignEditor:W$});var J$=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?q$(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):q$(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},kp,{},Ou,{BackgroundImage:eu,BorderImage:function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{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 Cl({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,i=t.radialType,a=t.radialPosition,o=e.toJSON();switch(delete o.itemType,delete o.type,t.type){case"static-gradient":return new Pl(Z$({},o,{colorsteps:n}));case"linear-gradient":return new Il(Z$({},o,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new Ll(Z$({},o,{colorsteps:n,angle:r}));case"radial-gradient":return new Bl(Z$({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new Gl(Z$({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new _l(Z$({},o,{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new Kl(Z$({},o,{colorsteps:n,angle:r,radialPosition:a}))}return new wl}},{key:"getDefaultObject",value:function(){return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,{itemType:"border-image",checked:!1,repeat:"stretch",slice:{},width:{},image:Pl.create()})}},{key:"convert",value:function(t){return Object.keys(t.slice).forEach((function(e){t.slice[e]=Lo.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 Z$({},this.toBorderImageCSS(),{},this.toBorderImageRepeatCSS(),{},this.toBorderImageSliceCSS(),{},this.toBorderImageWidthCSS())}},{key:"toString",value:function(){return Ei(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}}],[{key:"parse",value:function(t){return new e(t)}},{key:"parseStyle",value:function(t){var n=null;if(t["border-image"]){var r=_a(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(i,a){var o=null;i=Wa(i,r.matches);var s=t["border-image"].replace(i,"").split(" ").map((function(t){return Lo.parse(t)}));i.includes("repeating-linear-gradient")?o=Ll.parse(i):i.includes("linear-gradient")?o=Il.parse(i):i.includes("repeating-radial-gradient")?o=Gl.parse(i):i.includes("radial")?o=Bl.parse(i):i.includes("repeating-conic-gradient")?o=Kl.parse(i):i.includes("conic")?o=_l.parse(i):i.includes("url")&&(o=Cl.parse(i)),n=new e({type:o.type,image:o});var c=s.filter((function(t){return Gi(t.value)}));1===c.length?n.reset({slice:{top:c[0].clone(),bottom:c[0].clone(),left:c[0].clone(),right:c[0].clone()}}):2===c.length?n.reset({slice:{top:c[0].clone(),bottom:c[0].clone(),left:c[1].clone(),right:c[1].clone()}}):3===c.length?n.reset({slice:{top:c[0].clone(),bottom:c[2].clone(),left:c[1].clone(),right:c[1].clone()}}):4===c.length&&n.reset({slice:{top:c[0].clone(),bottom:c[2].clone(),left:c[3].clone(),right:c[1].clone()}})}))}return n}}]),e}(Pc),BoxShadow:Jc}),Q$={ColorStep:ml,ConicGradient:_l,LinearGradient:Il,RadialGradient:Bl,RepeatingConicGradient:Kl,RepeatingLinearGradient:Ll,RepeatingRadialGradient:Gl,URLImageResource:Cl},tC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"is",value:function(){for(var t,n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return!!r.includes("component")||(t=Bs()(So()(e.prototype),"is",this)).call.apply(t,[this].concat(r))}},{key:"getProps",value:function(){return[]}}]),e}(r$);function eC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function nC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?eC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):eC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}zc.registerComponent("component",tC);var rC=["front","back","left","right","top","bottom"],iC={"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"},aC={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},oC={filter:!0,"mix-blend-mode":!0,"background-image":!0,"border-radius":!0,border:!0},sC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,nC({itemType:"cube",name:"New Cube","transform-style":"preserve-3d","backface-visibility":"visible",rate:Lo.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(E()(rC.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"],E()(rC.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(iC[e.property]),properties:[nC({},e,{property:"background-color"})]}),e.property.includes(".background")&&t.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(iC[e.property]),properties:[nC({},e,{property:"background-image"})]})}},{key:"toAnimationKeyframes",value:function(t){var e=this,n=[],r=[],i=[];t.forEach((function(t){t.property.includes(".color")||t.property.includes(".background")?n.push(t):aC[t.property]?r.push(t):oC[t.property]&&i.push(t)}));var a=[];return r.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"]'),properties:r}),i.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"] div'),properties:i}),n.length&&n.forEach((function(t){e.setCustomKeyframes(a,t)})),a}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).rate=Lo.parse(t.rate),t}},{key:"toCloneObject",value:function(){var t=this,n={};return rC.forEach((function(e){n["".concat(e,".color")]=t.json["".concat(e,".color")],n["".concat(e,".background")]=t.json["".concat(e,".background")]})),nC({},Bs()(So()(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 Qg.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",nC({},t,{},this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return nC({},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,i=n.value/2,a=r.value/2,o=t["backface-visibility"],s=nC({},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(Ji(s),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";     \n          backface-visibility: ").concat(o,";          \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(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";        \n          backface-visibility: ").concat(o,";              \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(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";    \n          backface-visibility: ").concat(o,";          \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(i*e,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";      \n          backface-visibility: ").concat(o,";          \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(a*e,"px);\n          top: ").concat(a-i,"px;\n          width: ").concat(n,";\n          height: ").concat(n,";\n          backface-visibility: ").concat(o,";          \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(a*e,"px);\n          top: ").concat(a-i,"px;          \n          width: ").concat(n,";\n          height: ").concat(n,";    \n          backface-visibility: ").concat(o,";          \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,i=r.width,a=r.height,o=this.toCSS(),s=this.toNestedCSS(),c={},l=s.find((function(t){return"div"===t.selector}))||{cssText:""};return l=l.cssText.replace(/\n/g,""),rC.forEach((function(t){c[t]=s.find((function(e){return e.selector==="."+t}))||{cssText:""},c[t]=c[t].cssText.replace(/\n/g,"")})),n?(delete o.left,delete o.top,"absolute"===o.position&&delete o.position,this.wrapperRootSVG(t,e,i,a,"\n        <foreignObject ".concat(ta({width:i.value,height:a.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(Ji(o),'">\n            ').concat(rC.map((function(t){return'<div style="'.concat(l,";").concat(c[t],'"></div>')})).join(""),"          \n          </div>   \n          </div>\n        </foreignObject>          \n\n      "))):"\n        ".concat(this.toDefString,"\n        <foreignObject ").concat(ta({width:i.value,height:a.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(Ji(o),'">\n              ').concat(rC.map((function(t){return'<div style="'.concat(l,";").concat(c[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(rC.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)}}],[{key:"getIcon",value:function(){return Qg.cube}}]),e}(tC);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 lC(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){S()(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}zc.registerComponent("cube",sC);var uC={count:!0,rate:!0,face:!0},hC={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},pC={filter:!0,"mix-blend-mode":!0,"background-image":!0,"background-color":!0,"border-radius":!0,border:!0},dC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,lC({itemType:"cylinder",name:"New Cylinder","transform-style":"preserve-3d","backface-visibility":"visible",transform:"rotateX(10deg) rotateY(30deg)",count:Lo.number(40),rate:Lo.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(E()(Ki(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"],E()(Ki(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,i=this.json.count.value,a=r.value/2,o=360/i,s=Ki(i).map((function(t,r){var i=r*o;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(i,"deg) translateZ(").concat(a*n,"px)"),timing:r}})),property:"transform"}]}}));t.push.apply(t,s)}if(e.property.includes(".color")){var c=e.property.split("."),l=j()(c,3),u=(l[0],l[1]);l[2];t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(u,'"]'),properties:[lC({},e,{property:"background-color"})]})}if(e.property.includes(".background")){var h=e.property.split("."),p=j()(h,3);p[0],u=p[1],p[2];t.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(u,'"]'),properties:[lC({},e,{property:"background-image"})]})}}},{key:"toAnimationKeyframes",value:function(t){var e=this,n=[],r=[],i=[];t.forEach((function(t){t.property.includes("face")||uC[t.property]?n.push(t):hC[t.property]?r.push(t):pC[t.property]&&i.push(t)}));var a=[];return r.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"]'),properties:r}),i.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"] div'),properties:i}),n.length&&n.forEach((function(t){e.setCustomKeyframes(a,t)})),a}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).count=Lo.parse(t.count),t.rate=Lo.parse(t.rate),t}},{key:"toCloneObject",value:function(){var t=this,n={};return Ki(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")]})),lC({},Bs()(So()(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 Qg.cylinder}},{key:"toDefaultCSS",value:function(){var t={};return this.json.x&&(t.left=this.json.x),this.json.y&&(t.top=this.json.y),lC({},t,{},this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return lC({},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"],i=t.rate.value,a=this.cylinderInfo,o=a.angle,s=a.r,c=a.faceWidth,l=lC({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","opacity","background-color"),{},this.toBackgroundImageCSS(),{},this.toBorderCSS(),{},this.toClipPathCSS()),u=Ki(e).map((function(e,n){var r=n*o,a="face.".concat(n,".color"),c="face.".concat(n,".background");return{selector:'.face[data-index="'.concat(n,'"]'),cssText:"\n          transform:rotateY(".concat(r,"deg) translateZ(").concat(s*i,"px);\n          ").concat(t[a]?"background-color: ".concat(t[a],";"):"","\n          ").concat(t[c]?"".concat(t[c],";"):"","\n        ").trim()}}));return[{selector:".face",cssText:"\n          position: absolute;\n          left: ".concat(n.value/2-c/2,"px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          width: ").concat(c,"px;\n          backface-visibility: ").concat(r,";\n          opacity: 1;\n          pointer-events: none;\n          ").concat(Ji(l),"\n        ").trim()}].concat(E()(u))}},{key:"updateFunction",value:function(t){if(Bs()(So()(e.prototype),"updateFunction",this).call(this,t),+t.attr("data-count")!==this.json.count.value){t.$$(".face").forEach((function(t){return t.remove()}));var n=Ki(this.json.count.value).map((function(t,e){return"<div class='face' data-index=\"".concat(e,'"></div>')})).join("");t.appendHTML(n),t.attr("data-count",this.json.count)}}},{key:"cylinderInfo",get:function(){var t=this.json.width.value,e={x:o=t/2,y:t/2},n=[],r=this.json.count.value;r<3&&(r=3);for(var i=360/r,a=0;a<360;a+=i)n.push(br(a,o,e.x,e.y));var o,s=kr(n[0].x,n[0].y,n[1].x,n[1].y),c={x:(n[0].x+n[1].x)/2,y:(n[0].y+n[1].y)/2};return{polygon:n,faceWidth:s,angle:i,r:o=kr(c.x,c.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(Ki(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,i=t.y;r=r.value,i=i.value;var a=this.toCSS(),o=this.toNestedCSS(),s=this.json.count.value,c=o.find((function(t){return".face"===t.selector}))||{cssText:""};c=c.cssText.replace(/\n/g,"");var l=Ki(s).map((function(t,e){return o[e+1].cssText.replace(/\n/g,"")}));return delete a.left,delete a.top,"absolute"===a.position&&delete a.position,'\n    <g transform="translate('.concat(r,", ").concat(i,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(ta({width:e.value,height:n.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <div style="').concat(Ji(a),'">\n            ').concat(Ki(s).map((function(t,e){return"<div class='face' data-index=\"".concat(e,"\" style='").concat(c,";").concat(l[e],";'></div>")})).join(""),"\n          </div>\n        </div>\n      </foreignObject>    \n    </g>\n")}}],[{key:"getIcon",value:function(){return Qg.cylinder}}]),e}(tC);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 vC(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){S()(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}zc.registerComponent("cylinder",dC);var yC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Qg.image}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,vC({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 Qg.image}},{key:"toCloneObject",value:function(){return vC({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}]),e}(r$);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){S()(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}zc.registerComponent("image",yC);var bC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Qg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,mC({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":Lo.number(100),textLength:Lo.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"setCache",value:function(){this.rect=this.clone(!1)}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).textLength=Lo.parse(t.textLength),t}},{key:"toCloneObject",value:function(){this.json;return mC({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"))}},{key:"getDefaultTitle",value:function(){return"Text"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return Lm(t.property)})),n=t.filter((function(t){return Am(t.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] text'),properties:e}]}}]),e}(o$);function kC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function xC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?kC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):kC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}zc.registerComponent("svgtext",bC);var wC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Qg.text_rotate}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,xC({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:Lo.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:Lo.em(0)},t))}},{key:"enableHasChildren",value:function(){return!1}},{key:"setCache",value:function(){this.cachePath=new Dc(this.json.d),this.cachePath.scale(1/this.json.width.value,1/this.json.height.value)}},{key:"recover",value:function(){this.cachePath||this.setCache();var t=this.json.width.value,e=this.json.height.value;this.json.d=this.cachePath.clone().scaleTo(t,e)}},{key:"convert",value:function(t){return(t=Bs()(So()(e.prototype),"convert",this).call(this,t)).textLength=Lo.parse(t.textLength),t.startOffset=Lo.parse(t.startOffset),t}},{key:"toCloneObject",value:function(){return xC({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"))}},{key:"getDefaultTitle",value:function(){return"TextPath"}},{key:"toAnimationKeyframes",value:function(t){var e=t.filter((function(t){return Lm(t.property)})),n=t.filter((function(t){return Rm(t.property)})),r=t.filter((function(t){return Am(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}]}}]),e}(o$);function SC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function PC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?SC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):SC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}zc.registerComponent("svg-textpath",wC);var jC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Qg.title}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,PC({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 PC({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("content"))}}]),e}(r$);function OC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function $C(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?OC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):OC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}zc.registerComponent("text",jC);var CC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Qg.rect}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,$C({itemType:"rect",name:"New Rect"},t))}},{key:"getDefaultTitle",value:function(){return"Rect"}}]),e}(r$);function EC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function TC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?EC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):EC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}zc.registerComponent("rect",CC);var VC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getIcon",value:function(){return Qg.lens}},{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,TC({itemType:"circle",name:"New Circle","border-radius":"100%"},t))}},{key:"getDefaultTitle",value:function(){return"Circle"}}]),e}(r$);function MC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}function DC(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?MC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):MC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}zc.registerComponent("circle",VC);var IC=function(t){function e(){return go()(this,e),xo()(this,So()(e).apply(this,arguments))}return jo()(e,t),bo()(e,[{key:"getDefaultObject",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Bs()(So()(e.prototype),"getDefaultObject",this).call(this,DC({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 Qg.video}},{key:"toCloneObject",value:function(){return DC({},Bs()(So()(e.prototype),"toCloneObject",this).call(this),{},this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}],[{key:"getIcon",value:function(){return Qg.video}}]),e}(r$);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 RC(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){S()(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}zc.registerComponent("video",IC);var AC=RC({createDesignEditor:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return fm(RC({className:"designeditor",container:document.getElementById("app"),template:'\n        <div>\n          <object refClass="DesignEditor" />\n        </div>\n      '},t))},DesignEditor:W$},J$,{},Q$,{},{Project:wh,ArtBoard:RO,RectLayer:CC,CircleLayer:VC,ImageLayer:yC,TextLayer:jC,VideoLayer:IC,SVGPathItem:l$,SVGTextItem:bC,SVGTextPathItem:wC,Component:tC,CubeLayer:sC,CylinderLayer:dC},{},{AssetParser:ep,PathGenerator:t$,PathParser:Dc,PathStringManager:Xu,Point:Tc,SegmentManager:_O,PolygonParser:_u},{Length:Lo});function zC(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var 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(){return new AC.createDesignEditor}e.default=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?zC(Object(n),!0).forEach((function(e){S()(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):zC(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({version:"0.10.6"},vm,{},AC,{startEditor:FC});window.EasylogicEditor=FC()}])}));
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index fa793a026..ff4c5e66c 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1 +1 @@
-<!doctype html> <html> <head> <meta http-equiv=Pragma content=no-cache> <meta http-equiv=Expires content=-1> <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.css?303cf9964b7327850591" rel="stylesheet"></head> <body> <div id=app></div> <script type="text/javascript" src="vendors~main.js?d1e9460fdff256ebbdac"></script><script type="text/javascript" src="main.js?b8ae243bfe1eaa219e07"></script></body> </html> 
\ No newline at end of file
+<!doctype html> <html> <head> <meta http-equiv=Pragma content=no-cache> <meta http-equiv=Expires content=-1> <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.css?303cf9964b7327850591" rel="stylesheet"></head> <body> <div id=app></div> <script type="text/javascript" src="vendors~main.js?d1e9460fdff256ebbdac"></script><script type="text/javascript" src="main.js?7ce7c1c148ffcf4724ff"></script></body> </html> 
\ No newline at end of file
diff --git a/docs/main.js b/docs/main.js
index d8c11fa1c..d26abad25 100644
--- a/docs/main.js
+++ b/docs/main.js
@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.EasylogicStudio=t():e.EasylogicStudio=t()}(window,(function(){return function(e){function t(t){for(var r,o,s=t[0],c=t[1],l=t[2],h=0,p=[];h<s.length;h++)o=s[h],Object.prototype.hasOwnProperty.call(i,o)&&i[o]&&p.push(i[o][0]),i[o]=0;for(r in c)Object.prototype.hasOwnProperty.call(c,r)&&(e[r]=c[r]);for(u&&u(t);p.length;)p.shift()();return a.push.apply(a,l||[]),n()}function n(){for(var e,t=0;t<a.length;t++){for(var n=a[t],r=!0,s=1;s<n.length;s++){var c=n[s];0!==i[c]&&(r=!1)}r&&(a.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},i={0:0},a=[];function o(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="";var s=window.webpackJsonpEasylogicStudio=window.webpackJsonpEasylogicStudio||[],c=s.push.bind(s);s.push=t,s=s.slice();for(var l=0;l<s.length;l++)t(s[l]);var u=c;return a.push([30,1]),n()}({22:function(e,t,n){},30:function(e,t,n){"use strict";n.r(t);var r={};n.r(r),n.d(r,"randomNumber",(function(){return C})),n.d(r,"randomByCount",(function(){return E})),n.d(r,"random",(function(){return T})),n.d(r,"randomRGBA",(function(){return V}));var i={};n.r(i),n.d(i,"round",(function(){return M})),n.d(i,"degreeToRadian",(function(){return L})),n.d(i,"div",(function(){return R})),n.d(i,"radianToDegree",(function(){return A})),n.d(i,"getXInCircle",(function(){return z})),n.d(i,"getYInCircle",(function(){return F})),n.d(i,"getXYInCircle",(function(){return B})),n.d(i,"getDist",(function(){return G})),n.d(i,"getPointBetweenVerties",(function(){return H})),n.d(i,"vertiesMap",(function(){return N})),n.d(i,"getVertiesMaxX",(function(){return X})),n.d(i,"getVertiesMaxY",(function(){return Y})),n.d(i,"getVertiesMinX",(function(){return _})),n.d(i,"getVertiesCenterX",(function(){return K})),n.d(i,"getVertiesMinY",(function(){return W})),n.d(i,"getVertiesCenterY",(function(){return U})),n.d(i,"calculateAngle",(function(){return Z})),n.d(i,"calculateAngleForVec3",(function(){return q})),n.d(i,"calculateRotationOriginMat4",(function(){return J})),n.d(i,"calculateMatrix",(function(){return Q})),n.d(i,"calculateMatrixInverse",(function(){return ee})),n.d(i,"calculateAnglePointDistance",(function(){return te})),n.d(i,"calculateAngle360",(function(){return ne})),n.d(i,"uuid",(function(){return ie})),n.d(i,"uuidShort",(function(){return ae})),n.d(i,"cubicBezier",(function(){return le})),n.d(i,"getGradientLine",(function(){return ue})),n.d(i,"CCW",(function(){return he})),n.d(i,"incircle",(function(){return pe})),n.d(i,"initPolygon",(function(){return de})),n.d(i,"Deluanay",(function(){return ve})),n.d(i,"generate_sample_points",(function(){return ye})),n.d(i,"getCenterInTriangle",(function(){return ge})),n.d(i,"normalize",(function(){return be}));var a={};n.r(a),n.d(a,"collectProps",(function(){return _e})),n.d(a,"debounce",(function(){return Ke})),n.d(a,"throttle",(function(){return We})),n.d(a,"keyEach",(function(){return Ue})),n.d(a,"keyMap",(function(){return Ze})),n.d(a,"keyMapJoin",(function(){return qe})),n.d(a,"get",(function(){return Je})),n.d(a,"defaultValue",(function(){return Qe})),n.d(a,"isUndefined",(function(){return et})),n.d(a,"isNotUndefined",(function(){return tt})),n.d(a,"isArray",(function(){return nt})),n.d(a,"isBoolean",(function(){return rt})),n.d(a,"isString",(function(){return it})),n.d(a,"isNotString",(function(){return at})),n.d(a,"isObject",(function(){return ot})),n.d(a,"isFunction",(function(){return st})),n.d(a,"isNumber",(function(){return ct})),n.d(a,"isZero",(function(){return lt})),n.d(a,"isNotZero",(function(){return ut})),n.d(a,"clone",(function(){return ht})),n.d(a,"cleanObject",(function(){return pt})),n.d(a,"combineKeyArray",(function(){return dt})),n.d(a,"repeat",(function(){return ft})),n.d(a,"randomItem",(function(){return vt})),n.d(a,"html",(function(){return mt})),n.d(a,"CSS_TO_STRING",(function(){return bt})),n.d(a,"STRING_TO_CSS",(function(){return kt})),n.d(a,"OBJECT_TO_PROPERTY",(function(){return xt})),n.d(a,"OBJECT_TO_CLASS",(function(){return wt})),n.d(a,"TAG_TO_STRING",(function(){return St})),n.d(a,"mapjoin",(function(){return Pt})),n.d(a,"isArrayEquals",(function(){return jt})),n.d(a,"splitMethodByKeyword",(function(){return Ot})),n.d(a,"curveToPath",(function(){return $t})),n.d(a,"curveToPointLine",(function(){return Ct}));var o={};n.r(o),n.d(o,"format",(function(){return Et})),n.d(o,"hex",(function(){return Tt})),n.d(o,"rgb",(function(){return Vt})),n.d(o,"hsl",(function(){return Dt}));var s={};n.r(s),n.d(s,"ReverseXyz",(function(){return It})),n.d(s,"ReverseRGB",(function(){return Mt})),n.d(s,"XYZtoRGB",(function(){return Lt})),n.d(s,"LABtoXYZ",(function(){return Rt})),n.d(s,"PivotXyz",(function(){return At})),n.d(s,"XYZtoLAB",(function(){return zt})),n.d(s,"LABtoRGB",(function(){return Ft}));var c={};n.r(c),n.d(c,"RGBtoHSV",(function(){return Bt})),n.d(c,"RGBtoCMYK",(function(){return Gt})),n.d(c,"RGBtoHSL",(function(){return Ht})),n.d(c,"c",(function(){return Nt})),n.d(c,"gray",(function(){return Xt})),n.d(c,"RGBtoSimpleGray",(function(){return Yt})),n.d(c,"RGBtoGray",(function(){return _t})),n.d(c,"brightness",(function(){return Kt})),n.d(c,"RGBtoYCrCb",(function(){return Wt})),n.d(c,"PivotRGB",(function(){return Ut})),n.d(c,"RGBtoXYZ",(function(){return Zt})),n.d(c,"RGBtoLAB",(function(){return qt}));var l={};n.r(l),n.d(l,"CMYKtoRGB",(function(){return Jt}));var u={};n.r(u),n.d(u,"HSVtoRGB",(function(){return Qt})),n.d(u,"HSVtoHSL",(function(){return en}));var h={};n.r(h),n.d(h,"HUEtoRGB",(function(){return tn})),n.d(h,"HSLtoHSV",(function(){return nn})),n.d(h,"HSLtoRGB",(function(){return rn}));var p={};n.r(p),n.d(p,"YCrCbtoRGB",(function(){return an}));var d={};n.r(d),n.d(d,"getColorIndexString",(function(){return hn})),n.d(d,"isColor",(function(){return pn})),n.d(d,"matches",(function(){return dn})),n.d(d,"convertMatches",(function(){return fn})),n.d(d,"convertMatchesArray",(function(){return vn})),n.d(d,"reverseMatches",(function(){return yn})),n.d(d,"trim",(function(){return mn})),n.d(d,"parse",(function(){return bn})),n.d(d,"parseGradient",(function(){return kn}));var f={};n.r(f),n.d(f,"interpolateRGB",(function(){return xn})),n.d(f,"interpolateRGBObject",(function(){return wn})),n.d(f,"scale",(function(){return Sn})),n.d(f,"blend",(function(){return Pn})),n.d(f,"mix",(function(){return jn})),n.d(f,"contrast",(function(){return On})),n.d(f,"contrastColor",(function(){return $n})),n.d(f,"gradient",(function(){return Cn})),n.d(f,"scaleHSV",(function(){return En})),n.d(f,"scaleH",(function(){return Tn})),n.d(f,"scaleS",(function(){return Vn})),n.d(f,"scaleV",(function(){return Dn}));var v={};n.r(v),n.d(v,"start",(function(){return Lf}));var g=n(5),m=n.n(g),b=(n(22),n(8)),k=n.n(b),w=n(11),S=n.n(w),P=n(9),j=n.n(P),O=n(13),$=n.n(O);function C(e,t){return Math.floor(Math.random()*(t-e+1))+e}function E(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=[],n=0;n<e;n++)t[t.length]=T();return t}function T(){return Vt({r:C(0,255),g:C(0,255),b:C(0,255)})}function V(){return Vt({r:C(0,255),g:C(0,255),b:C(0,255),a:C(0,1e3)/1e3})}var D=n(7),I={create:function(e,t,n){return{x:e||0,y:t||0,z:n||0}},add:function(e,t){return{x:e.x+t.x,y:e.y+t.y,z:e.z+t.z}},sub:function(e,t){return{x:e.x-t.x,y:e.y-t.y,z:e.z-t.z}},mul:function(e,t){return{x:e.x*t.x,y:e.y*t.y,z:e.z*t.z}},div:function(e,t){return{x:e.x/t.x,y:e.y/t.y,z:e.z/t.z}},muls:function(e,t){return{x:e.x*t,y:e.y*t,z:e.z*t}},divs:function(e,t){return{x:e.x/t,y:e.y/t,z:e.z/t}},len:function(e){return Math.sqrt(e.x*e.x+e.y*e.y+e.z*e.z)},dot:function(e,t){return e.x*t.x+e.y*t.y+e.z*t.z},cross2d:function(e,t){return e.x*t.y-e.y*t.x},cross:function(e,t){return{x:e.y*t.z-e.z*t.y,y:e.z*t.x-e.x*t.z,z:e.x*t.y-e.y*t.x}},normalize:function(e){return I.divs(e,I.len(e))},ang:function(e,t){return Math.acos(I.dot(e,t)/(I.len(e)*I.len(t)))},copy:function(e){return{x:e.x,y:e.y,z:e.z}},equal:function(e,t){return e.x===t.x&&e.y===t.y&&e.z===t.z},rotate:function(e,t){var n=e.x,r=e.y,i=e.z,a=t.x/2,o=t.y/2,s=t.z/2,c=Math.cos(a),l=Math.cos(o),u=Math.cos(s),h=Math.sin(a),p=Math.sin(o),d=Math.sin(s),f=c*l*u+-h*p*d,v=h*l*u- -c*p*d,y=c*p*u+h*l*-d,g=c*l*d- -h*p*u;return{x:n*(1-2*(y*y+g*g))+r*(2*(v*y-g*f))+i*(2*(v*g+y*f)),y:n*(2*(v*y+g*f))+r*(1-2*(v*v+g*g))+i*(2*(y*g-v*f)),z:n*(2*(v*g-y*f))+r*(2*(g*y+v*f))+i*(1-2*(v*v+y*y))}}};function M(e,t){return t=et(t)?1:t,Math.round(e*t)/t}function L(e){return e*(Math.PI/180)}function R(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===e?0:e/t}function A(e){var t=e*(180/Math.PI);return t<0&&(t=360+t),t}function z(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+t*Math.cos(L(e))}function F(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+t*Math.sin(L(e))}function B(e,t){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:z(e,t,n),y:F(e,t,r)}}function G(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return D.c.distance([e,t],[n,r])}function H(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return D.d.lerp([],e,t,1+n/D.d.dist(e,t))}function N(e,t){return e.map((function(e){return D.d.transformMat4([],e,t)}))}function X(e){var t=Number.MIN_SAFE_INTEGER;return e.forEach((function(e){t=Math.max(e[0],t)})),t}function Y(e){var t=Number.MIN_SAFE_INTEGER;return e.forEach((function(e){t=Math.max(e[1],t)})),t}function _(e){var t=Number.MAX_SAFE_INTEGER;return e.forEach((function(e){t=Math.min(e[0],t)})),t}function K(e){var t=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER;return e.forEach((function(e){t=Math.min(e[0],t),n=Math.max(e[0],n)})),Math.round((t+n)/2)}function W(e){var t=Number.MAX_SAFE_INTEGER;return e.forEach((function(e){t=Math.min(e[1],t)})),t}function U(e){var t=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER;return e.forEach((function(e){t=Math.min(e[1],t),n=Math.max(e[1],n)})),Math.round((t+n)/2)}function Z(e,t){return A(Math.atan2(t,e))}function q(e,t,n){return te({x:e[0],y:e[1]},{x:t[0],y:t[1]},{dx:n[0],dy:n[1]})}function J(e,t){var n=D.a.create();return D.a.translate(n,n,t),D.a.rotateZ(n,n,L(e)),D.a.translate(n,n,D.d.negate([],t)),n}function Q(){for(var e=D.a.create(),t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return n.forEach((function(t){D.a.multiply(e,e,t)})),e}function ee(){return D.a.invert([],Q.apply(void 0,arguments))}function te(e,t,n){var r=Z(e.x-t.x,e.y-t.y);return Z(e.x+n.dx-t.x,e.y+n.dy-t.y)-r}function ne(e,t){return(Z(e,t)+180)%360}var re=/[xy]/g;function ie(){var e=(new Date).getTime();return"xxx12-xx-34xx".replace(re,(function(t){var n=(e+16*Math.random())%16|0;return e=Math.floor(e/16),("x"==t?n:3&n|8).toString(16)}))}function ae(){var e=(new Date).getTime();return"idxxxxxxx".replace(re,(function(t){var n=(e+16*Math.random())%16|0;return e=Math.floor(e/16),("x"==t?n:3&n|8).toString(16)}))}var oe=function(e){return 3*e*e*(1-e)},se=function(e){return 3*e*(1-e)*(1-e)},ce=function(e){return(1-e)*(1-e)*(1-e)};function le(e,t,n,r){var i=t,a=r;return function(e){return 1-(i*oe(e)+a*se(e)+ce(e))}}function ue(e,t){var n=Math.abs(t.width*Math.sin(e))+Math.abs(t.height*Math.cos(e)),r={x:t.x+t.width/2,y:t.y+t.height/2},i=Math.sin(e-Math.PI/2)*n/2,a=Math.cos(e-Math.PI/2)*n/2;return{length:n,center:r,start:{x:r.x-a,y:r.y-i},end:{x:r.x+a,y:r.y+i}}}function he(e,t,n){return et(n)?I.cross2d(e,t):I.cross2d(I.sub(t,e),I.sub(n,e))}function pe(e,t,n,r){var i=he(e,t,n),a=e.x-r.x,o=e.y-r.y,s=t.x-r.x,c=t.y-r.y,l=n.x-r.x,u=n.y-r.y,h=(a*a+o*o)*(s*u-l*c)+(s*s+c*c)*(l*o-a*u)+(l*l+u*u)*(a*c-s*o);return i>0?h>=0:h<=0}function de(e,t,n){for(var r=I.create(Math.min(t,n),Math.max(t,n)),i=-1,a=0,o=e.length;a<o;a++)if(I.equal(e[a],r)){i=a;break}i>-1?e.splice(i,1):e.push(r)}function fe(e,t,n){var r=e[t];e[t]=e[n],e[n]=r}function ve(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=e.length;e[t]=I.create(-2e9,-2e9),e[t+1]=I.create(2e9,-2e9),e[t+2]=I.create(0,2e9);for(var n=[I.create(t,t+1,t+2)],r=0;r<t;r++){for(var i=[],a=new Array(n.length),o=0;o<n.length;o++){if(!a[o])if(h=n[o]){var s=e[h.x],c=e[h.y],l=e[h.z],u=e[r];pe(s,c,l,u)?(de(i,h.x,h.y),de(i,h.y,h.z),de(i,h.z,h.x),fe(a,o,n.length-1),fe(n,o,n.length-1),n.pop(),o--):a[o]=!0}}i.forEach((function(t){0===he(e[t.x],e[t.y],e[r])||n.push(I.create(t.x,t.y,r))}))}for(r=0;r<n.length;r++){var h;((h=n[r]).x>=t||h.y>=t||h.z>=t)&&(fe(n,r,n.length-1),n.pop(),r--)}return n.map((function(t){return{a:e[t.x],b:e[t.y],c:e[t.z]}}))}function ye(e,t){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:50,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:50,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:function(){return Math.random()},s=[],c=-n,l=e+n,u=-r,h=t+r,p=c;p<l;p+=i)for(var d=u;d<h;d+=i){var f=Math.floor(p+i/2*(o()*a*2-a)),v=Math.floor(d+i/2*(o()*a*2-a));s[s.length]={x:f,y:v}}return s}function ge(e,t,n){return{x:(e.x+t.x+n.x)/3,y:(e.y+t.y+n.y)/3}}var me=/[\b\t \,\n]/g;function be(e){return e.trim().split(me).filter((function(e){return e})).map((function(e){return+e}))}var ke,xe={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},we={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)"},Se=[[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"]],Pe=function(e){return j()(Oe(we[e]||e))},je=function(e){e=e.map((function(e){return Math.floor(100*e)/100}));for(var t=0,n=Se.length;t<n;t++){var r=Se[t];if(r[0]==e[0]&&r[1]==e[1]&&r[2]==e[2]&&r[3]==e[3]&&r[5])return r[4]}return"cubic-bezier( ".concat(e.filter((function(e,t){return t<4})).join(",")," )")},Oe=function(e){if("string"==typeof e){if(xe[e])return Se.filter((function(t){return t[4]===e}))[0];var t=e.replace("cubic-bezier","").replace("(","").replace(")","").split(",");return t=t.map((function(e){return parseFloat(e.trim())}))}return e},$e=function(e,t,n,r){var i=[e,t,n,r];return function(e){return Fe(i,e)}},Ce=function(e,t,n){var r=[e,t,n];return function(e){return Be(r,e)}},Ee=function(e,t){var n=[e,t];return function(e){return Ge(n,e)}},Te=function(e,t,n,r,i){var a=t(n),o=G(r,i,a.x,a.y);o<e.minDist&&(e.minDist=o,e.minT=n)},Ve=function(e,t,n,r,i,a,o,s){for(var c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,l=$e({x:e,y:t},{x:n,y:r},{x:i,y:a},{x:o,y:s}),u=0,h=l(0),p=0;p<=c;p++){var d=p/c,f=l(d);u+=G(h.x,h.y,f.x,f.y),h=f}return u},De=function(e,t,n,r,i,a){for(var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,s=Ce({x:e,y:t},{x:n,y:r},{x:i,y:a}),c=0,l=s(0),u=0;u<=o;u++){var h=u/o,p=s(h);c+=G(l.x,l.y,p.x,p.y),l=p}return c},Ie=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n={minDist:1/0,minT:0};return function(r,i){for(var a=0;a<=t;a++)Te(n,e,a/t,r,i);var o=1/(2*t),s=n.minT;for(a=0;a<t;a++)Te(n,e,s-o,r,i),Te(n,e,s+o,r,i),o/=2;return n.minT}},Me=function(e,t,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return Ie($e(e,t,n,r),i)},Le=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return Ie(Ce(e,t,n),r)},Re=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return Ie(Ee(e,t),n)},Ae=function(e){if("linear"===e)return Ee(n={x:0,y:0},r={x:1,y:1});var t=Oe(e),n={x:0,y:0},r={x:t[0],y:t[1]},i={x:t[2],y:t[3]};return $e(n,r,i,{x:1,y:1})},ze=function(e,t,n){return{x:e.x+(t.x-e.x)*n,y:e.y+(t.y-e.y)*n}},Fe=function(e,t){var n=ze(e[0],e[1],t),r=ze(e[1],e[2],t),i=ze(e[2],e[3],t),a=ze(n,r,t),o=ze(r,i,t);return ze(a,o,t)},Be=function(e,t){var n=ze(e[0],e[1],t),r=ze(e[1],e[2],t);return ze(n,r,t)},Ge=function(e,t){return ze(e[0],e[1],t)},He=function(e,t){var n=ze(e[0],e[1],t),r=ze(e[1],e[2],t),i=ze(e[2],e[3],t),a=ze(n,r,t),o=ze(r,i,t),s=ze(a,o,t);return{first:[e[0],n,a,s],second:[s,o,i,e[3]]}},Ne=function(e,t){var n=ze(e[0],e[1],t),r=ze(e[1],e[2],t),i=ze(n,r,t);return{first:[e[0],n,i],second:[i,r,e[2]]}},Xe=function(e,t){var n=ze(e[0],e[1],t);return{first:[e[0],n],second:[n,e[1]]}},Ye=function(e){var t=function(e){var t=D.d.negate([],e[0]),n=D.d.multiply([],[3,3,3],e[1]),r=D.d.multiply([],[-3,-3,-3],e[2]),i=e[3],a=D.d.add([],D.d.add([],t,n),D.d.add([],r,i));return D.d.multiply([],[3,3,3],a)}(e),n=function(e){var t=e[0],n=D.d.multiply([],[-2,-2,-2],e[1]),r=e[2],i=D.d.add([],D.d.add([],t,n),r);return D.d.multiply([],[6,6,6],i)}(e),r=function(e){var t=D.d.add([],e[1],D.d.negate([],e[0]));return D.d.multiply([],[3,3,3],t)}(e),i=[],a=n[0]*n[0]-4*t[0]*r[0];if(a<0);else if(0===a){var o=-n[0]/(2*t[0]);0<=o&&o<=1&&i.push(o)}else if(a>0){var s=(-n[0]+Math.sqrt(a))/(2*t[0]),c=(-n[0]-Math.sqrt(a))/(2*t[0]);0<=s&&s<=1&&i.push(s),0<=c&&c<=1&&i.push(c)}var l=n[1]*n[1]-4*t[1]*r[1];if(l<0);else if(0===l){var u=-n[1]/(2*t[1]);0<=u&&u<=1&&i.push(u)}else if(l>0){var h=(-n[1]+Math.sqrt(l))/(2*t[1]),p=(-n[1]-Math.sqrt(l))/(2*t[1]);0<=h&&h<=1&&i.push(h),0<=p&&p<=1&&i.push(p)}return i};function _e(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.__proto__,r=[];do{var i=n instanceof Object;if(!1===i)break;var a=Object.getOwnPropertyNames(n).filter((function(n){return e&&st(e[n])&&!t[n]}));r.push.apply(r,a),n=n.__proto__}while(n);return r}function Ke(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(0===t)return e;var n=void 0;return function(r,i,a,o,s){n&&clearTimeout(n),n=setTimeout((function(){e(r,i,a,o,s)}),t||300)}}function We(e,t){var n=void 0;return function(r,i,a,o,s){n||(n=setTimeout((function(){e(r,i,a,o,s),n=null}),t||300))}}function Ue(e,t){Object.keys(e).forEach((function(n,r){t(n,e[n],r)}))}function Ze(e,t){return Object.keys(e).map((function(n,r){return t(n,e[n],r)}))}function qe(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return Ze(e,t).join(n)}function Je(e,t,n){var r=Qe(e[t],t);return st(n)?n(r):r}function Qe(e,t){return void 0===e?t:e}function et(e){return null==e}function tt(e){return!1===et(e)}function nt(e){return Array.isArray(e)}function rt(e){return"boolean"==typeof e}function it(e){return"string"==typeof e}function at(e){return!1===it(e)}function ot(e){return"object"==$()(e)&&!nt(e)&&!ct(e)&&!it(e)&&null!==e}function st(e){return"function"==typeof e}function ct(e){return"number"==typeof e}function lt(e){return 0===e}function ut(e){return!lt(e)}function ht(e){if(!et(e))return JSON.parse(JSON.stringify(e))}function pt(e){var t={};return Object.keys(e).filter((function(t){return!!e[t]})).forEach((function(n){t[n]=e[n]})),t}function dt(e){return Object.keys(e).forEach((function(t){Array.isArray(e[t])&&(e[t]=e[t].join(", "))})),e}function ft(e){return j()(Array(e))}function vt(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t[C(0,t.length-1)]}var yt=/\<(\w*)([^\>]*)\/\>/gim,gt=(ke={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},m()(ke,"path",!0),m()(ke,"polygon",!0),m()(ke,"polyline",!0),m()(ke,"use",!0),ke),mt=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var i=e.map((function(e,t){var r=n[t]||"";return st(r)&&(r=r()),nt(r)||(r=[r]),e+(r=r.join(""))})).join("");return i=i.replace(yt,(function(e,t){return gt[t.toLowerCase()]?e:e.replace("/>","></".concat(t,">"))}))};function bt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e||{};return Object.keys(n).filter((function(e){return tt(n[e])})).map((function(e){return"".concat(e,": ").concat(n[e])})).join(";"+t)}function kt(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:";",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:":",r={};return""===(e+="")?r:(e.split(t).forEach((function(e){var t=e.split(n).map((function(e){return e.trim()})),i=S()(t),a=i[0],o=i.slice(1);""!=a&&(r[a]=o.join(n))})),r)}function xt(e){return Object.keys(e).map((function(t){return"class"===t&&ot(e[t])?"".concat(t,'="').concat(wt(e[t]),'"'):rt(e[t])||et(e[t])||"undefined"===e[t]?e[t]?t:"":"".concat(t,'="').concat(e[t],'"')})).join(" ")}function wt(e){return Object.keys(e).filter((function(t){return e[t]})).map((function(e){return e})).join(" ")}function St(e){return e.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function Pt(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return e.map(t).join(n)}function jt(e,t){var n=new Set([].concat(j()(e),j()(t)));return n.size===e.length&&n.size===t.length}var Ot=function(e,t){var n=e.filter((function(e){return e.indexOf("".concat(t,"("))>-1})),r=n.map((function(e){var n=e.split("".concat(t,"("))[1].split(")")[0].trim().split(" "),r=k()(n,2);return{target:r[0],param:r[1]}}));return[n,r]},$t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:30,r=Pe(e);return"\n        M0 ".concat(t," \n        C \n        ").concat(r[0]*t," ").concat(0==r[1]?n:(1-r[1])*n,",\n        ").concat(r[2]*t," ").concat(1==r[3]?0:(1-r[3])*n,",\n        ").concat(t," 0\n    ")},Ct=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:30,r=Pe(e);return"\n        M 0 ".concat(t," \n        L ").concat(r[0]*t," ").concat(0==r[1]?n:(1-r[1])*n,"\n        M ").concat(t," 0\n        L ").concat(r[2]*t," ").concat(1==r[3]?0:(1-r[3])*n,"\n    ")};function Et(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgba(0, 0, 0, 0)";return Array.isArray(e)&&(e={r:e[0],g:e[1],b:e[2],a:e[3]}),"hex"==t?Tt(e):"rgb"==t?Vt(e,n):"hsl"==t?Dt(e):e}function Tt(e){Array.isArray(e)&&(e={r:e[0],g:e[1],b:e[2],a:e[3]});var t=e.r.toString(16);e.r<16&&(t="0"+t);var n=e.g.toString(16);e.g<16&&(n="0"+n);var r=e.b.toString(16);if(e.b<16&&(r="0"+r),1==e.a||et(e.a))return"#".concat(t).concat(n).concat(r);var i=Math.ceil(255*e.a),a=i.toString(16);return i<16&&(a="0"+a),"#".concat(t).concat(n).concat(r).concat(a)}function Vt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(nt(e)&&(e={r:e[0],g:e[1],b:e[2],a:e[3]}),!et(e))return 1==e.a||et(e.a)?isNaN(e.r)?t:"rgb(".concat(e.r,",").concat(e.g,",").concat(e.b,")"):"rgba(".concat(e.r,",").concat(e.g,",").concat(e.b,",").concat(e.a,")")}function Dt(e){return nt(e)&&(e={r:e[0],g:e[1],b:e[2],a:e[3]}),1==e.a||et(e.a)?"hsl(".concat(e.h,",").concat(e.s,"%,").concat(e.l,"%)"):"hsla(".concat(e.h,",").concat(e.s,"%,").concat(e.l,"%,").concat(e.a,")")}function It(e){return Math.pow(e,3)>.008856?Math.pow(e,3):(e-16/116)/7.787}function Mt(e){return e>.0031308?1.055*Math.pow(e,1/2.4)-.055:12.92*e}function Lt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.x,t=r.y,n=r.z}var i=e/100,a=t/100,o=n/100,s=3.2406*i+-1.5372*a+-.4986*o,c=-.9689*i+1.8758*a+.0415*o,l=.0557*i+-.204*a+1.057*o;s=Mt(s),c=Mt(c),l=Mt(l);var u=M(255*s),h=M(255*c),p=M(255*l);return{r:u,g:h,b:p}}function Rt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.l,t=r.a,n=r.b}var i=(e+16)/116,a=t/500+i,o=i-n/200;i=It(i);var s=95.047*(a=It(a)),c=100*i,l=108.883*(o=It(o));return{x:s,y:c,z:l}}function At(e){return e>.008856?Math.pow(e,1/3):(7.787*e+16)/116}function zt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.x,t=r.y,n=r.z}var i=e/95.047,a=t/100,o=n/108.883;i=At(i);var s=116*(a=At(a))-16,c=500*(i-a),l=200*(a-(o=At(o)));return{l:s,a:c,b:l}}function Ft(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.l,t=r.a,n=r.b}return Lt(Rt(e,t,n))}function Bt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}var i=e/255,a=t/255,o=n/255,s=Math.max(i,a,o),c=Math.min(i,a,o),l=s-c,u=0;0==l?u=0:s==i?u=(a-o)/l%6*60:s==a?u=60*((o-i)/l+2):s==o&&(u=60*((i-a)/l+4)),u<0&&(u=360+u);return{h:u,s:0==s?0:l/s,v:s}}function Gt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}var i=e/255,a=t/255,o=n/255,s=1-Math.max(i,a,o),c=(1-i-s)/(1-s),l=(1-a-s)/(1-s),u=(1-o-s)/(1-s);return{c:c,m:l,y:u,k:s}}function Ht(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}e/=255,t/=255,n/=255;var i,a,o=Math.max(e,t,n),s=Math.min(e,t,n),c=(o+s)/2;if(o==s)i=a=0;else{var l=o-s;switch(a=c>.5?l/(2-o-s):l/(o+s),o){case e:i=(t-n)/l+(t<n?6:0);break;case t:i=(n-e)/l+2;break;case n:i=(e-t)/l+4}i/=6}return{h:M(360*i),s:M(100*a),l:M(100*c)}}function Nt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}return Xt((e+t+n)/3>90?0:255)}function Xt(e){return{r:e,g:e,b:e}}function Yt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}return Xt(Math.ceil((e+t+n)/3))}function _t(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}return Xt(Wt(e,t,n).y)}function Kt(e,t,n){return Math.ceil(.2126*e+.7152*t+.0722*n)}function Wt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}var i=Kt(e,t,n),a=.564*(n-i),o=.713*(e-i);return{y:i,cr:o,cb:a}}function Ut(e){return 100*(e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)}function Zt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}var i=e/255,a=t/255,o=n/255,s=.4124*(i=Ut(i))+.3576*(a=Ut(a))+.1805*(o=Ut(o)),c=.2126*i+.7152*a+.0722*o,l=.0193*i+.1192*a+.9505*o;return{x:s,y:c,z:l}}function qt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}return zt(Zt(e,t,n))}function Jt(e,t,n,r){if(1==arguments.length){var i=arguments[0];e=i.c,t=i.m,n=i.y,r=i.k}var a=255*(1-e)*(1-r),o=255*(1-t)*(1-r),s=255*(1-n)*(1-r);return{r:a,g:o,b:s}}function Qt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.h,t=r.s,n=r.v}var i=e,a=t,o=n;i>=360&&(i=0);var s=a*o,c=s*(1-Math.abs(i/60%2-1)),l=o-s,u=[];return 0<=i&&i<60?u=[s,c,0]:60<=i&&i<120?u=[c,s,0]:120<=i&&i<180?u=[0,s,c]:180<=i&&i<240?u=[0,c,s]:240<=i&&i<300?u=[c,0,s]:300<=i&&i<360&&(u=[s,0,c]),{r:M(255*(u[0]+l)),g:M(255*(u[1]+l)),b:M(255*(u[2]+l))}}function en(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.h,t=r.s,n=r.v}var i=Qt(e,t,n);return Ht(i.r,i.g,i.b)}function tn(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function nn(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.h,t=r.s,n=r.l}var i=rn(e,t,n);return Bt(i.r,i.g,i.b)}function rn(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.h,t=r.s,n=r.l}var i,a,o;if(e/=360,n/=100,0==(t/=100))i=a=o=n;else{var s=n<.5?n*(1+t):n+t-n*t,c=2*n-s;i=tn(c,s,e+1/3),a=tn(c,s,e),o=tn(c,s,e-1/3)}return{r:M(255*i),g:M(255*a),b:M(255*o)}}function an(e,t,n,r){if(1==arguments.length){var i=arguments[0];e=i.y,t=i.cr,n=i.cb;r=(r=i.bit)||0}var a=e+1.402*(t-r),o=e-.344*(n-r)-.714*(t-r),s=e+1.772*(n-r);return{r:Math.ceil(a),g:Math.ceil(o),b:Math.ceil(s)}}var on={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 sn={isColorName:function(e){return!!on[e]},getColorByName:function(e){return on[e]}};function cn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ln(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?cn(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):cn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var un=/(#(?:[\da-f]{3}){1,2}|#(?:[\da-f]{8})|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 hn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(t).concat(e.startIndex).padEnd(10,"0")}function pn(e){return!!dn(e).length}function dn(e){var t=e.match(un),n=[];if(!t)return n;for(var r=0,i=t.length;r<i;r++)if(t[r].indexOf("#")>-1||t[r].indexOf("rgb")>-1||t[r].indexOf("hsl")>-1)n.push({color:t[r]});else{var a=sn.getColorByName(t[r]);a&&n.push({color:t[r],nameColor:a})}var o={next:0};return n.forEach((function(t){var n=e.indexOf(t.color,o.next);t.startIndex=n,t.endIndex=n+t.color.length,o.next=t.endIndex})),n}function fn(e){var t=dn(e);return t.forEach((function(t){e=e.replace(t.color,hn(t))})),{str:e,matches:t}}function vn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=fn(e);return n.str.split(t).map((function(e,t){return e=mn(e),n.matches[t]&&(e=e.replace(hn(n.matches[t]),n.matches[t].color)),e}))}function yn(e,t){return t.forEach((function(t){e=e.replace(hn(t),t.color)})),e}var gn=/^\s+|\s+$/g;function mn(e){return e.replace(gn,"")}function bn(e){if(it(e)){if(sn.isColorName(e)&&(e=sn.getColorByName(e)),e.indexOf("rgb(")>-1){for(var t=0,n=(r=e.replace("rgb(","").replace(")","").split(",")).length;t<n;t++)r[t]=parseInt(mn(r[t]),10);return o=ln({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:1},{},Ht(o))}if(e.indexOf("rgba(")>-1){for(t=0,n=(r=e.replace("rgba(","").replace(")","").split(",")).length;t<n;t++)r[t]=n-1==t?parseFloat(mn(r[t])):parseInt(mn(r[t]),10);return o=ln({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]},{},Ht(o))}if(e.indexOf("hsl(")>-1){for(t=0,n=(r=e.replace("hsl(","").replace(")","").split(",")).length;t<n;t++)r[t]=parseFloat(mn(r[t]));return o=ln({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:1},{},rn(o))}if(e.indexOf("hsla(")>-1){for(t=0,n=(r=e.replace("hsla(","").replace(")","").split(",")).length;t<n;t++)r[t]=n-1==t?parseFloat(mn(r[t])):parseInt(mn(r[t]),10);return o=ln({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]},{},rn(o))}if(0==e.indexOf("#")){var r=[],i=1;if(3==(e=e.replace("#","")).length)for(t=0,n=e.length;t<n;t++){var a=e.substr(t,1);r.push(parseInt(a+a,16))}else if(8===e.length){for(t=0,n=e.length;t<n;t+=2)r.push(parseInt(e.substr(t,2),16));i=r.pop()/255}else for(t=0,n=e.length;t<n;t+=2)r.push(parseInt(e.substr(t,2),16));return o=ln({},o={type:"hex",r:r[0],g:r[1],b:r[2],a:i},{},Ht(o))}}else if(ct(e)){var o;if(0<=e&&e<=16777215)return o=ln({},o={type:"hex",r:(16711680&e)>>16,g:(65280&e)>>8,b:(255&e)>>0,a:1},{},Ht(o));if(0<=e&&e<=4294967295)return o=ln({},o={type:"hex",r:(4278190080&e)>>24,g:(16711680&e)>>16,b:(65280&e)>>8,a:(255&e)/255},{},Ht(o))}return e}function kn(e){it(e)&&(e=vn(e));var t=(e=e.map((function(e){if(it(e)){var t=fn(e),n=mn(t.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]=yn(n[0],t.matches),n}if(Array.isArray(e))return e[1]?it(e[1])&&(e[1].indexOf("%")>-1?e[1]=parseFloat(e[1].replace(/%/,""))/100:e[1]=+e[1]):e[1]="*",j()(e)}))).filter((function(e){return"*"===e[1]})).length;if(t>0){var n=(1-e.filter((function(e){return"*"!=e[1]&&1!=e[1]})).map((function(e){return e[1]})).reduce((function(e,t){return e+t}),0))/t;e.forEach((function(t,r){"*"==t[1]&&r>0&&(e.length-1==r||(t[1]=n))}))}return e}function xn(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"hex",i=wn(e,t,n);return Et(i,r)}function wn(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=et(e.a)?1:e.a,i=et(t.a)?1:t.a;return{r:M(e.r+(t.r-e.r)*n),g:M(e.g+(t.g-e.g)*n),b:M(e.b+(t.b-e.b)*n),a:M(r+(i-r)*n,100)}}function Sn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!e)return[];it(e)&&(e=vn(e));for(var n=(e=e||[]).length,r=[],i=0;i<n-1;i++)for(var a=0;a<t;a++)r.push(Pn(e[i],e[i+1],a/t));return r}function Pn(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"hex",i=bn(e),a=bn(t);return xn(i,a,n,r)}function jn(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"hex";return Pn(e,t,n,r)}function On(e){return e=bn(e),(Math.round(299*e.r)+Math.round(587*e.g)+Math.round(114*e.b))/1e3}function $n(e){return On(e)>=128?"black":"white"}function Cn(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=t-((e=kn(e)).length-1),i=r,a=1,o=e.length;a<o;a++){var s=e[a-1][0],c=e[a][0],l=1==a?e[a][1]:e[a][1]-e[a-1][1],u=a==e.length-1?i:Math.floor(l*r);n=n.concat(Sn([s,c],u),[c]),i-=u}return n}function En(e){for(var t=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",i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:100,s=bn(e),c=Bt(s),l=(a-i)*o/n,u=[],h=1;h<=n;h++)c[t]=Math.abs((o-l*h)/o),u.push(Et(Qt(c),r));return u}function Tn(e){var t=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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:360;return En(e,"h",t,n,r,i,1)}function Vn(e){var t=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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return En(e,"s",t,n,r,i,100)}function Dn(e){var t=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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return En(e,"v",t,n,r,i,100)}function In(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}Sn.parula=function(e){return Sn(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],e)},Sn.jet=function(e){return Sn(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],e)},Sn.hsv=function(e){return Sn(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],e)},Sn.hot=function(e){return Sn(["#0b0000","#ff0000","#ffff00","#ffffff"],e)},Sn.pink=function(e){return Sn(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],e)},Sn.bone=function(e){return Sn(["#000000","#4a4a68","#a6c6c6","#ffffff"],e)},Sn.copper=function(e){return Sn(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],e)};var Mn=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?In(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):In(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},r,{},o,{},i,{},f,{},d,{},p,{},c,{},l,{},u,{},h,{},s,{},a),Ln=[{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 e=0,t=Ln.length;e<t;e++){var n=Ln[e],r=Mn.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var Rn={colors:Ln,checkHueColor:function(e){for(var t,n,r=0;r<Ln.length;r++)if(Ln[r].start>=e){t=Ln[r-1],n=Ln[r];break}return t&&n?Mn.mix(t,n,(e-t.start)/(n.start-t.start)):Ln[0].rgb}},An=n(1),zn=n.n(An),Fn=n(2),Bn=n.n(Fn),Gn=n(3),Hn=n.n(Gn),Nn=n(0),Xn=n.n(Nn),Yn=n(4),_n=n.n(Yn),Kn=function(){function e(t){zn()(this,e),this.cachedCallback={},this.callbacks={},this.commandes=[],this.editor=t}return Bn()(e,[{key:"getCallbacks",value:function(e){return this.callbacks[e]||(this.callbacks[e]=[]),this.callbacks[e]}},{key:"setCallbacks",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];this.callbacks[e]=t}},{key:"debug",value:function(){var e;this.editor&&this.editor.config.get("debug")&&(e=console).log.apply(e,arguments)}},{key:"on",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=t;r>0?a=Ke(t,r):i>0&&(a=We(t,i)),this.getCallbacks(e).push({event:e,callback:a,context:n,originalCallback:t}),this.debug("add message event",e,n.sourceName)}},{key:"off",value:function(e,t){this.debug("off message event",e),1==arguments.length?this.setCallbacks(e):2==arguments.length&&this.setCallbacks(e,this.getCallbacks(e).filter((function(e){return e.originalCallback!==t})))}},{key:"offAll",value:function(e){var t=this;Object.keys(this.callbacks).forEach((function(n){t.setCallbacks(n,t.getCallbacks(n).filter((function(t){return t.context!==e})))})),this.debug("off all message",e.sourceName)}},{key:"getCachedCallbacks",value:function(e){return this.getCallbacks(e)}},{key:"sendMessage",value:function(e,t){for(var n=this,r=arguments.length,i=new Array(r>2?r-2:0),a=2;a<r;a++)i[a-2]=arguments[a];Promise.resolve().then((function(){var r=n.getCachedCallbacks(t);if(r)for(var a=0,o=r.length;a<o;a++){var s=r[a];s.originalCallback.source!==e&&s.callback.apply(s.context,i)}}))}},{key:"nextSendMessage",value:function(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];Promise.resolve().then((function(){t.apply(void 0,r)}))}},{key:"triggerMessage",value:function(e,t){for(var n=this,r=arguments.length,i=new Array(r>2?r-2:0),a=2;a<r;a++)i[a-2]=arguments[a];Promise.resolve().then((function(){var r=n.getCachedCallbacks(t);if(r)for(var a=0,o=r.length;a<o;a++){var s=r[a];s.originalCallback.source===e&&s.callback.apply(s.context,i)}else console.warn(t," is not valid event")}))}},{key:"emit",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];this.sendMessage.apply(this,[this.source].concat(t))}},{key:"nextTick",value:function(e){this.nextSendMessage(this.source,e)}},{key:"trigger",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];this.triggerMessage.apply(this,[this.source].concat(t))}}]),e}(),Wn=function(e,t,n,r){n?r&&n===r||function(e,t,n){"boolean"==typeof n?function(e,t,n){n?(e.setAttribute(t,t),e[t]=n):(e.removeAttribute(t),e[t]=n)}(e,t,n):e.setAttribute(t,n)}(e,t,n):function(e,t,n){"boolean"==typeof n?function(e,t){e.removeAttribute(t),e[t]=!1}(e,t):t&&function(e,t){e.removeAttribute(t)}(e,t)}(e,t,r)};function Un(e){for(var t={},n=e.length,r=0;r<n;r++){var i=e[r];t[i.name]=i.value}return t}function Zn(e,t,n,r){if(t)if(n){if(c=t,(s=n).nodeType===Node.TEXT_NODE&&s.textContent!==c.textContent||s.nodeName!==c.nodeName)e.replaceChild(n.cloneNode(!0),t);else if(n.nodeType!==Node.TEXT_NODE&&"[object HTMLUnknownElement]"!==n.toString()){!function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=[];r.push.apply(r,Object.keys(t)),r.push.apply(r,Object.keys(n));var i=new Set(r);i.forEach((function(r){Wn(e,r,t[r],n[r])}))}(t,Un(n.attributes),Un(t.attributes));var i=qn(t),a=qn(n),o=Math.max(i.length,a.length);for(r=0;r<o;r++)Zn(t,i[r],a[r],r)}}else e.removeChild(t);else e.appendChild(n.cloneNode(!0));var s,c}var qn=function(e){var t=e.firstChild;if(!t)return[];var n=[];do{n.push(t),t=t.nextSibling}while(t);return n};function Jn(e,t){e=e.el||e,t=t.el||t;for(var n=qn(e),r=qn(t),i=Math.max(n.length,r.length),a=0;a<i;a++)Zn(e,n[a],r[a],a)}var Qn={center:50,top:0,left:0,right:100,bottom:100},er=function e(){zn()(this,e)};er.CENTER="center",er.TOP="top",er.RIGHT="right",er.LEFT="left",er.BOTTOM="bottom";var tr=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,nr=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(zn()(this,e),this.value=t,ct(this.value)&&isNaN(this.value))throw new Error("NaN is not able to set");this.unit=n}return Bn()(e,[{key:Symbol.toPrimitive,value:function(e){return"number"==e?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(e){return this.unit===e}},{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(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){return ct(this.value)&&isNaN(this.value)}))},{key:"set",value:function(e){return this.value=e,this}},{key:"add",value:function(e){return this.value+=+e,this}},{key:"sub",value:function(e){return this.add(-1*e)}},{key:"mul",value:function(e){return this.value*=+e,this}},{key:"div",value:function(e){return this.value/=+e,this}},{key:"mod",value:function(e){return this.value%=+e,this}},{key:"clone",value:function(){return new e(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(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return this.value/e}},{key:"stringToPercent",value:function(){return tt(Qn[this.value])?e.percent(Qn[this.value]):e.percent(0)}},{key:"stringToEm",value:function(e){return this.stringToPercent().toEm(e)}},{key:"stringToPx",value:function(e){return this.stringToPercent().toPx(e)}},{key:"toPercent",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?this.clone():this.isPx()?e.percent(100*this.value/t):this.isEm()?e.percent(this.value*n*100/t):this.isString()?this.stringToPercent(t):this.isDeg()?e.percent(this.value/360*100):void 0}},{key:"toEm",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?e.em(this.value/100*t/n):this.isPx()?e.em(this.value/n):this.isEm()?this.clone():this.isString()?this.stringToEm(t):void 0}},{key:"toPx",value:function(t){arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.isPercent()?e.px(this.value/100*t):this.isPx()?this.clone():this.isEm()?e.px(this.value/100*t/16):this.isString()?this.stringToPx(t):void 0}},{key:"toDeg",value:function(){return this.isDeg()?this.clone():this.isTurn()?e.deg(360*this.value):this.isRad()?e.deg(this.value*(180/Math.PI)):void 0}},{key:"toTurn",value:function(){return this.isTurn()?this.clone():this.isDeg()?e.turn(this.value/360):void 0}},{key:"toSecond",value:function(){return this.isSecond()?this:this.isMs()?e.second(this.value/1e3):void 0}},{key:"toMs",value:function(){return this.isSecond()?e.ms(1e3*this.value):this.isMs()?this:void 0}},{key:"to",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:16;return"px"===e?this.toPx(t,n):"%"===e||"percent"===e?this.toPercent(t,n):"em"===e?this.toEm(t,n):"deg"===e?this.toDeg():"turn"===e?this.toTurn():void 0}},{key:"toUnit",value:function(t){return new e(this.value,t)}},{key:"calculate",value:function(e,t){var n=this[e];return n?n.call(this,t):this}},{key:"includes",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.includes(this.value)}},{key:"round",value:function(t){return new e(M(this.value,t),this.unit)}},{key:"floor",value:function(){return new e(Math.floor(this.value),this.unit)}},{key:"equals",value:function(e){return this.is(e.value)&&this.isUnitType(e.unit)}},{key:"is",value:function(e){return this.value===e}},{key:"clamp",value:function(t,n){return new e(Math.max(t,Math.min(n,this.value)),this.unit)}}],[{key:"min",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];for(var r=t.shift(),i=0,a=t.length;i<a;i++)r.value>t[i].value&&(r=t[i]);return r}},{key:"max",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];for(var r=t.shift(),i=0,a=t.length;i<a;i++)r.value<t[i].value&&(r=t[i]);return r}},{key:"string",value:function(t){return new e(t+"","")}},{key:"number",value:function(t){return new e(+t,"number")}},{key:"px",value:function(t){return new e(+t,"px")}},{key:"em",value:function(t){return new e(+t,"em")}},{key:"percent",value:function(t){return new e(+t,"%")}},{key:"deg",value:function(t){return new e(+t,"deg")}},{key:"rad",value:function(t){return new e(+t,"rad")}},{key:"turn",value:function(t){return new e(+t,"turn")}},{key:"fr",value:function(t){return new e(+t,"fr")}},{key:"second",value:function(t){return new e(+t,"s")}},{key:"ms",value:function(t){return new e(+t,"ms")}},{key:"var",value:function(t){return new e(t+"","--")}},{key:"z",value:function(){return e.px(0)}},{key:"calc",value:function(t){return new e(t,"calc")}},{key:"parse",value:function(t){if(it(t=t||e.number(0))){var n=(t=t.trim()).replace(tr,"$1 $2").split(" ");return+n[0]==n[0]?new e(+n[0],n[1]):new e(n[0])}if(t instanceof e)return t;if(t.unit){if("%"==t.unit||"percent"==t.unit){var r=0;return tt(t.percent)?r=t.percent:tt(t.value)&&(r=t.value),e.percent(r)}if("px"==t.unit){r=0;return tt(t.px)?r=t.px:tt(t.value)&&(r=t.value),e.px(r)}if("em"==t.unit){r=0;return tt(t.em)?r=t.em:tt(t.value)&&(r=t.value),e.em(r)}if("deg"==t.unit){r=0;return tt(t.deg)?r=t.deg:tt(t.value)&&(r=t.value),e.deg(r)}if("turn"==t.unit){r=0;return tt(t.deg)?r=t.turn:tt(t.value)&&(r=t.value),e.turn(r)}if("s"==t.unit){r=0;return tt(t.second)?r=t.second:tt(t.value)&&(r=t.value),e.second(r)}if("ms"==t.unit){r=0;return tt(t.ms)?r=t.ms:tt(t.value)&&(r=t.value),e.ms(r)}if("number"==t.unit){r=0;return tt(t.value)&&(r=t.value),e.number(r)}if("--"==t.unit){r=0;return tt(t.value)&&(r=t.value),e.var(r)}if(""===t.unit||"string"===t.unit){r="";return tt(t.str)?r=t.str:tt(t.value)&&(r=t.value),e.string(r)}}return e.string(t)}}]),e}();nr.auto=nr.string("auto");var rr=function(){function e(t,n,r){if(zn()(this,e),at(t))this.el=t;else{var i=document.createElement(t);for(var a in n&&(i.className=n),r=r||{})i.setAttribute(a,r[a]);this.el=i}}return Bn()(e,[{key:"setAttr",value:function(e){var t=this;return Object.keys(e).forEach((function(n){t.attr(n,e[n])})),this}},{key:"setAttrNS",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"http://www.w3.org/2000/svg";return Object.keys(e).forEach((function(r){t.attr(r,e[r],n)})),this}},{key:"setProp",value:function(e){var t=this;return Object.keys(e).forEach((function(n){t.el[n]!=e[n]&&(t.el[n]=e[n])})),this}},{key:"data",value:function(e,t){return 1===arguments.length?this.attr("data-"+e):2===arguments.length?this.attr("data-"+e,t):this}},{key:"attr",value:function(e,t){return 1==arguments.length?this.el.getAttribute(e):(this.el.getAttribute(e)!=t&&this.el.setAttribute(e,t),this)}},{key:"attrNS",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"http://www.w3.org/2000/svg";return 1==arguments.length?this.el.getAttributeNS(n,e):(this.el.getAttributeNS(n,e)!=t&&this.el.setAttributeNS(n,e,t),this)}},{key:"attrKeyValue",value:function(e){return m()({},this.el.getAttribute(e),this.val())}},{key:"attrs",value:function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return n.map((function(t){return e.el.getAttribute(t)}))}},{key:"styles",value:function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return n.map((function(t){return e.el.style[t]}))}},{key:"removeAttr",value:function(e){return this.el.removeAttribute(e),this}},{key:"removeStyle",value:function(e){return this.el.style.removeProperty(e),this}},{key:"is",value:function(e){return this.el===(e.el||e)}},{key:"isTag",value:function(e){return this.el.tagName.toLowerCase()===e.toLowerCase()}},{key:"closest",value:function(t){for(var n=this,r=!1;!(r=n.hasClass(t));){if(!n.el.parentNode)return null;n=e.create(n.el.parentNode)}return r?n:null}},{key:"path",value:function(){if(!this.el)return[];var e=this.parent();return e?[].concat(j()(e.path()),[this]):[this]}},{key:"parent",value:function(){return e.create(this.el.parentNode)}},{key:"hasParent",value:function(){return!!this.el.parentNode}},{key:"removeClass",value:function(){var e;return(e=this.el.classList).remove.apply(e,arguments),this}},{key:"hasClass",value:function(e){return!!this.el.classList&&this.el.classList.contains(e)}},{key:"addClass",value:function(){var e;return(e=this.el.classList).add.apply(e,arguments),this}},{key:"onlyOneClass",value:function(e){this.parent().children().forEach((function(t){t.removeClass(e)})),this.addClass(e)}},{key:"toggleClass",value:function(e,t){this.el.classList.toggle(e,t)}},{key:"html",value:function(e){return et(e)?this.el.innerHTML:(it(e)?this.el.innerHTML=e:this.empty().append(e),this)}},{key:"htmlDiff",value:function(e){Jn(this,e)}},{key:"updateDiff",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Jn(this,e.create(n).html(t))}},{key:"updateSVGDiff",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Jn(this,e.create(n).html("<svg>".concat(t,"</svg>")).firstChild.firstChild)}},{key:"find",value:function(e){return this.el.querySelector(e)}},{key:"$",value:function(t){var n=this.find(t);return n?e.create(n):null}},{key:"findAll",value:function(e){return j()(this.el.querySelectorAll(e))}},{key:"$$",value:function(t){return this.findAll(t).map((function(t){return e.create(t)}))}},{key:"empty",value:function(){for(;this.el.firstChild;)this.el.removeChild(this.el.firstChild);return this}},{key:"append",value:function(e){return it(e)?this.el.appendChild(document.createTextNode(e)):this.el.appendChild(e.el||e),this}},{key:"prepend",value:function(e){return it(e)?this.el.prepend(document.createTextNode(e)):this.el.prepend(e.el||e),this}},{key:"prependHTML",value:function(t){var n=e.create("div").html(t);return this.prepend(n.createChildrenFragment()),n}},{key:"appendHTML",value:function(t){var n=e.create("div").html(t);return this.append(n.createChildrenFragment()),n}},{key:"createChildrenFragment",value:function(){var e=this.children(),t=document.createDocumentFragment();return e.forEach((function(e){return t.appendChild(e.el)})),t}},{key:"appendTo",value:function(e){return(e.el?e.el:e).appendChild(this.el),this}},{key:"remove",value:function(){return this.el.parentNode&&this.el.parentNode.removeChild(this.el),this}},{key:"removeChild",value:function(e){return this.el.removeChild(e.el||e),this}},{key:"text",value:function(t){if(et(t))return this.el.textContent;var n=t;return t instanceof e&&(n=t.text()),this.el.textContent!==n&&(this.el.textContent=n),this}},{key:"css",value:function(e,t){if(tt(e)&&tt(t))this.el.style[e]=t;else if(tt(e)){if(it(e))return getComputedStyle(this.el)[e];Object.assign(this.el.style,e)}return this}},{key:"getComputedStyle",value:function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){for(var e=getComputedStyle(this.el),t={},n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return r.forEach((function(n){t[n]=e[n]})),t}))},{key:"getStyleList",value:function(){for(var e=this,t={},n=this.el.style.length,r=0;r<n;r++){var i=this.el.style[r];t[i]=this.el.style[i]}for(var a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return o.forEach((function(n){t[n]=e.css(n)})),t}},{key:"cssText",value:function(e){return et(e)?this.el.style.cssText:(e!=this.el.tempCssText&&(this.el.style.cssText=e,this.el.tempCssText=e),this)}},{key:"cssArray",value:function(e){return e[0]&&(this.el.style[e[0]]=e[1]),e[2]&&(this.el.style[e[2]]=e[3]),e[4]&&(this.el.style[e[4]]=e[5]),e[6]&&(this.el.style[e[6]]=e[7]),e[8]&&(this.el.style[e[8]]=e[9]),this}},{key:"cssFloat",value:function(e){return parseFloat(this.css(e))}},{key:"cssInt",value:function(e){return parseInt(this.css(e))}},{key:"px",value:function(e,t){return this.css(e,nr.px(t))}},{key:"rect",value:function(){return this.el.getBoundingClientRect()}},{key:"bbox",value:function(){return this.el.getBBox()}},{key:"isSVG",value:function(){return"SVG"===this.el.tagName.toUpperCase()}},{key:"offsetRect",value:function(){if(this.isSVG()){var e=this.parent().rect(),t=this.rect();return{x:t.x-e.x,y:t.y-e.y,top:t.x-e.x,left:t.y-e.y,width:t.width,height:t.height}}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 t=this.rect(),n=e.getScrollTop(),r=e.getScrollLeft();return{top:t.top+n,left:t.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(t){if(et(t))return this.el.value;if(tt(t)){var n=t;t instanceof e&&(n=t.val()),this.el.value=n}return this}},{key:"matches",value:function(e){return this.el&&this.el.matches?this.el.matches(e)?this:this.parent().matches(e):null}},{key:"realVal",value:function(){switch(this.el.nodeType){case"INPUT":var e=this.attr("type");if("checkbox"==e||"radio"==e)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 e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"block";return this.el.style.display="none"!=e?e:"block",this}},{key:"hide",value:function(){return this.el.style.display="none",this}},{key:"isHide",value:function(){return"none"===this.el.style.display}},{key:"isShow",value:function(){return!this.isHide()}},{key:"toggle",value:function(e){var t=this.isHide();return 1==arguments.length?e?this.show():this.hide():t?this.show():this.hide()}},{key:"scrollIntoView",value:function(){this.el.scrollIntoView()}},{key:"addScrollLeft",value:function(e){return this.el.scrollLeft+=e,this}},{key:"addScrollTop",value:function(e){return this.el.scrollTop+=e,this}},{key:"setScrollTop",value:function(e){return this.el.scrollTop=e,this}},{key:"setScrollLeft",value:function(e){return this.el.scrollLeft=e,this}},{key:"scrollTop",value:function(){return this.el===document.body?e.getScrollTop():this.el.scrollTop}},{key:"scrollLeft",value:function(){return this.el===document.body?e.getScrollLeft():this.el.scrollLeft}},{key:"scrollHeight",value:function(){return this.el.scrollHeight}},{key:"scrollWidth",value:function(){return this.el.scrollWidth}},{key:"on",value:function(e,t,n,r){return this.el.addEventListener(e,t,n,r),this}},{key:"off",value:function(e,t){return this.el.removeEventListener(e,t),this}},{key:"getElement",value:function(){return this.el}},{key:"createChild",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=e.create(t,n,r);return a.css(i),this.append(a),a}},{key:"children",value:function(){var t=this.el.firstElementChild;if(!t)return[];var n=[];do{n.push(e.create(t)),t=t.nextElementSibling}while(t);return n}},{key:"childLength",value:function(){return this.el.children.length}},{key:"replace",value:function(e){return this.el.parentNode&&this.el.parentNode.replaceChild(e.el||e,this.el),this}},{key:"replaceChild",value:function(e,t){return this.el.replaceChild(t.el||t,e.el||e),this}},{key:"checked",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return 0==arguments.length?!!this.el.checked:(this.el.checked=!!e,this)}},{key:"click",value:function(){return this.el.click(),this}},{key:"focus",value:function(){return this.el.focus(),this}},{key:"select",value:function(){if("true"===this.attr("contenteditable")){var e=document.createRange();e.selectNodeContents(this.el);var t=window.getSelection();t.removeAllRanges(),t.addRange(e)}else this.el.select();return this}},{key:"blur",value:function(){return this.el.blur(),this}},{key:"context",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"2d";return this._initContext||(this._initContext=this.el.getContext(e)),this._initContext}},{key:"resize",value:function(e){var t=e.width,n=e.height;this._initContext=null;var r=this.context(),i=window.devicePixelRatio||1;this.px("width",+t),this.px("height",+n),this.el.width=t*i,this.el.height=n*i,r.scale(i,i)}},{key:"toDataURL",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"image/png",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return this.el.toDataURL(e,t)}},{key:"clear",value:function(){this.context().clearRect(0,0,this.el.width,this.el.height)}},{key:"update",value:function(e){this.clear(),e.call(this,this)}},{key:"drawImage",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=this.context(),i=window.devicePixelRatio||1;r.drawImage(e,t,n,e.width,e.height,0,0,this.el.width/i,this.el.height/i)}},{key:"drawOption",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this.context();Object.assign(t,e)}},{key:"drawLine",value:function(e,t,n,r){var i=this.context();i.beginPath(),i.moveTo(e,t),i.lineTo(n,r),i.stroke(),i.closePath()}},{key:"drawPath",value:function(){var e=this.context();e.beginPath();for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.forEach((function(t,n){0==n?e.moveTo(t[0],t[1]):e.lineTo(t[0],t[1])})),e.stroke(),e.fill(),e.closePath()}},{key:"drawCircle",value:function(e,t,n){var r=this.context();r.beginPath(),r.arc(e,t,n,0,2*Math.PI),r.stroke(),r.fill()}},{key:"drawText",value:function(e,t,n){this.context().fillText(n,e,t)}},{key:"fullscreen",value:function(){var e=this.el;e.requestFullscreen?e.requestFullscreen():e.wekitRequestFullscreen&&e.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?j()(this.el.files):[]}},{key:"totalLength",get:function(){return this.el.getTotalLength()}},{key:"firstChild",get:function(){return e.create(this.el.firstElementChild)}}],[{key:"create",value:function(t,n,r){return new e(t,n,r)}},{key:"createByHTML",value:function(t){var n=e.create("div").html(t).children();return n.length?e.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(e){return DOMParser().parseFromString(e,"text/htmll")}},{key:"body",value:function(){return e.create(document.body)}}]),e}(),ir=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:cr;return" ".concat(t," ").concat(e)},ar=/^dom (.*)/gi,or=/^load (.*)/gi,sr=/^bind (.*)/gi,cr="|",lr={},ur=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.join(":");return function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return"dom "+[r].concat(t).join(" ")}},hr=ur,pr=ur("click"),dr=ur("dblclick"),fr=(ur("mousedown"),ur("mouseup"),ur("mousemove"),ur("mouseover"),ur("mouseout"),ur("mouseenter"),ur("mouseleave"),ur("touchstart"),ur("touchmove"),ur("touchend"),ur("keydown")),vr=ur("keyup"),yr=(ur("keypress"),ur("drag"),ur("dragstart")),gr=ur("drop"),mr=ur("dragover"),br=(ur("dragenter"),ur("dragleave"),ur("dragexit"),ur("dragout"),ur("dragend")),kr=(ur("contextmenu"),ur("change")),xr=ur("input"),wr=ur("focus"),Sr=(ur("focusin"),ur("focusout")),Pr=ur("blur"),jr=(ur("paste"),ur("resize")),Or=ur("scroll"),$r=ur("submit"),Cr=hr("pointerdown"),Er=hr("pointerover"),Tr=(hr("pointerenter"),hr("pointerout")),Vr=hr("pointermove"),Dr=hr("pointerup"),Ir=hr("change","input"),Mr=hr("wheel","mousewheel","DOMMouseScroll"),Lr=(ur("animationstart"),ur("animationend"),ur("animationiteration"),ur("transitionstart"),ur("transitionend")),Rr=(ur("transitionrun"),ur("transitioncancel"),hr("doubletab")),Ar=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:cr;return ir(e,t)},zr=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:cr;return ir("after(".concat(e,")"),t)},Fr=Ar,Br=Ar,Gr=(Ar("ArrowUp"),Ar("ArrowDown"),Ar("ArrowLeft"),Ar("ArrowRight"),Ar("Enter")),Hr=(Ar("Space"),Ar("Escape")),Nr=Ar("isAltKey"),Xr=(Ar("isShiftKey"),Ar("isMetaKey"),Ar("isCtrlKey"),Ar("self"),Ar("fit"),Ar("passive"),Ar("domdiff")),Yr=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Ar("debounce(".concat(e,")"))},_r=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300;return Ar("delay(".concat(e,")"))},Kr=(Yr(1e3),function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Ar("throttle(".concat(e,")"))}),Wr=(Ar("capture()"),function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return zr("bodyMouseMove ".concat(e))}),Ur=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return zr("bodyMouseUp ".concat(e))},Zr=zr("preventDefault"),qr=zr("stopPropagation"),Jr=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"load "+e},Qr=function(e){if(""===e)return"";var t=ie();return lr[t]=e,t},ei=function(e){return function(){return this.prevState[e]!=this.state[e]}},ti=function(){return!0},ni=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return"bind "+e+(t?cr+Qr(t):"")};function ri(e,t){return Math.sign(e)*Math.min(t,Math.abs(e))}var ii,ai={addEvent:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];e&&e.addEventListener(t,n,r)},removeEvent:function(e,t,n){e&&e.removeEventListener(t,n)},pos:function(e){return e.touches&&e.touches[0]?e.touches[0]:e},posXY:function(e){var t=this.pos(e);return{x:t.pageX,y:t.pageY}}},oi=n(6),si=n.n(oi),ci=n(10),li=n.n(ci),ui=n(14),hi=n.n(ui),pi=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};zn()(this,e),this.context=t,this.options=n}return Bn()(e,[{key:"initialize",value:function(){}},{key:"load",value:function(){}},{key:"refresh",value:function(){}},{key:"render",value:function(){}},{key:"getRef",value:function(e){return this.context.getRef(e)}},{key:"run",value:function(){}},{key:"destroy",value:function(){}}]),e}(),di={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0},fi={doubletab:"touchend"},vi={doubletab:!0},yi=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initialize",value:function(){var e=this;this.destroy(),this._domEvents||(this._domEvents=this.context.filterProps(ar)),this._domEvents.forEach((function(t){return e.parseEvent(t)}))}},{key:"destroy",value:function(){this.removeEventAll()}},{key:"removeEventAll",value:function(){var e=this;this.getBindings().forEach((function(t){e.removeEvent(t)})),this.initBindings()}},{key:"removeEvent",value:function(e){var t=e.eventName,n=e.dom,r=e.callback;ai.removeEvent(n,t,r)}},{key:"getBindings",value:function(){return this._bindings||this.initBindings(),this._bindings}},{key:"addBinding",value:function(e){this.getBindings().push(e)}},{key:"initBindings",value:function(){this._bindings=[]}},{key:"matchPath",value:function(e,t){return e?e.matches(t)?e:this.matchPath(e.parentElement,t):null}},{key:"hasDelegate",value:function(e,t){return this.matchPath(e.target||e.srcElement,t.delegate)}},{key:"makeCallback",value:function(e,t){return e.delegate?this.makeDelegateCallback(e,t):this.makeDefaultCallback(e,t)}},{key:"makeDefaultCallback",value:function(e,t){var n=this;return function(r){var i=n.runEventCallback(r,e,t);if(tt(i))return i}}},{key:"makeDelegateCallback",value:function(e,t){var n=this;return function(r){var i=n.hasDelegate(r,e);if(i){r.$dt=rr.create(i);var a=n.runEventCallback(r,e,t);if(tt(a))return a}}}},{key:"runEventCallback",value:function(e,t,n){var r=this.context;if(e.xy=ai.posXY(e),t.beforeMethods.length&&t.beforeMethods.every((function(t){return r[t.target].call(r,e,t.param)})),this.checkEventType(e,t)){var i=n(e,e.$dt,e.xy);return!1!==i&&t.afterMethods.length&&t.afterMethods.forEach((function(t){return r[t.target].call(r,e,t.param)})),i}}},{key:"checkEventType",value:function(e,t){var n=this.context,r=!0;t.codes.length&&(r=!!e.code&&t.codes.indexOf(e.code.toLowerCase())>-1||!!e.key&&t.codes.indexOf(e.key.toLowerCase())>-1);var i=!0;return t.checkMethodList.length&&(i=t.checkMethodList.every((function(t){var r=n[t];return st(r)&&r?r.call(n,e):!tt(r)||!!r}))),r&&i}},{key:"getDefaultDomElement",value:function(e){var t,n=this.context;return(t=e?n.refs[e]||n[e]||window[e]:n.el||n.$el||n.$root)instanceof rr?t.getElement():t}},{key:"getRealEventName",value:function(e){return fi[e]||e}},{key:"getCustomEventName",value:function(e){return vi[e]?e:""}},{key:"getDefaultEventObject",value:function(e,t){var n=this.context,r=t,i=r.filter((function(e){return!!n[e]})),a=Ot(r,"after"),o=k()(a,2),s=o[0],c=o[1],l=Ot(r,"before"),u=k()(l,2),h=u[0],p=u[1],d=Ot(r,"debounce"),f=k()(d,2),v=f[0],y=f[1],g=Ot(r,"delay"),m=k()(g,2),b=m[0],x=m[1],w=Ot(r,"throttle"),S=k()(w,2),P=S[0],O=S[1],$=Ot(r,"capture"),C=k()($,1)[0],E=[].concat(j()(i),j()(s),j()(h),j()(b),j()(v),j()(P),j()(C)),T=r.filter((function(e){return-1===E.indexOf(e)})).map((function(e){return e.toLowerCase()}));return{eventName:this.getRealEventName(e),customEventName:this.getCustomEventName(e),codes:T,captures:C,afterMethods:c,beforeMethods:p,delayMethods:x,debounceMethods:y,throttleMethods:O,checkMethodList:i}}},{key:"addEvent",value:function(e,t){e.callback=this.makeCallback(e,t),this.addBinding(e);var n=!!e.captures.length;di[e.eventName]&&(n={passive:!0,capture:n}),ai.addEvent(e.dom,e.eventName,e.callback,n)}},{key:"makeCustomEventCallback",value:function(e,t){var n=this;if("doubletab"===e.customEventName){var r=300;return e.delayMethods.length&&(r=+e.delayMethods[0].target),function(){n.doubleTab?(performance.now()-n.doubleTab.time<r&&t.apply(void 0,arguments),n.doubleTab=null):n.doubleTab={time:performance.now()}}}return t}},{key:"bindingEvent",value:function(e,t,n){var r=S()(e),i=r[0],a=r[1],o=r.slice(2),s=this.getDefaultEventObject(i,t);if(s.dom=this.getDefaultDomElement(a),s.delegate=o.join(" "),s.debounceMethods.length)n=Ke(n,+s.debounceMethods[0].target);else if(s.throttleMethods.length){n=We(n,+s.throttleMethods[0].target)}n=this.makeCustomEventCallback(s,n),this.addEvent(s,n)}},{key:"getEventNames",value:function(e){var t=[];return e.split(":").forEach((function(e){var n=e.split(":");t.push.apply(t,n)})),t}},{key:"parseEvent",value:function(e){for(var t=this.context,n=e.split(cr).map((function(e){return e.trim()})),r=n.shift().split("dom ")[1].split(" "),i=this.getEventNames(r[0]),a=t[e].bind(t),o=0,s=i.length;o<s;o++)r[0]=i[o],this.bindingEvent(r,n,a)}}]),t}(pi),gi=function(e,t,n){if("cssText"!==t)if("style"!==t)if("class"!==t)"callback"===t&&st(n)?n():et(n)?e.removeAttr(t):"TEXTAREA"===e.el.nodeName&&"value"===t?e.text(n):"text"===t||"textContent"===t?e.text(n):"innerHTML"===t||"html"===t?e.html(n):"value"===t?e.val(n):e.attr(t,n);else if(nt(n))e.addClass.apply(e,j()(n));else if(ot(n))for(var r=Object.keys(n),i=0,a=r.length;i<a;i++){var o=r[i],s=n[o];e.toggleClass(o,s)}else e.addClass(n);else at(n)&&e.css(n);else e.cssText(n)},mi=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{key:"bindData",value:function(){var e,t,n,r=this,i=arguments;return li.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:for(e=i.length,t=new Array(e),n=0;n<e;n++)t[n]=i[n];return this._bindMethods||(this._bindMethods=this.context.filterProps(sr)),a.next=4,li.a.awrap(this._bindMethods.filter((function(e){if(!t.length)return!0;var n=e.split(cr),r=k()(n,2),i=r[0],a=(r[1],i.split(" ")),o=k()(a,2),s=(o[0],o[1]);return t.indexOf(s)>-1})).forEach((function(e){var n,i,a,o,s,c,l,u,h,p,d,f,v,y,g;return li.a.async((function(m){for(;;)switch(m.prev=m.next){case 0:if(n=r.context[e],i=e.split(cr),a=k()(i,2),e=a[0],o=a[1],s=r.getRef(o),c=ti,""!=s&&it(s)?c=ei(s):st(s)&&(c=s),l=e.split("bind ")[1],u=r.context.refs[l],h=st(c)&&c.call(r.context),!u||!h){m.next=16;break}return m.next=11,li.a.awrap(n.call.apply(n,[r.context].concat(t)));case 11:if(p=m.sent){m.next=14;break}return m.abrupt("return");case 14:for(d=Object.keys(p),f=0,v=d.length;f<v;f++)y=d[f],g=p[y],gi(u,y,g);case 16:case"end":return m.stop()}}))})));case 4:case"end":return a.stop()}}),null,this)}},{key:"destroy",value:function(){this._bindMethods=void 0}}]),t}(pi),bi={};function ki(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.assign(bi,e)}function xi(){var e=hi()(["",""]);return xi=function(){return e},e}function wi(){var e=hi()(["\n        ","\n      "]);return wi=function(){return e},e}function Si(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Pi(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Si(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Si(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ji=rr.create("div"),Oi="[".concat("ref","]"),$i=(ii={constructor:!0,initState:!0,refresh:!0,updateData:!0},m()(ii,"constructor",!0),m()(ii,"initializeProperty",!0),m()(ii,"created",!0),m()(ii,"getRealEventName",!0),m()(ii,"initializeStoreEvent",!0),m()(ii,"destoryStoreEvent",!0),m()(ii,"destroy",!0),m()(ii,"emit",!0),m()(ii,"trigger",!0),m()(ii,"on",!0),m()(ii,"off",!0),m()(ii,"setState",!0),m()(ii,"_reload",!0),m()(ii,"render",!0),m()(ii,"initialize",!0),m()(ii,"afterRender",!0),m()(ii,"components",!0),m()(ii,"getRef",!0),m()(ii,"parseTemplate",!0),m()(ii,"childrenIds",!0),m()(ii,"exists",!0),m()(ii,"parseProperty",!0),m()(ii,"parseSourceName",!0),m()(ii,"parseComponent",!0),m()(ii,"clean",!0),m()(ii,"refresh",!0),m()(ii,"load",!0),m()(ii,"bindData",!0),m()(ii,"template",!0),m()(ii,"eachChildren",!0),m()(ii,"destroy",!0),m()(ii,"collectProps",!0),m()(ii,"filterProps",!0),m()(ii,"self",!0),m()(ii,"isAltKey",!0),m()(ii,"isCtrlKey",!0),m()(ii,"isShiftKey",!0),m()(ii,"isMetaKey",!0),m()(ii,"preventDefault",!0),m()(ii,"stopPropagation",!0),m()(ii,"bodyMouseMove",!0),m()(ii,"bodyMouseUp",!0),ii),Ci=function(){function e(t,n){zn()(this,e),this.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=ie(),this.handlers=this.initializeHandler(),this.initializeProperty(t,n),this.initComponents()}return Bn()(e,[{key:"initializeProperty",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.opt=e||{},this.parent=this.opt,this.props=t,this.source=ie(),this.sourceName=this.constructor.name}},{key:"initComponents",value:function(){this.childComponents=Pi({},this.components())}},{key:"initializeHandler",value:function(){return[new mi(this),new yi(this)]}},{key:"initState",value:function(){return{}}},{key:"setState",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.prevState=this.state,this.state=Object.assign({},this.state,e),t&&this.load()}},{key:"toggleState",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.setState(m()({},e,!this.state[e]),t)}},{key:"_reload",value:function(e){this.props=e,this.state={},this.setState(this.initState(),!1),this.refresh(!0)}},{key:"render",value:function(e){this.$el=this.parseTemplate(mt(wi(),this.template())),this.refs.$el=this.$el,e&&e.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 e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.join("");return this.refs[r]}},{key:"parseTemplate",value:function(e,t){var n=this;nt(e)&&(e=e.join("")),e=e.trim();var r=ji.html(e).children();return r.forEach((function(e){var t=e.attr("ref");t&&(n.refs[t]=e);var r=e.$$(Oi),i={};r.forEach((function(e){var r=e.attr("ref");i[r]?console.warn("".concat(t," is duplicated. - ").concat(n.sourceName),n):i[r]=!0,n.refs[r]=e}))})),t?ji.createChildrenFragment():r[0]}},{key:"childrenIds",value:function(){return Ze(this.children,(function(e,t){return t.id}))}},{key:"exists",value:function(){return!this.parent||!st(this.parent.childrenIds)||this.parent.childrenIds().indexOf(this.id)>-1}},{key:"parseProperty",value:function(e){var t,n={},r=!0,i=!1,a=void 0;try{for(var o,s=e.el.attributes[Symbol.iterator]();!(r=(o=s.next()).done);r=!0){var c=o.value;n[c.nodeName]=c.nodeValue}}catch(e){i=!0,a=e}finally{try{r||null==s.return||s.return()}finally{if(i)throw a}}return n.props&&(n=Pi({},n,{},(t=n.props,lr[t]||""))),e.$$("property").forEach((function(e){var t=e.attrs("name","value","type"),r=k()(t,3),i=r[0],a=r[1],o=r[2],s=a||e.text();"json"===o&&(s=JSON.parse(s)),n[i]=s})),n}},{key:"parseSourceName",value:function(e){return e.parent?[e.sourceName].concat(j()(this.parseSourceName(e.parent))):[e.sourceName]}},{key:"getEventMachineComponent",value:function(e){return bi[e]||this.childComponents[e]}},{key:"parseComponent",value:function(){var e=this;this.$el.$$("[refclass]").forEach((function(t){var n=e.getEventMachineComponent(t.attr("refclass"));if(n){var r=e.parseProperty(t),i=t.attr("ref"),a=null;e.children[i]?(a=e.children[i])._reload(r):(a=new n(e,r),e.children[i||a.id]=a,a.render()),t.replace(a.$el)}else t.remove()})),Ue(this.children,(function(t,n){n&&n.clean()&&delete e.children[t]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return Ue(this.children,(function(e,t){t.clean()})),this.destroy(),this.$el=null,!0}},{key:"refresh",value:function(){this.load()}},{key:"_afterLoad",value:function(){this.runHandlers("initialize"),this.bindData(),this.parseComponent()}},{key:"load",value:function(){var e,t,n,r=this,i=arguments;return li.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:for(e=i.length,t=new Array(e),n=0;n<e;n++)t[n]=i[n];return this._loadMethods||(this._loadMethods=this.filterProps(or)),a.next=4,li.a.awrap(this._loadMethods.filter((function(e){var n=e.split("load ")[1].split(cr).map((function(e){return e.trim()}))[0];return!t.length||t.indexOf(n)>-1})).forEach((function(e){var n,i,a,o,s,c,l,u,h;return li.a.async((function(p){for(;;)switch(p.prev=p.next){case 0:if(n=e.split("load ")[1],i=n.split(cr).map((function(e){return e.trim()})),a=S()(i),o=a[0],s=(s=a.slice(1)).map((function(e){return e.trim()})),c=Boolean(s.filter((function(e){return Xr.includes(e)})).length),!r.refs[o]){p.next=11;break}return p.next=7,li.a.awrap((l=r[e]).call.apply(l,[r].concat(t)));case 7:nt(u=p.sent)&&(u=u.join("")),h=r.parseTemplate(mt(xi(),u),!0),c?r.refs[o].htmlDiff(h):r.refs[o].html(h);case 11:case"end":return p.stop()}}))})));case 4:this._afterLoad();case 5:case"end":return a.stop()}}),null,this)}},{key:"runHandlers",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"run",t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];this.handlers.forEach((function(t){return t[e].apply(t,n)}))}},{key:"bindData",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];this.runHandlers.apply(this,["load"].concat(t))}},{key:"template",value:function(){return"<div></div>"}},{key:"eachChildren",value:function(e){st(e)&&Ue(this.children,(function(t,n){e(n)}))}},{key:"rerender",value:function(){var e=this.$el.parent();this.destroy(),this.render(e)}},{key:"destroy",value:function(){this.eachChildren((function(e){e.destroy()})),this.runHandlers("destroy"),this.$el.remove(),this.$el=null,this.refs={},this.children={}}},{key:"collectProps",value:function(){return _e(this,$i)}},{key:"filterProps",value:function(e){return this.collectProps().filter((function(t){return t.match(e)}))}},{key:"self",value:function(e){return e&&e.$dt&&e.$dt.is(e.target)}},{key:"isAltKey",value:function(e){return e.altKey}},{key:"isCtrlKey",value:function(e){return e.ctrlKey}},{key:"isShiftKey",value:function(e){return e.shiftKey}},{key:"isMetaKey",value:function(e){return e.metaKey||"Meta"==e.key||e.code.indexOf("Meta")>-1}},{key:"preventDefault",value:function(e){return e.preventDefault(),!0}},{key:"stopPropagation",value:function(e){return e.stopPropagation(),!0}},{key:"bodyMouseMove",value:function(e,t){this[t]&&this.emit("add/body/mousemove",this[t],this,e.xy)}},{key:"bodyMouseUp",value:function(e,t){this[t]&&this.emit("add/body/mouseup",this[t],this,e.xy)}}]),e}(),Ei=new Map,Ti=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"has",value:function(e){return Ei.has(e)}},{key:"get",value:function(e){return Ei.get(e)}},{key:"set",value:function(e,t){Ei.size>1e3&&Ei.clear(),Ei.set(e,t)}}]),e}(),Vi=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"parseStyle",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50% 0%";if(Ti.has(e))return Ti.get(e);var t=e.trim().split(" ").filter((function(e){return e.trim()})),n=null;return n=1===t.length?[t[0],t[0]].map((function(e){return nr.parse(e)})):t.map((function(e){return nr.parse(e)})),Ti.set(e,n),n}},{key:"scale",value:function(t,n,r){var i=e.parseStyle(t);return[i[0].toPx(n).value,i[1].toPx(r).value,i[2].value]}},{key:"toPx",value:function(t,n,r){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=e.parseStyle(t),o=k()(a,3),s=o[0],c=o[1],l=o[2];return s=s.toPx(n),c=c.toPx(r),l=l.toPx(i),"".concat(s," ").concat(c," ").concat(l)}}]),e}();function Di(e,t,n,r,i,a,o,s){var c=((o-i)*(t-a)-(s-a)*(e-i))/((s-a)*(n-e)-(o-i)*(r-t)),l=((n-e)*(t-a)-(r-t)*(e-i))/((s-a)*(n-e)-(o-i)*(r-t));return 0<=c&&c<=1&&0<=l&&l<=1}function Ii(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,r=!1,i=e.length;return e.forEach((function(a,o){var s=k()(a,2),c=s[0],l=s[1],u=k()(e[(o+1)%i],2),h=u[0],p=u[1];(l>=n&&p<n||l<n&&p>=n)&&t<(h-c)*(n-l)/(p-l)+c&&(r=!r)})),r}function Mi(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0,i=arguments.length>4?arguments[4]:void 0,a=e.length;return e.some((function(o,s){var c=k()(o,2),l=c[0],u=c[1],h=k()(e[(s+1)%a],2),p=h[0],d=h[1];return Di(t,n,r,i,l,u,p,d)}))}function Li(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=e.length;return e.some((function(r,i){var a=k()(r,2),o=a[0],s=a[1],c=k()(e[(i+1)%n],2),l=c[0],u=c[1],h=Mi(t,o,s,l,u);return!!h||!!(h=Ii(e,t[0][0],t[0][1]))}))}function Ri(e,t,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"50% 50% 0px",a=Vi.scale(i,n,r);return[[e,t,0],[e+n,t,0],[e+n,t+r,0],[e,t+r,0],[e+a[0],t+a[1],0]]}function Ai(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=D.d.lerp([],e[0],e[1],.5),r=D.d.lerp([],e[2],e[3],.5),i=H(r,n,t);return i}function zi(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=Number.MAX_SAFE_INTEGER,n=Number.MAX_SAFE_INTEGER,r=Number.MIN_SAFE_INTEGER,i=Number.MIN_SAFE_INTEGER,a=[],o=[];return e.forEach((function(e){e.verties().forEach((function(e){a.push(e[0]),o.push(e[1])}))})),t=Math.min.apply(Math,a),r=Math.max.apply(Math,a),n=Math.min.apply(Math,o),i=Math.max.apply(Math,o),t===Number.MAX_SAFE_INTEGER&&(t=0),n===Number.MAX_SAFE_INTEGER&&(n=0),r===Number.MIN_SAFE_INTEGER&&(r=0),i===Number.MIN_SAFE_INTEGER&&(i=0),Ri(t,n,r-t,i-n)}function Fi(e){var t=nr.px(e[0][0]).floor(),n=nr.px(e[0][1]).floor();return{x:t,left:t,y:n,top:n,width:nr.px(D.d.dist(e[0],e[1])).floor(),height:nr.px(D.d.dist(e[0],e[3])).floor()}}function Bi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Gi(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Bi(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Bi(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Hi=function(){function e(){var t=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return zn()(this,e),this.ref=new Proxy(this,{get:function(e,t){var n=e[t];return st(n)?function(){for(var t=arguments.length,r=new Array(t),i=0;i<t;i++)r[i]=arguments[i];return n.apply(e,r)}:n||e.json[t]},set:function(e,n,r){if(!t.checkField(n,r))throw new Error("".concat(r," is invalid as ").concat(n," property value."));var i=e.json[n]!=r;return e.json[n]=r,i&&t.changed(),!0}}),n instanceof e&&(n=n.toJSON()),this.json=this.convert(Object.assign(this.getDefaultObject(),n)),this.ref}return Bn()(e,[{key:"getDefaultTitle",value:function(){return"Item"}},{key:"getIcon",value:function(){return""}},{key:"isAttribute",value:function(){return!1}},{key:"isChanged",value:function(e){return this.json.timestamp!=Number(e)}},{key:"changed",value:function(){this.json.timestamp=this.json._timestamp+performance.now()}},{key:"setParent",value:function(e){this.json.parent=e}},{key:"getInnerId",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.json.id+e}},{key:"recover",value:function(){}},{key:"setCache",value:function(){}},{key:"is",value:function(e){return!!this.json&&e===this.json.itemType}},{key:"isNot",value:function(e){return!1===this.is(e)}},{key:"isSVG",value:function(){return!1}},{key:"generateListNumber",value:function(){this.layers.forEach((function(e,t){e.no=t,e.generateListNumber()}))}},{key:"convert",value:function(e){var t=this;return e.layers&&e.layers.forEach((function(e){e.parent=t.ref})),e}},{key:"checkField",value:function(e,t){return!0}},{key:"toCloneObject",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=this.attrs("itemType","elementType","type","visible","lock","selected");return e&&(t.layers=this.json.layers.map((function(t){return t.clone(e)}))),t}},{key:"clone",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=this.constructor,n=new t(this.toCloneObject(e));return n.setParent(this.json.parent),n}},{key:"reset",value:function(e){this.json=this.convert(Object.assign(this.json,e)),this.changed()}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=ae();return Gi({id:t,_timestamp:Date.now(),_time:performance.now(),visible:!0,lock:!1,selected:!1,layers:[]},e)}},{key:"attrs",value:function(){for(var e=this,t={},n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return r.forEach((function(n){t[n]=ht(e.json[n])})),t}},{key:"hasChildren",value:function(){return this.layers.length>0}},{key:"appendChildItem",value:function(e){return e.parent===this.ref?e:(this.resetMatrix(e),e.parent&&e.remove(),e.setParent(this.ref),this.json.layers.push(e),this.project.addIndexItem(e),e)}},{key:"prependChildItem",value:function(e){return this.resetMatrix(e),e.parent&&e.remove(),e.setParent(this.ref),this.json.layers.unshift(e),this.project.addIndexItem(e),e}},{key:"resetMatrix",value:function(e){}},{key:"insertChildItem",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return this.resetMatrix(e),e.parent&&e.remove(),e.setParent(this.ref),this.json.layers.splice(t,0,e),this.project.addIndexItem(e),e}},{key:"appendAfter",value:function(e){var t=this.parent.findIndex(this);return this.parent.insertChildItem(e,t),this.project.addIndexItem(e),e}},{key:"appendBefore",value:function(e){var t=this.parent.findIndex(this);return this.parent.insertChildItem(e,t-1),this.project.addIndexItem(e),e}},{key:"setPositionInPlace",value:function(e,t){this.layers.splice(e,0,t)}},{key:"toggle",value:function(e,t){et(t)?this.json[e]=!this.json[e]:this.json[e]=!!t}},{key:"isTreeItemHide",value:function(){var e=this.parent,t=[];do{if(e.is("project"))break;t.push(Boolean(e.collapsed)),e=e.parent}while(e);return Boolean(t.filter(Boolean).length)}},{key:"expectJSON",value:function(e){return"parent"!==e&&!et(this.json[e])}},{key:"toJSON",value:function(){var e=this,t=this.json,n={};return Object.keys(t).filter((function(t){return e.expectJSON(t)})).forEach((function(e){n[e]=t[e]})),n}},{key:"resize",value:function(){}},{key:"copy",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return this.json.parent.copyItem(this.ref,e)}},{key:"findIndex",value:function(e){return this.json.layers.indexOf(e.ref)}},{key:"copyItem",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=e.clone();n.move([t,t,0]);var r=this.findIndex(e);return r>-1&&(this.json.layers.splice(r+1,0,n),this.project.addIndexItem(n)),n}},{key:"remove",value:function(){this.json.parent.removeItem(this.ref),this.project.removeIndexItem(this.ref)}},{key:"removeItem",value:function(e){var t=this.findIndex(e);t>-1&&this.json.layers.splice(t,1)}},{key:"hasParent",value:function(e){var t=this.json.parent.id===e;return t||!1!==this.json.parent.is("project")?t:this.json.parent.hasParent(e)}},{key:"searchById",value:function(e){if(this.id===e)return t.addIndexItem(this.ref),this.ref;for(var t=this.project,n=0,r=this.layers.length;n<r;n++){var i=this.layers[n];if(i.id===e)return t.addIndexItem(i),i;var a=i.searchById(e);if(a)return a}return null}},{key:"title",get:function(){return this.json.name||this.getDefaultTitle()}},{key:"allLayers",get:function(){return function e(t){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,e(t))})),n.push(t),n}(this.ref)}},{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:"depth",get:function(){return this.parent?this.parent.depth+1:1}},{key:"top",get:function(){if(!this.parent)return this.ref;var e=this.parent;do{if(!e.parent)return e;e=e.parent}while(e)}},{key:"project",get:function(){return this.path.find((function(e){return e.is("project")}))}},{key:"artboard",get:function(){return this.path.find((function(e){return e.is("artboard")}))}},{key:"path",get:function(){if(!this.parent)return[this.ref];var e=this.parent.path;return e.push(this.ref),e}},{key:"positionInParent",get:function(){if(!this.parent)return-1;for(var e=this.parent.layers,t=-1,n=0,r=e.length;n<r;n++)if(e[n]===this.ref){t=n;break}return t}}]),e}();function Ni(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Xi(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ni(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ni(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Yi=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Xi({selected:!1,layers:[]},e)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return bt(this.toCSS())}}]),t}(Hi),_i=new Map,Ki=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"has",value:function(e){return _i.has(e)}},{key:"get",value:function(e){return _i.get(e)}},{key:"set",value:function(e,t){_i.size>1e3&&_i.clear(),_i.set(e,t)}}]),e}();function Wi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Ui=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)|matrix(3d)?|perspective)\(([^\)]*)\))/gi,Zi=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return{itemType:"transform",value:[]}}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Wi(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Wi(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},this.attrs("itemType","type","value"))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value.join(", ")||"",")")}},{key:"hasNumberValue",value:function(){var e=this.json.type;return e.includes("matrix")||e.includes("scale")}}],[{key:"join",value:function(e){var n=e.filter((function(e){return"perspective"===e.type})),r=e.filter((function(e){return"matrix3d"===e.type})),i=e.filter((function(e){return"perspective"!==e.type&&"matrix3d"!==e.type}));return[].concat(j()(n),j()(i),j()(r)).map((function(e){return new t(e).toString()})).join(" ")}},{key:"parse",value:function(e){return new t(e)}},{key:"remove",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return it(n)&&(n=[n]),t.filter(e,(function(e){return!1===n.includes(e.type)}))}},{key:"filter",value:function(e,n){return t.join(t.parseStyle(e,!1).filter((function(e){return n(e)})))}},{key:"replace",value:function(e,n){var r=t.parseStyle(e,!1),i=r.find((function(e){return e.type===n.type}));return i?i.value=n.value:r.push(n),t.join(r)}},{key:"replaceAll",value:function(e,n){for(var r=t.parseStyle(e,!1),i=t.parseStyle(n),a=0,o=i.length;a<o;a++){var s=i[a],c=r.find((function(e){return e.type===s.type}));c?c.value=s.value:r.push(s)}return t.join(r)}},{key:"addTransform",value:function(e,n){for(var r=t.parseStyle(e,!1),i=t.parseStyle(n),a=0,o=i.length;a<o;a++){var s=i[a],c=r.find((function(e){return e.type===s.type}));c?s.value.forEach((function(e,t){c.value[t].value+=e.value})):r.push(s)}return t.join(r)}},{key:"get",value:function(e,n){var r=t.parseStyle(e);if(r=st(n)?r.find(n):r.find((function(e){return e.type===n})))return r.value}},{key:"createRotateKey",value:function(e,t,n){return"".concat(e,":::").concat(n,"(").concat(t,")")}},{key:"rotate",value:function(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rotate",i=t.createRotateKey(e,n,r);return Ki.has(i)?Ki.get(i):(Ki.set(i,t.replace(e,{type:r,value:[n]})),Ki.get(i))}},{key:"rotateZ",value:function(e,n){return t.rotate(e,n,"rotateZ")}},{key:"rotateX",value:function(e,n){return t.rotate(e,n,"rotateX")}},{key:"rotateY",value:function(e,n){return t.rotate(e,n,"rotateY")}},{key:"parseStyle",value:function(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!e)return r;if(n&&Ki.has(e))return Ki.get(e);var i=e.match(Ui)||[];return i.forEach((function(e,n){var i=e.split("("),a=k()(i,2),o=a[0],s=a[1],c=(s=s.split(")")[0]).split(",");c=s.includes("matrix")||s.includes("scale")?c.map((function(e){return nr.number(e.trim())})):c.map((function(e){return nr.parse(e.trim())})),r[n]=t.parse({type:o,value:c})})),n&&Ki.set(e,r),r}},{key:"createTransformMatrix",value:function(e,t,n){for(var r=D.a.create(),i=0,a=e.length;i<a;i++){var o=e[i];switch(o.type){case"translate":case"translateX":case"translateY":case"translateZ":var s=o.value;"translate"===o.type?s=[s[0].toPx(t).value,s[1].toPx(n).value,0]:"translateX"===o.type?s=[s[0].toPx(t).value,0,0]:"translateY"===o.type?s=[0,s[0].toPx(n).value,0]:"translateZ"===o.type&&(s=[0,0,s[0].toPx().value]),D.a.translate(r,r,s);break;case"rotate":case"rotateZ":D.a.rotateZ(r,r,L(o.value[0].value));break;case"rotateX":D.a.rotateX(r,r,L(o.value[0].value));break;case"rotateY":D.a.rotateY(r,r,L(o.value[0].value));break;case"rotate3d":s=o.value;D.a.rotate(r,r,L(o.value[3].value),[s[0].value,s[1].value,s[2].value]);break;case"scale":D.a.scale(r,r,[o.value[0].value,o.value[1].value,1]);break;case"scaleX":D.a.scale(r,r,[o.value[0].value,1,1]);break;case"scaleY":D.a.scale(r,r,[1,o.value[0].value,1]);break;case"scaleZ":D.a.scale(r,r,[1,1,o.value[0].value]);break;case"matrix":s=[(s=o.value)[0].value,s[1].value,0,0,s[2].value,s[3].value,0,0,0,0,1,0,s[4].value,s[5].value,0,1],D.a.multiply(r,r,s);break;case"matrix3d":s=o.value.map((function(e){return e.value}));D.a.multiply(r,r,s)}}return r}},{key:"fromScale",value:function(e){if(1===e[0]&&1===e[1])return"";var t=[];return 1!=e[0]&&t.push("scaleX(".concat(e[0],")")),1!=e[1]&&t.push("scaleY(".concat(e[1],")")),1!=e[2]&&t.push("scaleZ(".concat(e[2],")")),t.join(" ")}}]),t}(Yi),qi=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"isEqual",value:function(t,n,r){return 2===arguments.length?t.x===n.x&&t.y===n.y:3===arguments.length?e.isEqual(t,n)&&e.isEqual(n,r):void 0}},{key:"isFirst",value:function(e){return e&&"M"==e.command}},{key:"DouglasPeuker",value:function(t,n,r,i){if(!(i<=r+1)){for(var a=0,o=r,s=t*t,c=n[r],l=n[i],u=r+1;u<i;u++){var h=e.segmentDistance2(n[u].x,n[u].y,c,l);h<=a||(o=u,a=h)}a>s&&(n[o].mark=!0,e.DouglasPeuker(t,n,r,o),e.DouglasPeuker(t,n,o,i))}}},{key:"simply",value:function(t,n){return t.length<=2?t:((t=ht(t))[0].mark=!0,t[t.length-1].mark=!0,e.DouglasPeuker(n,t,0,t.length-1),t.filter((function(e){return Boolean(e.mark)})))}},{key:"segmentDistance2",value:function(e,t,n,r){var i=r.x-n.x,a=r.y-n.y,o=i*i+a*a,s=e-n.x,c=t-n.y,l=i*s+a*c;if(0===o)return s*s+c*c;if(l<=0)return s*s+c*c;if(l>=o)return(s=e-r.x)*s+(c=t-r.y)*c;var u=s*a-c*i;return u*u/o}},{key:"isInLine",value:function(e,t,n){return e.x===n.x?t.x===n.x:e.y===n.y?t.y===n.y:(e.x-n.x)*(e.y-n.y)==(n.x-t.x)*(n.y-t.y)}},{key:"isLine",value:function(t){return e.isInLine(t.endPoint,t.startPoint,t,reversePoint)}},{key:"getReversePoint",value:function(e,t){var n=e.x-t.x,r=e.y-t.y;return{x:e.x+n,y:e.y+r}}},{key:"getIndexPoint",value:function(e,t){return e[t]}},{key:"getPoint",value:function(t,n){return t.filter((function(t){return e.isEqual(t.startPoint,n)}))[0]}},{key:"getIndex",value:function(t,n){for(var r=-1,i=0,a=t.length;i<a;i++){var o=t[i];if(e.isEqual(o.startPoint,n)){r=i;break}}return r}},{key:"getPointIndex",value:function(t,n){for(var r=-1,i=0,a=t.length;i<a;i++){var o=t[i];if(e.isEqual(o,n)){r=i;break}}return r}},{key:"getLastPoint",value:function(e,t){if(!e.length)return null;for(var n=-1,r=t+1,i=e.length;r<i;r++)if("M"===e[r].command){n=r-1;break}-1==n&&(n=e.length-1),e[n]&&"Z"===e[n].command&&(n-=1);var a=e[n];return a&&(a.index=n),a}},{key:"getFirstPoint",value:function(e,t){for(var n=-1,r=t-1;r>0;r--)if("M"===e[r].command){n=r;break}-1===n&&(n=0);var i=e[n];return i&&(i.index=n),i}},{key:"getConnectedPoint",value:function(e,t){}},{key:"getPrevPoint",value:function(t,n){var r=n-1;if(r<0)return e.getLastPoint(t,n);var i=t[r];return i&&(i.index=r),i}},{key:"getNextPoint",value:function(t,n){var r=t[n],i=t[n+1];return i&&(i.index=n+1),r.connected&&(i=e.getFirstPoint(t,n)),i}},{key:"removePoint",value:function(e,t,n){if("startPoint"===n)return e.filter((function(e,n){return n!==t}))}},{key:"splitPoints",value:function(t){var n=[],r=[];return t.forEach((function(t){e.isFirst(t)?(r=[t],n.push(r)):r.push(t)})),n}},{key:"recoverPoints",value:function(e){var t=[];return e.forEach((function(e){e.forEach((function(e,t){0===t&&(e.command="M",e.originalCommand="M")})),t.push.apply(t,e)})),t.forEach((function(e,t){e.index=t})),t}}]),e}(),Ji=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Qi=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,ea=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";zn()(this,e),this.reset(t)}return Bn()(e,[{key:"reset",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.pathString=e,this.parse()}},{key:"resetSegments",value:function(e){this.segments=e||[],this.pathString=this.joinPath()}},{key:"trim",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.match(Qi)||[];return t.filter((function(e){return""!=e}))}},{key:"parse",value:function(){var e=this,t=this.pathString.match(Ji)||[];this.segments=t.map((function(t){var n=t[0];return{command:n,values:e.trim(t.replace(n,"")).map((function(e){return+e}))}})),this.segments=this.segments.map((function(t,n){switch(t.command){case"c":case"m":case"l":case"q":case"s":case"t":case"v":case"h":for(var r=e.segments[n-1],i=r.values[r.values.length-2],a=r.values[r.values.length-1],o=0,s=t.values.length;o<s;o+=2)t.values[o]+=i,t.values[o+1]+=a;return{command:t.command.toUpperCase(),values:j()(t.values)};default:return t}}))}},{key:"convertGenerator",value:function(){for(var e=[],t=0,n=this.segments.length;t<n;t++){var r=this.segments[t],i=this.segments[t+1],a=r.command,o=r.values;if("M"===a){var s=k()(o,2),c=s[0],l=s[1];e.push({command:a,originalCommand:a,startPoint:{x:c,y:l},endPoint:{x:c,y:l},reversePoint:{x:c,y:l},curve:!1})}else if("L"===a){if((S=qi.getPrevPoint(e,e.length)).curve){var u=k()(o,2);c=u[0],l=u[1];e.push({command:a,originalCommand:a,startPoint:{x:c,y:l},endPoint:{x:c,y:l},reversePoint:ht(S.endPoint),curve:!0})}else{var h=k()(o,2);c=h[0],l=h[1];e.push({command:a,originalCommand:a,startPoint:{x:c,y:l},endPoint:{x:c,y:l},reversePoint:{x:c,y:l},curve:!1})}}else if("Q"===a){var p=k()(o,4),d=p[0],f=p[1];c=p[2],l=p[3];if((S=qi.getPrevPoint(e,e.length)).curve){var v={x:c,y:l},y={x:c,y:l},g={x:c,y:l};e.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1}),S.endPoint={x:d,y:f}}else if(i&&"L"===i.command){S.curve=!0,S.endPoint={x:d,y:f};v={x:c,y:l},g={x:c,y:l},y={x:c,y:l};e.push({command:"L",originalCommand:a,curve:!1,startPoint:v,endPoint:y,reversePoint:g})}else{v={x:c,y:l},g={x:d,y:f},y={x:c,y:l};e.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g})}}else if("T"===a){var m=k()(o,2);c=m[0],l=m[1];if(($=segments[t-1])&&"Q"===$.command){var b=k()($.values,4),x=(d=b[0],f=b[1],b[2]),w=b[3];(S=qi.getPrevPoint(e,e.length)).endPoint=qi.getReversePoint({x:x,y:w},{x:d,y:f});v={x:c,y:l},y={x:c,y:l},g={x:c,y:l};e.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("C"===a){var S=qi.getPrevPoint(e,e.length),P=k()(o,6),j=(d=P[0],f=P[1],P[2]),O=P[3];v={x:c=P[4],y:l=P[5]},g={x:j,y:O},y={x:c,y:l};e.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g}),S&&(S.curve=!0,S.endPoint={x:d,y:f})}else if("S"===a){var $,C=k()(o,2);c=C[0],l=C[1];if(($=segments[t-1])&&"C"===$.command){var E=k()($.values,4);j=E[0],O=E[1],x=E[2],w=E[3];(S=qi.getPrevPoint(e,e.length)).endPoint=qi.getReversePoint(S.startPoint,S.reversePoint);v={x:c,y:l},y={x:c,y:l},g={x:j,y:O};e.push({command:"Q",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("Z"===a){S=qi.getPrevPoint(e,e.length);var T=qi.getFirstPoint(e,e.length);qi.isEqual(S.startPoint,T.startPoint)&&(S.connected=!0,S.endPoint=ht(T.endPoint),T.reversePoint=ht(S.reversePoint)),S.close=!0}}return e=e.filter((function(e){return!!e}))}},{key:"length",value:function(){return this.segments.length}},{key:"setSegments",value:function(e,t){this.segments[e]=t}},{key:"getSegments",value:function(e){return tt(e)?this.segments[e]:this.segments}},{key:"joinPath",value:function(e){return(e||this.segments).map((function(e){return"".concat(e.command," ").concat(e.values.length?e.values.join(" "):"")})).join("")}},{key:"each",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=this.segments.map((function(n,r){return e.call(t,n,r)}));if(n)return r;this.segments=r}},{key:"_loop",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.each((function(t){var n=t.values;switch(t.command){case"M":case"L":var r=e(n,0);t.values=[r[0],r[1]];break;case"V":r=e([+n[0],0]);t.values=[r[0]];break;case"H":r=e([0,+n[0]]);t.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var i=0,a=n.length;i<a;i+=2){r=e(n,i);t.values[i]=r[0],t.values[i+1]=r[1]}}return t}),t)}},{key:"clone",value:function(){return new e(this.joinPath())}},{key:"translate",value:function(e,t){return this.transformMat4(D.a.fromTranslation([],[e,t,0])),this}},{key:"translateTo",value:function(e,t){return this.joinPath(this.transformMat4(D.a.fromTranslation([],[e,t,0]),!0))}},{key:"scale",value:function(e,t){return this.transformMat4(D.a.fromScaling([],[e,t,1])),this}},{key:"scaleTo",value:function(e,t){return this.joinPath(this.transformMat4(D.a.fromScaling([],[e,t,1]),!0))}},{key:"rotate",value:function(e,t,n){return this.transformMat4(D.a.fromRotation([],L(e),[t||0,n||0,0])),this}},{key:"rotateTo",value:function(e){return this.joinPath(this.transformMat4(D.a.fromRotation([],L(e),[centerX||0,centerY||0,0]),!0))}},{key:"reflectionOrigin",value:function(){return this.transformMat4(D.a.fromScaling([],[-1,-1,0])),this}},{key:"reflectionOriginTo",value:function(){return this.joinPath(this.transformMat4(D.a.fromScaling([],[-1,-1,0]),!0))}},{key:"flipX",value:function(){return this.transformMat4(D.a.fromScaling([],[1,-1,0])),this}},{key:"flipXTo",value:function(){return this.joinPath(this.transformMat4(D.a.fromScaling([],[1,-1,0]),!0))}},{key:"flipY",value:function(){return this.transformMat4(D.a.fromScaling([],[-1,1,0])),this}},{key:"flipYTo",value:function(){return this.joinPath(this.transformMat4(D.a.fromScaling([],[-1,1,0]),!0))}},{key:"skewX",value:function(e){return this.transformMat4(D.a.fromValues(1,Math.tan(L(e)),0,0,0,1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewXTo",value:function(e){return this.joinPath(this.transformMat4(D.a.fromValues(1,Math.tan(L(e)),0,0,0,1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"skewY",value:function(e){return this.transformMat4(D.a.fromValues(1,0,0,0,Math.tan(L(e)),1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewYTo",value:function(e){return this.joinPath(this.transformMat4(D.a.fromValues(1,0,0,0,Math.tan(L(e)),1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"normalize",value:function(){}},{key:"getBBox",value:function(){var e=Number.MAX_SAFE_INTEGER,t=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER,r=Number.MIN_SAFE_INTEGER;return this.each((function(i,a){var o,s,c,l=i.values,u=i.command,h=this.segments[a-1];switch(u){case"M":case"L":e=Math.min(e,l[0]),n=Math.max(n,l[0]),t=Math.min(t,l[1]),r=Math.max(r,l[1]);break;case"V":e=Math.min(e,l[0]),n=Math.max(n,l[0]);break;case"H":t=Math.min(t,l[1]),r=Math.max(r,l[1]);break;case"C":(o=[[h.values[h.values.length-2],h.values[h.values.length-1],0],[l[0],l[1],0],[l[2],l[3],0],[l[4],l[5],0]],s=Ye(o),c=o.map((function(e){return{x:e[0],y:e[1]}})),s.map((function(e){var t=Fe(c,e);return[t.x,t.y,0]}))).forEach((function(i){e=Math.min(e,i[0]),n=Math.max(n,i[0]),t=Math.min(t,i[1]),r=Math.max(r,i[1])}));break;case"Q":for(var p=[[h.values[h.values.length-2],h.values[h.values.length-1],0],[l[0],l[1],0],[l[2],l[3],0]].map((function(e){return{x:e[0],y:e[1]}})),d=0;d<=1;d+=1e-4){var f=Be(p,d),v=f.x,y=f.y;e=Math.min(e,v),n=Math.max(n,v),t=Math.min(t,y),r=Math.max(r,y)}}return i})),[[e,t,0],[n,t,0],[n,r,0],[e,r,0]]}},{key:"toString",value:function(){return this.joinPath()}},{key:"transformMat4",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.each((function(t){var n=t.values;switch(t.command){case"M":case"L":var r=D.d.transformMat4([],[n[0],n[1],0],e);t.values=[r[0],r[1]];break;case"V":r=D.d.transformMat4([],[+n[0],0,0],e);t.values=[r[0]];break;case"H":r=D.d.transformMat4([],[0,+n[0],0],e);t.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var i=0,a=n.length;i<a;i+=2){r=D.d.transformMat4([],[n[i],n[i+1],0],e);t.values[i]=r[0],t.values[i+1]=r[1]}}return t}),t)}},{key:"invert",value:function(e){this.transformMat4(D.a.invert([],e))}},{key:"round",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return this.each((function(t){return t.values=t.values.map((function(t){return M(t,e)})),t})),this}},{key:"reverseSegments",value:function(e){for(var t=[],n=e.length-1,r=n;r>0;r--){var i=e[r],a=i.values,o=i.command,s=e[r-1],c=s.values[s.values.length-2],l=s.values[s.values.length-1];switch(o){case"L":r===n&&t.push({command:"M",values:[a[0],a[1]]}),t.push({command:"L",values:[c,l]});break;case"C":r===n&&t.push({command:"M",values:[a[4],a[5]]}),t.push({command:"C",values:[a[2],a[3],a[0],a[1],c,l]});break;case"Q":r===n&&t.push({command:"M",values:[a[2],a[3]]}),t.push({command:"Q",values:[a[0],a[1],c,l]});break;case"Z":t.push(i),n=r-1}}return"Z"===t[0].command&&t.push(t.shift()),t}},{key:"splitSegments",value:function(){var e=[],t=[];return this.segments.forEach((function(n){"M"===n.command?(t=[n],e.push(t)):t.push(n)})),e}},{key:"reverse",value:function(){var e=this,t=this.splitSegments(),n=[];t.forEach((function(t){n.push.apply(n,e.reverseSegments(t))})),this.segments=n}},{key:"d",get:function(){return this.toString()}},{key:"verties",get:function(){var e=[],t=[];return this.each((function(n){var r=n.values;switch(n.command){case"M":case"L":e.push([].concat(j()(n.values),[0]));break;case"V":e.push([r[0],t.pop(),0]);break;case"H":t.pop(),e.push([t.pop(),r[0],0]);break;case"C":case"S":case"T":case"Q":for(var i=0,a=r.length;i<a;i+=2)e.push([r[i],r[i+1],0])}t=r})),e}}]),e}();function ta(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function na(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ta(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ta(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ra=nr.z(),ia=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return na({},si()(Xn()(t.prototype),"toCloneObject",this).call(this,e),{},this.attrs("x","y","width","height"))}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).x=nr.parse(e.x),e.y=nr.parse(e.y),e.width=nr.parse(e.width),e.height=nr.parse(e.height),e}},{key:"setScreenX",value:function(e){var t=0;this.isChild&&(t=this.json.parent.screenX.value),this.json.x.set(e-t),this.changed()}},{key:"setScreenY",value:function(e){var t=0;this.isChild&&(t=this.json.parent.screenY.value),this.json.y.set(e-t),this.changed()}},{key:"move",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0];this.reset({x:nr.px(this.offsetX.value+e[0]).round(),y:nr.px(this.offsetY.value+e[1]).round()})}},{key:"moveByCenter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0],t=this.matrix;this.reset({x:nr.px(e[0]-t.width/2),y:nr.px(e[1]-t.height/2)})}},{key:"checkInArea",value:function(e){return Li(e,this.verties())}},{key:"hasPoint",value:function(e,t){return Ii(this.verties(),e,t)}},{key:"isIncludeByArea",value:function(e){return 4===this.rectVerties().map((function(t){return Ii.apply(void 0,[e].concat(j()(t)))})).filter(Boolean).length}},{key:"getPerspectiveMatrix",value:function(){if(this.json.perspective||Zi.get(this.json.transform,"perspective")){var e=Vi.parseStyle(this.json["perspective-origin"]),t=k()(e,2),n=t[0],r=void 0===n?nr.percent(50):n,i=t[1],a=void 0===i?nr.percent(50):i,o=this.screenWidth.value,s=this.screenHeight.value;r=r.toPx(o).value,a=a.toPx(s).value;var c=D.a.create();D.a.translate(c,c,[r,a,0]);var l=Zi.get(this.json.transform,"perspective");if(l.length)D.a.multiply(c,c,D.a.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/l[0].value,1));else{if(!this.json.perspective||"none"==this.json.perspective)return;D.a.multiply(c,c,D.a.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/nr.parse(this.json.perspective).value,1))}return D.a.translate(c,c,[-r,-a,0]),c}}},{key:"getItemTransformMatrix",value:function(){var e=Zi.parseStyle(Zi.rotate(this.json.transform,this.json.rotate)),t=this.screenWidth.value,n=this.screenHeight.value;return Zi.createTransformMatrix(e,t,n)}},{key:"getItemTransformMatrixInverse",value:function(){return D.a.invert([],this.getItemTransformMatrix())}},{key:"getTransformMatrix",value:function(){var e=Vi.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value),t=D.a.create();return D.a.translate(t,t,e),D.a.multiply(t,t,this.getItemTransformMatrix()),D.a.translate(t,t,D.d.negate([],e)),t}},{key:"getTransformMatrixInverse",value:function(){return D.a.invert([],this.getTransformMatrix())}},{key:"getDirectionTransformMatrix",value:function(e,t,n){var r=this.offsetX.value,i=this.offsetY.value,a=D.d.add([],Vi.scale(this.json["transform-origin"]||"50% 50% 0px",t,n),D.d.negate([],e)),o=D.a.create();return D.a.translate(o,o,[r,i,0]),D.a.translate(o,o,e),D.a.translate(o,o,a),D.a.multiply(o,o,this.getItemTransformMatrix()),D.a.translate(o,o,D.d.negate([],a)),o}},{key:"getDirectionTopLeftMatrix",value:function(e,t){return this.getDirectionTransformMatrix([0,0,0],e,t)}},{key:"getDirectionLeftMatrix",value:function(e,t){return this.getDirectionTransformMatrix([0,t/2,0],e,t)}},{key:"getDirectionTopMatrix",value:function(e,t){return this.getDirectionTransformMatrix([e/2,0,0],e,t)}},{key:"getDirectionBottomLeftMatrix",value:function(e,t){return this.getDirectionTransformMatrix([0,t,0],e,t)}},{key:"getDirectionTopRightMatrix",value:function(e,t){return this.getDirectionTransformMatrix([e,0,0],e,t)}},{key:"getDirectionRightMatrix",value:function(e,t){return this.getDirectionTransformMatrix([e,t/2,0],e,t)}},{key:"getDirectionBottomRightMatrix",value:function(e,t){return this.getDirectionTransformMatrix([e,t,0],e,t)}},{key:"getDirectionBottomMatrix",value:function(e,t){return this.getDirectionTransformMatrix([e/2,t,0],e,t)}},{key:"getAccumulatedMatrix",value:function(){for(var e=D.a.create(),t=this.path.filter((function(e){return!1===e.is("project")})),n=0,r=t.length;n<r;n++){var i=t[n];if(i.parent&&st(i.parent.getPerspectiveMatrix)){var a=i.parent.getPerspectiveMatrix();a&&D.a.multiply(e,e,a)}var o=i.offsetX.value,s=i.offsetY.value;D.a.translate(e,e,[o,s,0]),D.a.multiply(e,e,i.getTransformMatrix())}return e}},{key:"getAccumulatedMatrixInverse",value:function(){return D.a.invert([],this.getAccumulatedMatrix())}},{key:"verties",value:function(e,t){return N(Ri(0,0,e||this.screenWidth.value,t||this.screenHeight.value,this.json["transform-origin"]),this.getAccumulatedMatrix())}},{key:"selectionVerties",value:function(){return N(Ri(-6,-6,this.screenWidth.value+12,this.screenHeight.value+12,this.json["transform-origin"]),this.getAccumulatedMatrix())}},{key:"rectVerties",value:function(){return this.verties().filter((function(e,t){return t<4}))}},{key:"guideVerties",value:function(){return this.verties()}},{key:"pathVerties",value:function(){return this.accumulatedPath().verties}},{key:"accumulatedPath",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e||this.json.d,n=new ea(t),r=this.getAccumulatedMatrix();return n.transformMat4(r),n}},{key:"invertPath",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=new ea(e);return t.transformMat4(this.getAccumulatedMatrixInverse()),t}},{key:"invertPathString",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.invertPath(e).d}},{key:"checkInAreaForAll",value:function(e){var t=j()(this.checkInAreaForLayers(e));return this.is("artboard")?t:this.is("project")?t:(this.checkInArea(e)&&t.push(this.ref),t)}},{key:"checkInAreaForLayers",value:function(e){var t=[];return this.layers.forEach((function(n){t.push.apply(t,n.checkInAreaForLayers(e)),n.checkInArea(e)&&t.push(n)})),t}},{key:"getTransformOriginMatrix",value:function(){return D.a.fromTranslation([],Vi.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value))}},{key:"getTransformOriginMatrixInverse",value:function(){return D.a.invert([],this.getTransformOriginMatrix())}},{key:"resetMatrix",value:function(e){var t=Q(this.getAccumulatedMatrixInverse(),e.getAccumulatedMatrix()),n=Zi.fromScale(D.a.getScaling([],t).map((function(e){return M(e,1e3)}))),r=D.a.getRotation([],t),i=[],a=D.b.getAxisAngle(i,r),o=[{angle:i[0]?A(a*i[0]):0,type:"rotateX"},{angle:i[1]?A(a*i[1]):0,type:"rotateY"},{angle:i[2]?A(a*i[2]):0,type:"rotateZ"}].filter((function(e){return 0!==e.angle})).map((function(e){return"".concat(e.type,"(").concat(nr.deg(e.angle%360).round(1e3),")")})).join(" "),s=Zi.replaceAll(e.transform,"".concat(n," ").concat(o)),c=Zi.parseStyle(s),l=e.screenWidth.value,u=e.screenHeight.value,h=Zi.createTransformMatrix(c,l,u),p=D.a.getTranslation([],Q(t,ee(e.getTransformOriginMatrix(),h,e.getTransformOriginMatrixInverse()))),d=k()(p,3),f=d[0],v=d[1];d[2];e.reset({x:nr.px(f),y:nr.px(v),transform:s})}},{key:"getIndex",value:function(){for(var e=this.json.parent.layers,t=-1,n=0,r=e.length;n<r;n++)if(e[n]===this.ref){t=n;break}return t}},{key:"setOrder",value:function(e){var t=this.json.parent,n=this.getIndex();n>-1&&(t.layers[n]=t.layers[e],t.layers[e]=this.ref)}},{key:"next",value:function(){if(this.isLast())return this.ref;var e=this.getIndex();return this.json.parent.layers[e+1]}},{key:"prev",value:function(){if(this.isFirst())return this.ref;var e=this.getIndex();return this.json.parent.layers[e-1]}},{key:"orderNext",value:function(){if(this.isLast()){if(this.json.parent.is("artboard"))return;this.json.parent.next().add(this,"prepend")}else{var e=this.getIndex();e>-1&&this.setOrder(e+1)}}},{key:"isFirst",value:function(){return 0===this.getIndex()}},{key:"isLast",value:function(){return this.getIndex()===this.json.parent.layers.length-1}},{key:"orderPrev",value:function(){if(this.isFirst()){if(this.json.parent.is("artboard"))return;this.json.parent.prev().add(this)}else{var e=this.getIndex();e>0&&this.setOrder(e-1)}}},{key:"orderFirst",value:function(){this.setOrder(0)}},{key:"orderLast",value:function(){this.setOrder(this.json.parent.layers.length-1)}},{key:"orderTop",value:function(){}},{key:"orderBottom",value:function(){}},{key:"isAbsolute",get:function(){return"absolute"===this.json.position}},{key:"isRelative",get:function(){return"relative"===this.json.position}},{key:"isChild",get:function(){if(this.json.parent&&(!1===this.json.parent.is("project")&&this.isAbsolute))return!0;return!1}},{key:"screenX",get:function(){return this.isChild?nr.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||nr.z()}},{key:"screenY",get:function(){return this.isChild?nr.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||nr.z()}},{key:"offsetX",get:function(){return this.parent?this.json.x.toPx(this.screenWidth.value):this.json.x||ra}},{key:"offsetY",get:function(){return this.parent?this.json.y.toPx(this.screenHeight.value):this.json.y||ra}},{key:"screenWidth",get:function(){return this.is("project")||!this.parent?ra:this.parent.is("project")?this.json.width.toPx():this.is("artboard")?this.json.width.toPx():this.json.width.toPx(this.parent.screenWidth.value)}},{key:"screenHeight",get:function(){return this.is("project")||!this.parent?ra:this.parent.is("project")?this.json.height.toPx():this.is("artboard")?this.json.height.toPx():this.json.height.toPx(this.parent.screenHeight.value)}},{key:"matrix",get:function(){var e=this.id,t=this.offsetX.value,n=this.offsetY.value,r=this.screenWidth.value,i=this.screenHeight.value,a=this.json.transform,o=this.json["transform-origin"]||"50% 50% 0%",s=this.parent&&st(this.parent.getAccumulatedMatrix)?this.parent.getAccumulatedMatrix():D.a.create(),c=D.a.invert([],s),l=this.getTransformMatrix(),u=this.getTransformMatrixInverse(),h=this.getItemTransformMatrix(),p=this.getItemTransformMatrixInverse(),d=this.getAccumulatedMatrix(),f=this.getAccumulatedMatrixInverse(),v={"to top left":this.getDirectionTopLeftMatrix(r,i),"to top":this.getDirectionTopMatrix(r,i),"to top right":this.getDirectionTopRightMatrix(r,i),"to right":this.getDirectionRightMatrix(r,i),"to bottom left":this.getDirectionBottomLeftMatrix(r,i),"to bottom":this.getDirectionBottomMatrix(r,i),"to bottom right":this.getDirectionBottomRightMatrix(r,i),"to left":this.getDirectionLeftMatrix(r,i)},y=this.verties(r,i),g=y.map((function(e){return e[0]})),m=y.map((function(e){return e[1]}));return{id:e,x:t,y:n,width:r,height:i,transform:a,originalTransformOrigin:o,verties:y,rectVerties:y.filter((function(e,t){return 4!=t})),xList:g,yList:m,directionMatrix:v,parentMatrix:s,parentMatrixInverse:c,localMatrix:l,localMatrixInverse:u,itemMatrix:h,itemMatrixInverse:p,accumulatedMatrix:d,accumulatedMatrixInverse:f}}}]),t}(Hi),aa=new(function(){function e(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];zn()(this,e),this.components={}}return Bn()(e,[{key:"registerComponent",value:function(e,t){this.components[e]=t}},{key:"getComponentClass",value:function(e){return this.components[e]||this.components.rect}},{key:"createComponent",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getComponentClass(e);if(!n)throw new Error("".concat(e," type is not valid."));return new n(t)}}]),e}());function oa(e,t){if(it(t)){var n=t.split(":"),r=k()(n,4),i=r[0],a=r[1],o=r[2],s=r[3];return 3600*(i=parseInt(i,10))+60*(a=parseInt(a,10))+(o=parseInt(o,10))+(s=parseInt(s,10))*(1/e)}return ct(t)?t/e:0}function sa(e,t){var n=Math.floor(t/3600),r=Math.floor(t/60%60),i=Math.floor(t%60),a=Math.round((t-Math.floor(t))*e);return a===e&&(a=0,60===(i+=1)&&60===(r+=1)&&(n+=1)),[n,r,i,a].map((function(e){return(e+"").padStart(2,"0")})).join(":")}function ca(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return sa(e,oa(e,t)-oa(e,n))}function la(e){var t={id:0,start:0,speed:e.speed||1,elapsed:e.elapsed||0,duration:e.duration||0,iterationStartCount:1,iterationCount:e.iterationCount||Number.MAX_SAFE_INTEGER,direction:e.direction||"normal",log:[],logIndex:0,tick:e.tick||function(){},startCallback:e.start||function(){},endCallback:e.end||function(){},firstCallback:e.first||function(){},lastCallback:e.last||function(){}},n=function(e){return"normal"===t.direction||"reverse"!==t.direction&&("alternate"===t.direction?t.iterationStartCount%2==1:"alternate-reverse"===t.direction?t.iterationStartCount%2==0:void 0)?e:1-e},r=function(e){var r=!1;null===t.start&&(t.start=e,r=!0);var o=e-t.start;t.elapsed+=o*t.speed,t.start=e,t.elapsed>t.duration&&(t.elapsed=t.duration);var s=n(t.elapsed/t.duration)*t.duration;r&&t.startCallback(s,t),t.log[t.logIndex++]={elapsed:s,dt:t.lastTime-s},t.lastTime=s,t.tick(s,t),t.elapsed===t.duration?a():i()},i=function(){t.id=requestAnimationFrame(r)},a=function(){t.endCallback(t.elapsed,t),t.iterationStartCount++,t.iterationStartCount>t.iterationCount?(t.lastCallback(t.elapsed,t),cancelAnimationFrame(t.id)):(t.start=null,t.elapsed=0,i())},o=function(e){t.elapsed=e,t.tick(t.elapsed,t)};return{play:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.start=null,t.iterationStartCount=1,t.log=[],t.lastTime=0,t.logIndex=0,ct(e.elapsed)&&(t.elapsed=e.elapsed),ct(e.speed)&&(t.speed=e.speed),ct(e.duration)&&(t.duration=e.duration),ct(e.iterationCount)&&(t.iterationCount=e.iterationCount||Number.MAX_SAFE_INTEGER),it(e.direction)&&(t.direction=e.direction),st(e.tick)&&(t.tick=e.tick),st(e.start)&&(t.startCallback=e.start),st(e.end)&&(t.endCallback=e.end),st(e.first)&&(t.firstCallback=e.first),st(e.last)&&(t.lastCallback=e.last),st(e.stop)&&(t.stopCallback=e.stop),t.firstCallback(t.elapsed,t),i()},stop:function(){t.stopCallback(t.elapsed,t),cancelAnimationFrame(t.id)},tick:r,first:function(e){o(0)},last:function(e){o(t.duration)},seek:o,timer:t}}function ua(e,t,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;return function(e,t){var a=0;return a=0===t?n:1===t?r:n+(r-n)*e,i?a+i:a}}function ha(e,t,n){return function(e,t){return n}}function pa(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"width",i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"parent",a=null;return"parent"===i?a=e[i][r]:"self"===i&&(a=e[r]),a?n.toPx(a.value):n}function da(e,t,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"width",a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"parent",o=null;return"parent"===a?o=e[a][i]:"self"===a&&(o=e[i]),o?n.to(r,o.value):n}function fa(e,t,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"width",a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"parent",o=nr.parse(n),s=nr.parse(r);return o.unit===s.unit?ua(e,t,o.value,s.value,o.unit):o.equals(s)?ha(0,0,o):function(n,r){var c=pa(e,t,o,i,a),l=pa(e,t,s,i,a);return 0===r?c:1===r?l:da(e,t,nr.px(c.value+(l.value-c.value)*n),o.unit,i,a)}}var va=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"parseStyle",value:function(e){var t={isAll:!0,"border-radius":nr.z(),"border-top-left-radius":nr.z(),"border-top-right-radius":nr.z(),"border-bottom-right-radius":nr.z(),"border-bottom-left-radius":nr.z()},n=e.split(" ").filter((function(e){return nr.parse(e)}));return 1===n.length?(t.isAll=!0,t["border-radius"]=n[0]):(t.isAll=!1,t["border-top-left-radius"]=n[0],t["border-top-right-radius"]=n[1],t["border-bottom-right-radius"]=n[2],t["border-bottom-left-radius"]=n[3]),t}}]),e}(),ya=function(e){return e.isAll?[e["border-radius"]||"0px",e["border-radius"]||"0px",e["border-radius"]||"0px",e["border-radius"]||"0px"]:[e["border-top-left-radius"]||"0px",e["border-top-right-radius"]||"0px",e["border-bottom-right-radius"]||"0px",e["border-bottom-left-radius"]||"0px"]};function ga(e,t,n,r){for(var i=ya(va.parseStyle(n)),a=ya(va.parseStyle(r)),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++)s[c]=fa(e,t,i[c],a[c]);return function(e,t){return s.map((function(n){return n(e,t)})).join(" ")}}function ma(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var ba=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:nr.z(),offsetY:nr.z(),blurRadius:nr.z(),spreadRadius:nr.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){this.json;return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ma(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ma(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("inset","offsetX","offsetY","blurRadius","spreadRadius","color"))}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).offsetX=nr.parse(e.offsetX),e.offsetY=nr.parse(e.offsetY),e.blurRadius=nr.parse(e.blurRadius),e.spreadRadius=nr.parse(e.spreadRadius),e}},{key:"toCSS",value:function(){return{"box-shadow":this.toString()}}},{key:"toString",value:function(){var e=this.json;return"".concat(e.inset?"inset ":"").concat(e.offsetX," ").concat(e.offsetY," ").concat(e.blurRadius," ").concat(e.spreadRadius," ").concat(e.color)}}],[{key:"parse",value:function(e){return new t(e)}},{key:"parseStyle",value:function(e){var n=[];if(!e)return n;var r=fn(e);return n=r.str.split(",").filter((function(e){return e.trim()})).map((function(e){var n=e.split(" "),i=n.filter((function(e){return"inset"===e})),a=n.filter((function(e){return e.includes("@")})).map((function(e){return yn(e,r.matches)})),o=n.filter((function(e){return"inset"!==e&&!e.includes("@")}));return t.parse({inset:!!i.length,color:a[0]||"rgba(0, 0, 0, 1)",offsetX:nr.parse(o[0]||"0px"),offsetY:nr.parse(o[1]||"0px"),blurRadius:nr.parse(o[2]||"0px"),spreadRadius:nr.parse(o[3]||"0px")})}))}},{key:"join",value:function(e){return e.map((function(e){return t.parse(e)})).join(", ")}}]),t}(Yi);function ka(e,t,n,r){return function(e,t){return 1===t?r:n}}function xa(e,t,n,r){var i=Mn.parse(n||"rgba(0, 0, 0, 1)"),a=Mn.parse(r||"rgba(0, 0, 0, 1)");return function(e,t){return 0===t?n:1===t?r:xn(i,a,e,"rgb")}}function wa(e,t,n,r){for(var i=ba.parseStyle(n),a=ba.parseStyle(r),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c]||ba.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],h=a[c]||ba.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];s.push({inset:ka(0,0,u.inset,h.inset),offsetX:fa(e,t,u.offsetX,h.offsetX),offsetY:fa(e,t,u.offsetY,h.offsetY),blurRadius:fa(e,t,u.blurRadius,h.blurRadius),spreadRadius:fa(e,t,u.spreadRadius,h.spreadRadius),color:xa(0,0,u.color,h.color)})}return function(e,t){return ba.join(s.map((function(n){return{inset:n.inset(e,t),offsetX:n.offsetX(e,t),offsetY:n.offsetY(e,t),blurRadius:n.blurRadius(e,t),spreadRadius:n.spreadRadius(e,t),color:n.color(e,t)}})))}}function Sa(e,t,n,r){return ka(0,0,n,r)}var Pa=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"end";return e=+e,function(n){var r=1/e;return"start"==t?r*Math.ceil(n/r):"end"==t?r*Math.floor(n/r):void 0}};function ja(){return Pa(1,"start")}function Oa(){return Pa(1,"end")}var $a=function(){return function(e){return Math.pow(2,-10*e)*Math.sin(5*(e-.1)*Math.PI)+1}},Ca={step:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"end";return Pa(e,t)},"step-start":ja,"step-end":Oa,stepStart:ja,stepEnd:Oa,"ease-out-elastic":$a,easeOutElastic:$a};function Ea(e,t,n,r){var i=nr.parse(n),a=nr.parse(r);return function(e,t){var n=i.value,r=a.value;return 0===t?nr.deg(n):1===t?nr.deg(r):nr.deg(n+(r-n)*e).to(i.unit)}}function Ta(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Va=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:nr.z(),offsetY:nr.z(),blurRadius:nr.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ta(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ta(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("offsetX","offsetY","blurRadius","color"))}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).offsetX=nr.parse(e.offsetX),e.offsetY=nr.parse(e.offsetY),e.blurRadius=nr.parse(e.blurRadius),e}},{key:"toCSS",value:function(){return{"text-shadow":this.toString()}}},{key:"toString",value:function(){var e=this.json;return"".concat(e.offsetX," ").concat(e.offsetY," ").concat(e.blurRadius," ").concat(e.color)}}],[{key:"parse",value:function(e){return new t(e)}},{key:"parseStyle",value:function(e){var n=fn(e);return n.str.split(",").filter((function(e){return e.trim()})).map((function(e){var r=e.split(" "),i=r.filter((function(e){return e.includes("@")})).map((function(e){return n.matches[+e.replace("@","")].color})),a=r.filter((function(e){return!e.includes("@")}));return t.parse({color:i[0]||"rgba(0, 0, 0, 1)",offsetX:nr.parse(a[0]||"0px"),offsetY:nr.parse(a[1]||"0px"),blurRadius:nr.parse(a[2]||"0px")})}))}},{key:"join",value:function(e){return e.map((function(e){return t.parse(e)})).join(", ")}}]),t}(Yi);function Da(e,t,n,r){for(var i=Va.parseStyle(n),a=Va.parseStyle(r),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c]||Va.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],h=a[c]||Va.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];s.push({offsetX:fa(e,t,u.offsetX,h.offsetX,"width","self"),offsetY:fa(e,t,u.offsetY,h.offsetY,"height","self"),blurRadius:fa(e,t,u.blurRadius,h.blurRadius,"radius"),color:xa(0,0,u.color,h.color)})}return function(e,t){return Va.join(s.map((function(n){return{offsetX:n.offsetX(e,t),offsetY:n.offsetY(e,t),blurRadius:n.blurRadius(e,t),color:n.color(e,t)}})))}}function Ia(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ma(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ia(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ia(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var La=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Ma({itemType:"image-resource",type:"image"},e))}},{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"}}]),t}(Yi);function Ra(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Aa(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ra(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ra(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var za=1e10;var Fa=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return{id:"c"+za++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return Aa({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("cut","percent","unit","px","em","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(e){var t=this.getUnit();return this.json[t]+=+e,this}},{key:"sub",value:function(e){var t=this.getUnit();return this.json[t]-=+e,this}},{key:"mul",value:function(e){var t=this.getUnit();return this.json[t]*=+e,this}},{key:"div",value:function(e){var t=this.getUnit();return this.json[t]/=+e,this}},{key:"mod",value:function(e){var t=this.getUnit();return this.json[t]%=+e,this}},{key:"toLength",value:function(e){return nr.parse(this.json)}},{key:"getPrevLength",value:function(){return this.json.prevColorStep?this.json.prevColorStep.toLength():""}},{key:"toString",value:function(){var e=this.json.cut?this.getPrevLength():"",t=this.json.color||"transparent";return"".concat(t," ").concat(e," ").concat(this.toLength())}},{key:"reset",value:function(e){si()(Xn()(t.prototype),"reset",this).call(this,e),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}}],[{key:"parse",value:function(e){var n=[],r=fn(e),i=r.str.split(" ").filter((function(e){return e.trim()})),a=+i[0].replace("@",""),o=r.matches[a].color;if(1===i.length)n.push(new t({color:o,unit:"%",percent:0,hasNotUnit:!0}));else if(2===i.length){var s=nr.parse(i[1]),c={unit:s.unit};s.isPercent()?c.percent=s.value:s.isPx()?c.px=s.value:s.isEm()&&(c.em=s.value),n.push(new t(Aa({color:o},c)))}else if(3===i.length){var l=nr.parse(i[2]),u={unit:l.unit};l.isPercent()?u.percent=l.value:l.isPx()?u.px=l.value:l.isEm()&&(u.em=l.value),n.push(new t(Aa({color:o,cut:!0},u)))}return n}},{key:"createColorStep",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"%",r=C(2,e),i=t/r,a=ft(r).map((function(e,t){return"".concat(Mn.random()," ").concat(t*i).concat(n)})).join(",");return a}},{key:"createRepeatColorStep",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:nr.px(1),n=C(2,e),r=ft(n).map((function(e,n){return"".concat(Mn.random()," ").concat(nr.parse(t).mul(n+1))})).join(",");return r}}]),t}(Hi);function Ba(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ga(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ba(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ba(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ha={"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},Na=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"isGradient",value:function(){return!0}},{key:"toString",value:function(){return"none"}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Ga({type:"gradient",colorsteps:[]},e))}},{key:"toCloneObject",value:function(){return Ga({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{colorsteps:this.json.colorsteps.map((function(e){return e.clone()}))})}},{key:"convert",value:function(e){return e.colorsteps=e.colorsteps.map((function(e){return new Fa(e)})),e}},{key:"calculateAngle",value:function(){var e=this.json.angle;return et(Ha[e])?e:Ha[e]||0}},{key:"addColorStep",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return this.json.colorsteps.push(e),t&&this.sortColorStep(),e}},{key:"insertColorStep",value:function(e){var t=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(e<r[0].percent)return r[0].index=1,void this.addColorStep(new Fa({index:0,color:r[0].color,percent:e}));var i=r.length-1;if(r[i].percent<e){var a=r[i].color,o=r[i].index+1;this.addColorStep(new Fa({index:o,color:a,percent:e}))}else for(var s=0,c=r.length-1;s<c;s++){var l=r[s],u=r[s+1];if(l.percent<=e&&e<=u.percent){a=Mn.mix(l.color,u.color,(e-l.percent)/(u.percent-l.percent),"rgb");return void this.addColorStep(new Fa({index:l.index+1,color:a,percent:e}))}}}else this.addColorStepList([new Fa({color:t,percent:e,index:0}),new Fa({color:n,percent:100,index:100})])}},{key:"sortColorStep",value:function(){var e=this.colorsteps;e.sort((function(e,t){return e.percent>t.percent?1:e.percent<t.percent?-1:e.percent==t.percent?e.index===t.index?0:e.index>t.index?1:-1:void 0})),e.forEach((function(e,t){e.index=100*t}))}},{key:"addColorStepList",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];t.forEach((function(t){e.addColorStep(t,!1)})),this.sortColorStep()}},{key:"getColorStep",value:function(e){return this.json.colorsteps.filter((function(t){return t.id==e}))[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(e){this.json.colorsteps=this.json.colorsteps.filter((function(t){return t.id!=e}))}},{key:"getColorString",value:function(){var e=this.colorsteps;return t.toColorString(e)}},{key:"colorsteps",get:function(){return this.json.colorsteps}}],[{key:"toColorString",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(!e.length)return"";var t=e.map((function(t,n){return t.prevColorStep=t.cut&&n>0?e[n-1]:null,t}));return 1===t.length&&t.push(new Fa({color:t[0].color||"transparent",percent:100})),t.map((function(e){return"".concat(e)})).join(",")}}]),t}(La);function Xa(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Ya=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Fa({color:"red",percent:0,index:0}),new Fa({color:"red",percent:100,index:0})]})}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Xa(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Xa(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{static:!0})}},{key:"toString",value:function(){var e=this.json.colorsteps[0].color;return"linear-gradient(to right, ".concat(e," 0%, ").concat(e," 100%)")}},{key:"isStatic",value:function(){return!0}}],[{key:"create",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new t({colorsteps:[new Fa({color:e,percent:0,index:0}),new Fa({color:e,percent:100,index:1})]})}}]),t}(Na);function _a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ka(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_a(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Wa=["jpg","jpeg","png","gif","svg"];var Ua=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Ka({type:"url",url:"",datauri:""},e))}},{key:"toCloneObject",value:function(){return Ka({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("url","datauri"))}},{key:"isUrl",value:function(){return!0}},{key:"toString",value:function(){var e=this.json;return"url(".concat(e.url,")")}}],[{key:"parse",value:function(e){return new t({url:e.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(e){return Wa.includes(e)}}]),t}(La);function Za(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function qa(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Za(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Za(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ja,Qa={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"},eo={"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"},to=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(e){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,qa({type:"linear-gradient",angle:0},e))}},{key:"toCloneObject",value:function(){return qa({},si()(Xn()(t.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 e=this.getColorString(),t="";return ct(t=this.json.angle||0)&&(t=Qa["".concat(t)]||t),ct(t)&&(t="".concat(t=t>360?t%360:t,"deg")),"".concat(this.json.type,"(").concat(t,", ").concat(e,")")}}],[{key:"toLinearGradient",value:function(e){return 0===e.length?"none":new t({angle:"to right",colorsteps:e})+""}},{key:"parse",value:function(e){var n=fn(e),r=0,i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(e){return e.trim()})).forEach((function(e,t){e.includes("@")?(e=yn(e,n.matches),i.push.apply(i,Fa.parse(e))):r=et(eo[e])?nr.parse(e):nr.deg(+eo[e])})),new t({angle:r.value,colorsteps:i})}}]),t}(Na),no=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}],[{key:"parse",value:function(e){var n=to.parse(e);return new t({angle:n.angle,colorsteps:n.colorsteps})}}]),t}(to);function ro(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function io(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ro(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ro(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ao,oo=(Ja={},m()(Ja,"center",!0),m()(Ja,"top",!0),m()(Ja,"left",!0),m()(Ja,"right",!0),m()(Ja,"bottom",!0),Ja),so=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,io({type:"radial-gradient",radialType:"ellipse",radialPosition:[er.CENTER,er.CENTER]},e))}},{key:"toCloneObject",value:function(){return io({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("radialType","radialPosition"))}},{key:"isRadial",value:function(){return!0}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var e,t=this.getColorString(),n=this.json,r=n.radialType,i=n.radialPosition||["center","center"];return e=(i=oo[i]?i:i.join(" "))?"".concat(r," at ").concat(i):r,"".concat(n.type||"radial-gradient","(").concat(e,", ").concat(t,")")}}],[{key:"parse",value:function(e){var n=fn(e),r="ellipse",i=[er.CENTER,er.CENTER],a=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(e){return e.trim()})).forEach((function(e,t){if(e.includes("@"))e=yn(e,n.matches),a.push.apply(a,Fa.parse(e));else{if(e.includes("at")){var o=e.split("at").map((function(e){return e.trim()})),s=k()(o,2);r=s[0],i=s[1]}else r=e;if(it(i)){var c=i.split(" ");if(1===c.length){var l=nr.parse(c[0]);i=l.isString()?[l.value,l.value]:[l.clone(),l.clone()]}else 2===c.length&&(i=c.map((function(e){var t=nr.parse(e);return t.isString()?t.value:t.clone()})))}}})),new t({radialType:r,radialPosition:i,colorsteps:a})}}]),t}(Na),co=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}],[{key:"parse",value:function(e){var n=so.parse(e);return new t({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}]),t}(so);function lo(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function uo(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?lo(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):lo(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ho=(ao={},m()(ao,"center",!0),m()(ao,"top",!0),m()(ao,"left",!0),m()(ao,"right",!0),m()(ao,"bottom",!0),ao),po={"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},fo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,uo({type:"conic-gradient",angle:0,radialPosition:[er.CENTER,er.CENTER]},e))}},{key:"toCloneObject",value:function(){return uo({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{angle:this.json.angle,radialPosition:ht(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 e=this.colorsteps;return e?(e.sort((function(e,t){return e.percent==t.percent?0:e.percent>t.percent?1:-1})),e.map((function(t,n){return t.prevColorStep=t.cut&&n>0?e[n-1]:null,t})).map((function(e){var t=Math.floor(3.6*e.percent),n="";if(e.cut&&e.prevColorStep){var r=Math.floor(3.6*e.prevColorStep.percent);n="".concat(r,"deg")}return"".concat(e.color," ").concat(n," ").concat(t,"deg")})).join(",")):""}},{key:"toString",value:function(){var e=this.getColorString(),t=[],n=this.json,r=n.angle,i=n.radialPosition||er.CENTER;i=ho[i]?i:i.join(" "),tt(r)&&(r=+(po[r]||r),t.push("from ".concat(r,"deg"))),i&&t.push("at ".concat(i));var a=t.length?t.join(" ")+",":"";return"".concat(n.type,"(").concat(a," ").concat(e,")")}}],[{key:"parse",value:function(e){var n=fn(e),r="0deg",i=[er.CENTER,er.CENTER],a=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(e){return e.trim()})).forEach((function(e,t){if(e.includes("@"))e=yn(e=e.split(" ").map((function(e){return e.trim()})).map((function(e){return e.includes("deg")?nr.parse(e).toPercent():e})).join(" "),n.matches),a.push.apply(a,Fa.parse(e));else{if(e.includes("at")){var o=e.split("at").map((function(e){return e.trim()})),s=k()(o,2);r=s[0],i=s[1]}else r=e;if(it(i)){var c=i.split(" ");if(1===c.length){var l=nr.parse(c[0]);i=l.isString()?[l.value,l.value]:[l.clone(),l.clone()]}else 2===c.length&&(i=c.map((function(e){var t=nr.parse(e);return t.isString()?t.value:t})))}it(r)&&r.includes("from")&&(r=r.split("from")[1],r=et(po[r])?nr.parse(r):nr.deg(+po[r]))}})),new t({angle:r.value,radialPosition:i,colorsteps:a})}}]),t}(Na),vo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[er.CENTER,er.CENTER]})}}],[{key:"parse",value:function(e){var n=fo.parse(e);return new t({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}]),t}(fo),yo=new Map,go=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"has",value:function(e){return yo.has(e)}},{key:"get",value:function(e){return yo.get(e)}},{key:"set",value:function(e,t){yo.size>1e3&&yo.clear(),yo.set(e,t)}}]),e}();function mo(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function bo(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mo(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mo(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ko,xo=["repeat","no-repeat","repeat-x","repeat-y","round","space"],wo=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,So=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"addImageResource",value:function(e){return this.clear("image-resource"),this.addItem("image-resource",e)}},{key:"addGradient",value:function(e){return this.addImageResource(e)}},{key:"setImageUrl",value:function(e){e.images&&e.images.length&&this.reset({type:"image",image:t.createImage(e.images[0])})}},{key:"setGradient",value:function(e){this.reset({type:e.type,image:t.createGradient(e,this.json.image)})}},{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:nr.percent(100),height:nr.percent(100),x:nr.percent(0),y:nr.percent(0)})}},{key:"toCloneObject",value:function(){var e=this.json;return bo({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("checked","blendMode","size","repeat","width","height","x","y"),{image:e.image.clone()})}},{key:"convert",value:function(e){return e.x=nr.parse(e.x),e.y=nr.parse(e.y),e.width&&(e.width=nr.parse(e.width)),e.height&&(e.height=nr.parse(e.height)),it(e.image)&&(e.image=t.parseImage(e.image)),e}},{key:"checkField",value:function(e,n){return"repeat"===e?xo.includes(n):si()(Xn()(t.prototype),"checkField",this).call(this,e,n)}},{key:"toBackgroundImageCSS",value:function(){return this.json.image?{"background-image":this.json.image.toString()}:{}}},{key:"toBackgroundPositionCSS",value:function(){var e=this.json;return{"background-position":"".concat(e.x," ").concat(e.y)}}},{key:"toBackgroundSizeCSS",value:function(){var e=this.json,t="auto";return"contain"==e.size||"cover"==e.size?t=e.size:e.width.isPercent()&&e.width.isPercent()&&100==+e.width&&100==+e.height||(t="".concat(e.width," ").concat(e.height)),{"background-size":t}}},{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 bo({},this.toBackgroundImageCSS(),{},this.toBackgroundPositionCSS(),{},this.toBackgroundSizeCSS(),{},this.toBackgroundRepeatCSS(),{},this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return Ze(this.toCSS(),(function(e,t){return"".concat(e,": ").concat(t)})).join(";")}},{key:"toBackgroundCSS",value:function(){var e=this.toCSS();return{background:"".concat(e["background-image"]," ")}}},{key:"image",get:function(){return this.json.image},set:function(e){this.json.image=e}}],[{key:"createImage",value:function(e){return new Ua({url:e})}},{key:"createGradient",value:function(e,t){var n=e.colorsteps||t.colorsteps,r=e.angle||t.angle,i=e.radialType||t.radialType,a=e.radialPosition||t.radialPosition,o=t.toJSON();switch(delete o.itemType,delete o.type,e.type){case"static-gradient":return new Ya(bo({},o,{colorsteps:n}));case"linear-gradient":return new to(bo({},o,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new no(bo({},o,{colorsteps:n,angle:r}));case"radial-gradient":return new so(bo({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new co(bo({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new fo(bo({},o,{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new vo(bo({},o,{colorsteps:n,angle:r,radialPosition:a}))}return new Na}},{key:"parse",value:function(e){return new t(e)}},{key:"parseImage",value:function(e){var t=fn(e),n=null,r=t.str.match(wo);return r?(r.forEach((function(e,r){(e=yn(e,t.matches)).includes("repeating-linear-gradient")?n=no.parse(e):e.includes("linear-gradient")?n=to.parse(e):e.includes("repeating-radial-gradient")?n=co.parse(e):e.includes("radial-gradient")?n=so.parse(e):e.includes("repeating-conic-gradient")?n=vo.parse(e):e.includes("conic-gradient")?n=fo.parse(e):e.includes("url")&&(n=Ua.parse(e))})),n):n}},{key:"changeImageType",value:function(e){switch(e.type){case"static-gradient":return new Ya(e);case"linear-gradient":return new to(e);case"repeating-linear-gradient":return new no(e);case"radial-gradient":return new so(e);case"repeating-radial-gradient":return new co(e);case"conic-gradient":return new fo(e);case"repeating-conic-gradient":return new vo(e);case"image-resource":case"url":return new Ua(e)}}},{key:"parseStyle",value:function(e){var n=[],r=JSON.stringify(e);if(go.has(r))return go.get(r);if(e["background-image"]){var i=fn(e["background-image"]);i.str.match(wo).forEach((function(e,r){var a=null;(e=yn(e,i.matches)).includes("repeating-linear-gradient")?a=no.parse(e):e.includes("linear-gradient")?a=to.parse(e):e.includes("repeating-radial-gradient")?a=co.parse(e):e.includes("radial-gradient")?a=so.parse(e):e.includes("repeating-conic-gradient")?a=vo.parse(e):e.includes("conic-gradient")?a=fo.parse(e):e.includes("url")&&(a=Ua.parse(e)),n[r]=new t({type:a.type,image:a})}))}return e["background-repeat"]&&e["background-repeat"].split(",").map((function(e){return e.trim()})).forEach((function(e,t){n[t]&&(n[t].repeat=e)})),e["background-blend-mode"]&&e["background-blend-mode"].split(",").map((function(e){return e.trim()})).forEach((function(e,t){n[t]&&(n[t].blendMode=e)})),e["background-size"]&&e["background-size"].split(",").map((function(e){return e.trim()})).forEach((function(e,t){if(n[t])if("cover"==e||"contain"===e||"auto"===e)n[t].size=e;else{n[t].size="auto";var r=e.split(" "),i=k()(r,2),a=i[0],o=i[1];n[t].width=nr.parse(a),n[t].height=nr.parse(o)}})),e["background-position"]&&e["background-position"].split(",").map((function(e){return e.trim()})).forEach((function(e,t){if(n[t]){var r=e.split(" "),i=k()(r,2),a=i[0],o=i[1];n[t].x=nr.parse(a),n[t].y=nr.parse(o)}})),go.set(r,n),n}},{key:"toPropertyCSS",value:function(e){var t={};return e.forEach((function(e){Ue(e.toCSS(),(function(e,n){t[e]||(t[e]=[]),t[e].push(n)}))})),dt(t)}},{key:"join",value:function(e){return bt(t.toPropertyCSS(e.map((function(e){return t.parse(e)}))))}},{key:"joinCSS",value:function(e){return t.toPropertyCSS(e.map((function(e){return t.parse(e)})))}}]),t}(Yi);function Po(e,t,n,r){var i={cut:ka(0,0,n.cut,r.cut),percent:ua(e,t,n.percent,r.percent),px:ua(e,t,n.px,r.px),em:ua(e,t,n.em,r.em),unit:Sa(0,0,n.unit,r.unit),color:xa(0,0,n.color,r.color)};return function(e,t){return new Fa({cut:i.cut(e,t),percent:i.percent(e,t),px:i.px(e,t),em:i.em(e,t),unit:i.unit(e,t),color:i.color(e,t)})}}function jo(e,t){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],i=Math.max(n.length,r.length),a=[],o=0;o<i;o++){var s=n[o],c=r[o];a[o]=s&&c?Po(e,t,s,c):ka(0,0,s,c)}return function(e,t){return a.map((function(n){return n(e,t)}))}}function Oo(e,t,n,r){var i={angle:ua(e,t,n.angle,r.angle),colorsteps:jo(e,t,n.colorsteps,r.colorsteps)};return function(e,t){var n=i.colorsteps(e,t);return new to({angle:i.angle(e,t),colorsteps:n})}}ko={},m()(ko,"center",!0),m()(ko,"top",!0),m()(ko,"left",!0),m()(ko,"right",!0),m()(ko,"bottom",!0);function $o(e,t){switch(t){case"width":if("center"===e)return"50%";if("left"===e)return"0%";if("right"===e)return"100%";break;case"height":if("center"===e)return"50%";if("top"===e)return"0%";if("bottom"===e)return"100%"}return e}function Co(e,t,n,r){n.radialPosition[0]=$o(n.radialPosition[0],"width"),n.radialPosition[1]=$o(n.radialPosition[1],"height"),r.radialPosition[0]=$o(r.radialPosition[0],"width"),r.radialPosition[1]=$o(r.radialPosition[1],"height");var i={radialType:Sa(0,0,n.radialType,r.radialType),radialPositionX:fa(e,t,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:fa(e,t,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:jo(e,t,n.colorsteps,r.colorsteps)};return function(e,t){return new so({radialType:i.radialType(e,t),radialPosition:[i.radialPositionX(e,t),i.radialPositionY(e,t)],colorsteps:i.colorsteps(e,t)})}}function Eo(e,t,n,r){var i={angle:ua(e,t,n.angle,r.angle),radialPositionX:fa(e,t,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:fa(e,t,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:jo(e,t,n.colorsteps,r.colorsteps)};return function(e,t){return new fo({angle:i.angle(e,t),radialPosition:[i.radialPositionX(e,t),i.radialPositionY(e,t)],colorsteps:i.colorsteps(e,t)})}}function To(e,t,n,r){var i={image:function(e,t){return t}};if("url"===n.type||"url"===r.type)i.image=ka(0,0,n,r);else if(n.type!=r.type)i.image=ka(0,0,n,r);else switch(n.type){case"linear-gradient":i.image=Oo(e,t,n,r);break;case"repeating-linear-gradient":i.image=function(e,t,n,r){var i=Oo(e,t,n,r);return function(e,t){var n=i(e,t);return new no({angle:n.angle,colorsteps:n.colorsteps})}}(e,t,n,r);break;case"radial-gradient":i.image=Co(e,t,n,r);break;case"repeating-radial-gradient":i.image=function(e,t,n,r){var i=Co(e,t,n,r);return function(e,t){var n=i(e,t);return new co({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(e,t,n,r);break;case"conic-gradient":i.image=Eo(e,t,n,r);break;case"repeating-conic-gradient":i.image=function(e,t,n,r){var i=Eo(e,t,n,r);return function(e,t){var n=i(e,t);return new vo({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(e,t,n,r)}return function(e,t){return i.image(e,t)}}function Vo(e,t,n,r){for(var i=So.parseStyle(kt(n)),a=So.parseStyle(kt(r)),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c]||null,h=a[c]||null;u&&!h?s.push({image:ha(0,0,u.image),size:ha(0,0,u.size),width:ha(0,0,u.width),height:ha(0,0,u.height),x:ha(0,0,u.x),y:ha(0,0,u.y),blendMode:ha(0,0,u.blendMode),repeat:ha(0,0,u.repeat)}):!u&&h?s.push({image:ha(0,0,h.image),size:ha(0,0,h.size),width:ha(0,0,h.width),height:ha(0,0,h.height),x:ha(0,0,h.x),y:ha(0,0,h.y),blendMode:ha(0,0,h.blendMode),repeat:ha(0,0,h.repeat)}):u&&h&&s.push({image:To(e,t,u.image,h.image),size:Sa(0,0,u.size,h.size),width:fa(e,t,u.width,h.width,"width","self"),height:fa(e,t,u.height,h.height,"height","self"),x:fa(e,t,u.x,h.x,"width","self"),y:fa(e,t,u.y,h.y,"height","self"),blendMode:Sa(0,0,u.blendMode,h.blendMode),repeat:Sa(0,0,u.repeat,h.repeat)})}return function(e,t){return So.join(s.map((function(n){return{image:n.image(e,t),size:n.size(e,t),x:n.x(e,t),y:n.y(e,t),width:n.width(e,t),height:n.height(e,t),blendMode:n.blendMode(e,t),repeat:n.repeat(e,t)}})))}}function Do(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Io(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Do(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Do(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Mo=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia)\(([^\)]*)\))/gi,Lo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Io({itemType:"filter"},e))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(e){var t=Ko[e.type];return t?new t(e):new Ao({value:e.type})}},{key:"parseStyle",value:function(e){var n=[];if(!e)return n;var r=fn(e);return(r.str.match(Mo)||[]).forEach((function(e,i){var a=e.split("("),o=k()(a,2),s=o[0],c=o[1];if(c=c.split(")")[0],"drop-shadow"===s){var l=c.split(" "),u=l.filter((function(e){return e.includes("@")})).map((function(e){return r.matches[+e.replace("@","")].color})),h=l.filter((function(e){return!e.includes("@")}));n[i]=t.parse({type:s,offsetX:nr.parse(h[0]),offsetY:nr.parse(h[1]),blurRadius:nr.parse(h[2]),color:u[0]||"rgba(0, 0, 0, 1)"})}else n[i]=t.parse({type:s,value:nr.parse(c)})})),n}},{key:"join",value:function(e){return e.map((function(e){return t.parse(e)})).join(" ")}}]),t}(Yi),Ro=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"blur",value:t.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Io({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}}]),t}(Lo);Ro.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:nr.z()};var Ao=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"svg",value:t.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Io({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),t}(Lo);Ao.spec={inputType:"select",defaultValue:""};var zo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:t.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Io({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}}]),t}(Lo);zo.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:nr.percent(0)};var Fo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:t.spec.defaultValue})}}]),t}(Lo);Fo.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:nr.deg(0)};var Bo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"invert",value:t.spec.defaultValue})}}]),t}(Lo);Bo.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:nr.percent(0)};var Go=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:t.spec.defaultValue})}}]),t}(Lo);Go.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:nr.percent(100)};var Ho=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:t.spec.defaultValue})}}]),t}(Lo);Ho.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:nr.percent(100)};var No=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:t.spec.defaultValue})}}]),t}(Lo);No.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:nr.percent(100)};var Xo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:t.spec.defaultValue})}}]),t}(Lo);Xo.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:nr.percent(100)};var Yo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:t.spec.defaultValue})}}]),t}(Lo);Yo.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:nr.percent(0)};var _o=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"drop-shadow",multi:!0,offsetX:t.spec.offsetX.defaultValue,offsetY:t.spec.offsetY.defaultValue,blurRadius:t.spec.blurRadius.defaultValue,color:t.spec.color.defaultValue})}},{key:"toString",value:function(){var e=this.json;return"drop-shadow(".concat(e.offsetX," ").concat(e.offsetY," ").concat(e.blurRadius," ").concat(e.color,")")}}]),t}(Lo);_o.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:nr.z(),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:nr.z(),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:nr.z(),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var Ko={blur:Ro,grayscale:zo,"hue-rotate":Fo,invert:Bo,brightness:Go,contrast:Ho,opacity:No,saturate:Xo,sepia:Yo,"drop-shadow":_o,svg:Ao},Wo={BlurFilter:Ro,GrayscaleFilter:zo,HueRotateFilter:Fo,InvertFilter:Bo,BrightnessFilter:Go,ContrastFilter:Ho,OpacityFilter:No,SaturateFilter:Xo,SepiaFilter:Yo,DropshadowFilter:_o,URLSvgFilter:Ao};function Uo(e,t,n,r){var i={type:Sa(0,0,n.type,r.type),value:ka(0,0,n.value,r.value)};switch(n.type){case"blur":i.value=fa(e,t,n.value,r.value);break;case"grayscale":case"invert":case"brightness":case"contrast":case"opacity":case"saturate":case"sepia":case"hue-rotate":i.value=ua(e,t,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":i.offsetX=fa(e,t,n.offsetX,r.offsetX,"width","self"),i.offsetY=fa(e,t,n.offsetY,r.offsetY,"height","self"),i.blurRadius=fa(e,t,n.blurRadius,r.blurRadius,"width","self"),i.spreadRadius=fa(e,t,n.spreadRadius,r.spreadRadius,"width","self"),i.color=xa(0,0,n.color,r.color)}return function(e,t){return"drop-shadow"===i.type(e,t)?{type:i.type(e,t),offsetX:i.offsetX(e,t),offsetY:i.offsetY(e,t),blurRadius:i.blurRadius(e,t),spreadRadius:i.spreadRadius(e,t),color:i.color(e,t)}:{type:i.type(e,t),value:i.value(e,t)}}}function Zo(e,t,n,r){for(var i=Lo.parseStyle(n),a=Lo.parseStyle(r),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c],h=a[c];u&&!h?s.push(ha(0,0,u)):!u&&h?s.push(ha(0,0,h)):u.type!=h.type||"svg"===u.type||"svg"===h.type?s.push(ka(0,0,u,h)):s.push(Uo(e,t,u,h))}return function(e,t){return Lo.join(s.map((function(n){return n(e,t)})))}}var qo=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"parse",value:function(e){var t=e.split(" ").filter((function(e){return e.trim()})).map((function(e){return nr.parse(e)})),n=nr.percent(0),r=nr.percent(0),i=nr.percent(0),a=nr.percent(0);return 1===t.length?(n=t[0].clone(),r=t[0].clone(),i=t[0].clone(),a=t[0].clone()):2===t.length?(n=t[0].clone(),r=t[1].clone(),i=t[0].clone(),a=t[1].clone()):3===t.length?(n=t[0].clone(),r=t[1].clone(),i=t[2].clone(),a=t[1].clone()):4===t.length&&(n=t[0].clone(),r=t[1].clone(),i=t[2].clone(),a=t[3].clone()),[t.length,n,r,i,a]}}]),e}();function Jo(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Qo(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Jo(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Jo(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var es=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,ts=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Qo({itemType:"clip-path",type:"none",value:""},e))}},{key:"toCloneObject",value:function(){return Qo({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}},{key:"toString",value:function(){var e=this.json.type,t=this.json.value,n=this.json.box,r="";switch(e){case"circle":case"inset":case"ellipse":case"polygon":case"path":r="".concat(e,"(").concat(t,")");break;case"svg":r="url(#".concat(t,")");break;default:r="none"}return n?"".concat(n," ").concat(r):r}},{key:"toCSS",value:function(){return{"clip-path":this.toString()}}}],[{key:"toCSS",value:function(e){return new t(e).toCSS()}},{key:"toString",value:function(e){return t.toCSS(e)["clip-path"]}},{key:"parse",value:function(e){return new t(e)}},{key:"parseStyle",value:function(e){var t={};return e?((e.match(es)||[]).forEach((function(e,n){if(e.includes("-box"))t.box=e;else{var r=e.split("("),i=k()(r,2),a=i[0],o=i[1];o=o||"",o="none"===a?"":o.split(")")[0],t.type=a,t.value=o}})),t):{}}},{key:"parseStyleForCircle",value:function(e){var t=new nr("","closest-side"),n="";if((e=e||"50%").includes("at")){var r=e.split("at").map((function(e){return e.trim()})),i=k()(r,2);t=i[0],n=i[1]}else n=e.trim();var a=n.split(" "),o=k()(a,2),s=o[0],c=o[1];return et(c)&&(c=s),{radius:t,x:s=nr.parse(s),y:c=nr.parse(c)}}},{key:"parseStyleForEllipse",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50%",t="50% 50%",n="";if((e=e||"50%").includes("at")){var r=e.split("at").map((function(e){return e.trim()})),i=k()(r,2);t=i[0],n=i[1]}else n=e.trim();var a=n.split(" "),o=k()(a,2),s=o[0],c=o[1];et(c)&&(c=s),s=nr.parse(s),c=nr.parse(c);var l=t.split(" "),u=k()(l,2),h=u[0],p=u[1];return et(p)&&(p=h),{radiusX:h=nr.parse(h),radiusY:p=nr.parse(p),x:s,y:c}}},{key:"parseStyleForInset",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.split("round"),n=k()(t,2),r=n[0],i=n[1],a=qo.parse(r),o=k()(a,5),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4];if(i)var p=qo.parse(i),d=k()(p,5),f=d[0],v=d[1],y=d[2],g=d[3],m=d[4];return{isAll:1===s,top:c,right:l,bottom:u,left:h,round:i,isAllRadius:1===f,topRadius:v,rightRadius:y,bottomRadius:g,leftRadius:m}}},{key:"parseStyleForPolygon",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.split(",").filter((function(e){return e.trim()})).map((function(e){var t=e.trim().split(" "),n=k()(t,2),r=n[0],i=n[1];return{x:nr.parse(r),y:nr.parse(i)}}))}}]),t}(Yi);function ns(e,t,n,r){var i=ts.parseStyle(n),a=ts.parseStyle(r),o={type:ka(0,0,i.type,i.type),value:ka(0,0,n,r)};if(i.type==a.type&&"none"!=i)switch(i.type){case"circle":i.value=ts.parseStyleForCircle(i.value),a.value=ts.parseStyleForCircle(a.value),o.value=function(e,t,n,r){var i={};return"closest-side"===n.radius||"farthest-side"===n.radius||"closest-side"===r.radius||"farthest-side"===r.radius?i.radius=ka(0,0,n.radius,r.radius):n.radius.unit===r.radius.unit?i.radius=makeInterpolateNumber(e,t,n.radius.value,r.radius.value,n.radius.unit):i.radius=fa(e,t,n.radius,r.radius,"width","self"),i.x=fa(e,t,n.x,r.x,"width","self"),i.y=fa(e,t,n.y,r.y,"height","self"),function(e,t){var n=i.radius(e,t),r=i.x(e,t),a=i.y(e,t),o="".concat(r," ").concat(a),s=n+"";return s.includes("closest-side")?s="closest-side":s.includes("farthest-side")&&(s="farthest-side"),n?"".concat(s," at ").concat(o):"".concat(o)}}(e,t,i.value,a.value);break;case"ellipse":i.value=ts.parseStyleForEllipse(i.value),a.value=ts.parseStyleForEllipse(a.value),o.value=function(e,t,n,r){var i={radiusX:fa(e,t,n.radiusX,r.radiusX,"width","self"),radiusY:fa(e,t,n.radiusY,r.radiusY,"height","self"),x:fa(e,t,n.x,r.x,"width","self"),y:fa(e,t,n.y,r.y,"height","self")};return function(e,t){var n=i.radiusX(e,t),r=i.radiusY(e,t),a=i.x(e,t),o=i.y(e,t);return"".concat(n," ").concat(r," at ").concat(a," ").concat(o)}}(e,t,i.value,a.value);break;case"inset":i.value=ts.parseStyleForInset(i.value),a.value=ts.parseStyleForInset(a.value),o.value=function(e,t,n,r){var i={top:ua(e,t,n.top.value,r.top.value,n.top.unit),left:ua(e,t,n.left.value,r.left.value,n.left.unit),right:ua(e,t,n.right.value,r.right.value,n.right.unit),bottom:ua(e,t,n.bottom.value,r.bottom.value,n.bottom.unit),round:ka(0,0,n.round,r.round),topRadius:ua(e,t,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:ua(e,t,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:ua(e,t,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:ua(e,t,n.bottomRadius.value,r.bottomRadius.value,n.bottomRadius.unit)};return function(e,t){var n=i.top(e,t),r=i.right(e,t),a=i.bottom(e,t),o=i.left(e,t),s=i.round(e,t),c=i.topRadius(e,t),l=i.leftRadius(e,t),u=i.bottomRadius(e,t),h=i.rightRadius(e,t),p=[n,r,a,o].join(" "),d=[c,h,u,l].join(" ");return"".concat(p," ").concat(s&&d.trim()?"round ".concat(d):"")}}(e,t,i.value,a.value);break;case"polygon":i.value=ts.parseStyleForPolygon(i.value),a.value=ts.parseStyleForPolygon(a.value),o.value=function(e,t,n,r){for(var i=Math.max(n.length,r.length),a=[],o=0;o<i;o++){var s=n[o],c=r[o];s&&!c?a.push({x:ha(0,0,s.x),y:ha(0,0,s.y)}):!s&&c?a.push({x:ha(0,0,c.x),y:ha(0,0,c.y)}):a.push({x:fa(e,t,s.x,c.x,"width","self"),y:fa(e,t,s.y,c.y,"height","self")})}return function(e,t){return a.map((function(n){return"".concat(n.x(e,t)," ").concat(n.y(e,t))})).join(",")}}(e,t,i.value,a.value);break;case"path":i.value=ts.parseStyleForPath(i.value),a.value=ts.parseStyleForPath(a.value),o.value=makeInterpolateClipPathPath(e,t,i.value,a.value)}return function(e,t){var n=o.type(e,t),r=o.value(e,t);return"none"===n?n:"".concat(n,"(").concat(r,")")}}function rs(e,t,n,r){for(var i={type:ka(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),s=0;s<o;s++){var c=n.value[s],l=r.value[s];c&&l?a.push(fa(e,t,c,l,n.type)):a.push(fa(e,t,n.value[s]||n.value[s-1]||n.value[s-2],r.value[s]||r.value[s-1]||r.value[s-2],n.type))}return i.value=a,function(e,t){return{type:i.type(e,t),value:i.value.map((function(n){return n(e,t)}))}}}function is(e,t,n,r){for(var i={type:ka(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),s=0;s<o;s++){var c=n.value[s],l=r.value[s];if(c&&l)a.push(ua(e,t,c.value,l.value));else{var u=n.value[s].value||n.value[s-1].value||n.value[s-2].value,h=r.value[s].value||r.value[s-1].value||n.value[s-2].value;a.push(ua(e,t,u,h))}}return i.value=a,function(e,t){var n=i.value.map((function(n){return n(e,t)})),r=i.type(e,t);return(r.includes("matrix")||r.includes("scale"))&&(n=n.map((function(e){return nr.number(e)}))),{type:r,value:n}}}function as(e,t,n,r){for(var i={type:ka(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),s=0;s<o;s++){var c=n.value[s],l=r.value[s];c&&l?a.push(Ea(0,0,c,l)):a.push(Ea(0,0,n.value[s]||n.value[s-1]||n.value[s-2],r.value[s]||r.value[s-1]||n.value[s-2]))}return i.value=a,function(e,t){return{type:i.type(e,t),value:i.value.map((function(n){return n(e,t)}))}}}function os(e,t,n,r){for(var i=Zi.parseStyle(n.trim()),a=Zi.parseStyle(r.trim()),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];if(l&&!u)s.push(ha(0,0,l));else if(!l&&u)s.push(ha(0,0,u));else if(l.type!=u.type)s.push(ka(0,0,l,u));else switch(l.type){case"translate":case"translateX":case"translateY":case"translateZ":case"translate3d":case"perspective":s.push(rs(e,t,l,u));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":s.push(as(0,0,l,u));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":s.push(is(e,t,l,u))}}return function(e,t){return Zi.join(s.map((function(n){return n(e,t)})))}}function ss(e,t,n,r){for(var i=n.split(" ").map((function(e){return nr.parse(e)})),a=r.split(" ").map((function(e){return nr.parse(e)})),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];s.push(fa(e,t,l,u,"transform-origin"))}return function(e,t){return s.map((function(n){return n(e,t)})).join(" ")}}function cs(e,t,n,r){for(var i=n.split(" ").map((function(e){return nr.parse(e)})),a=r.split(" ").map((function(e){return nr.parse(e)})),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];s.push(fa(e,t,l,u,"perspective-origin"))}return function(e,t){return s.map((function(n){return n(e,t)})).join(" ")}}function ls(e,t,n,r){for(var i=n.split(" ").map((function(e){return+e})),a=r.split(" ").map((function(e){return+e})),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];s.push(ua(e,t,l,u))}return function(e,t){return s.map((function(n){return n(e,t)})).join(" ")}}function us(e,t,n,r){for(var i=Math.max(n.length,r.length),a=[],o=n[n.length-1],s=r[r.length-1],c=0;c<i;c++){var l=n[c],u=r[c];l&&!u?a.push(ua(e,t,l,s)):!l&&u?a.push(ua(e,t,o,u)):a.push(ua(e,t,l,u))}return function(e,t){return a.map((function(n){return n(e,t)}))}}function hs(e,t,n,r){for(var i=new ea,a=new ea(n),o=new ea(r),s=Math.max(a.segments.length,o.segments.length),c=[],l=0;l<s;l++){var u=a.segments[l],h=o.segments[l];u.command===h.command?u.values.length===h.values.length?c.push({command:ha(0,0,u.command),values:us(e,t,u.values,h.values)}):c.push({command:ha(0,0,u.command),values:ha(0,0,u.values)}):c.push({command:ka(0,0,u.command,h.command),values:ka(0,0,u.values,h.values)})}return function(e,t){var n=c.map((function(n){return{command:n.command(e,t),values:n.values(e,t)}}));return i.joinPath(n)}}var ps=function(){function e(){zn()(this,e),this.pathArray=[]}return Bn()(e,[{key:"reset",value:function(){this.pathArray=[]}},{key:"getPointString",value:function(e){return e.map((function(e){return"".concat(e.x," ").concat(e.y)})).join(" ")}},{key:"makeString",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return this.pathArray.push("".concat(e," ").concat(this.getPointString(t))),this}},{key:"M",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return this.makeString("M",t)}},{key:"L",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return this.makeString("L",t)}},{key:"X",value:function(){var e=3,t=arguments.length<=0?void 0:arguments[0],n={x:t.x-e,y:t.y-e},r={x:t.x+e,y:t.y-e},i={x:t.x-e,y:t.y+e},a={x:t.x+e,y:t.y+e};return this.M(n).L(a).M(r).L(i)}},{key:"Q",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return this.makeString("Q",t)}},{key:"C",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return this.makeString("C",t)}},{key:"Z",value:function(){return this.makeString("Z")}},{key:"toString",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"object";return('<path d="'.concat(this.d,"\" class='").concat(e,"'/>"))}},{key:"d",get:function(){return this.pathArray.join(" ").trim()}}],[{key:"makeRect",value:function(t,n,r,i){return(new e).M({x:t,y:n}).L({x:t+r,y:n}).L({x:t+r,y:n+i}).L({x:t,y:n+i}).L({x:t,y:n}).Z().d}},{key:"makeLine",value:function(t,n,r,i){return(new e).M({x:t,y:n}).L({x:r,y:i}).d}},{key:"makeCircle",value:function(t,n,r,i){var a=(new e).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,o=new ea(a);return o.translate(1,1).scale(r/2,i/2).translate(t,n),o.toString()}},{key:"makePathByPoints",value:function(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=new e,r=0,i=t.length;r<i;r++){var a=t[r];0===r?n.M(a):n.L(a)}return n.d}}]),e}(),ds=/[\b\t \,]/g,fs=function(e){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return zn()(this,t),Hn()(this,Xn()(t).call(this,e))}return _n()(t,e),Bn()(t,[{key:"reset",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.points=e,this.parse()}},{key:"resetSegments",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.segments=e,this.points=this.joinPoints()}},{key:"parse",value:function(){var e=this.points;nt(e)&&(e=e.join(" "));for(var t=e.trim().split(ds).filter((function(e){return e})),n=[],r=0,i=t.length;r<i;r+=2)n.push({x:+t[r],y:+t[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 e=new ps,t=0,n=this.segments.length;t<n;t++){var r=this.segments[t];0===t?e.M(r):t===n-1?e.L(r).L(this.segments[0]).Z():e.L(r)}return e.d}},{key:"joinPath",value:function(e){return this.joinPoints(e)}},{key:"joinPoints",value:function(e){return(e||this.segments).map((function(e){return"".concat(e.x,",").concat(e.y)})).join(" ")}},{key:"each",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=this.segments.map((function(n){return e.call(t,n)}));if(n)return r;this.segments=r}},{key:"_loop",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.each((function(t){var n=e([t.x,t.y],0),r=k()(n,2),i=r[0],a=r[1];return t.x=i,t.y=a,t}),t)}},{key:"clone",value:function(){return new t(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}]),t}(ea);function vs(e,t,n,r){for(var i=new fs,a=new fs(n),o=new fs(r),s=Math.max(a.segments.length,o.segments.length),c=[],l=a.segments[a.segments.length-1].x,u=a.segments[a.segments.length-1].y,h=o.segments[o.segments.length-1].x,p=o.segments[o.segments.length-1].y,d=0;d<s;d++){var f=a.segments[d],v=o.segments[d];f&&!v?c.push({x:ua(e,t,f.x,h),y:ua(e,t,f.y,p)}):!f&&v?c.push({x:ua(e,t,l,v.x),y:ua(e,t,u,v.y)}):c.push({x:ua(e,t,f.x,v.x),y:ua(e,t,f.y,v.y)})}return function(e,t){return i.joinPoints(c.map((function(n){return{x:n.x(e,t),y:n.y(e,t)}})))}}function ys(e,t,n,r){var i={x:ua("","",e,n),y:ua("","",t,r)};return function(e,t){return{x:i.x(e,t),y:i.y(e,t)}}}function gs(e,t,n,r,i,a){var o=[{x:e,y:t},{x:n,y:r},{x:i,y:a}];return function(e,t){return Be(o,t)}}function ms(e,t,n,r,i,a,o,s){var c=[{x:e,y:t},{x:n,y:r},{x:i,y:a},{x:o,y:s}];return function(e,t){return Fe(c,t)}}function bs(e){var t=[],n=[];e.forEach((function(e,r){switch(e.command){case"M":var i=k()(e.values,2),a=i[0],o=i[1];n=[a,o];break;case"m":var s=n,c=k()(s,2),l=c[0],u=c[1],h=k()(e.values,2);a=h[0],o=h[1];n=[a+=l,o+=u];break;case"L":var p=n,d=k()(p,2),f=(l=d[0],u=d[1],k()(e.values,2));a=f[0],o=f[1];t.push({command:e.command,values:[l,u,a,o],length:G(l,u,a,o),interpolate:ys(l,u,a,o)}),n=[a,o];break;case"l":var v=n,y=k()(v,2),g=(l=y[0],u=y[1],k()(e.values,2));a=g[0],o=g[1];a+=l,o+=u,t.push({command:e.command,values:[l,u,a,o],length:G(l,u,a,o),interpolate:ys(l,u,a,o)}),n=[a,o];break;case"C":var m=n,b=k()(m,2),x=(l=b[0],u=b[1],k()(e.values,6)),w=x[0],S=x[1],P=x[2],j=x[3];a=x[4],o=x[5];t.push({command:e.command,values:[l,u,w,S,P,j,a,o],length:Ve(l,u,w,S,P,j,a,o),interpolate:ms(l,u,w,S,P,j,a,o)}),n=[a,o];break;case"c":var O=n,$=k()(O,2),C=(l=$[0],u=$[1],k()(e.values,6));w=C[0],S=C[1],P=C[2],j=C[3],a=C[4],o=C[5];w+=l,P+=l,a+=l,S+=u,j+=u,o+=u,t.push({command:e.command,values:[l,u,w,S,P,j,a,o],length:Ve(l,u,w,S,P,j,a,o),interpolate:ms(l,u,w,S,P,j,a,o)}),n=[a,o];break;case"Q":var E=n,T=k()(E,2),V=(l=T[0],u=T[1],k()(e.values,4));w=V[0],S=V[1],a=V[2],o=V[3];t.push({command:e.command,values:[l,u,w,S,a,o],length:De(l,u,w,S,a,o),interpolate:gs(l,u,w,S,a,o)}),n=[a,o];break;case"q":var D=n,I=k()(D,2),M=(l=I[0],u=I[1],k()(e.values,4));w=M[0],S=M[1],a=M[2],o=M[3];w+=l,a+=l,S+=u,o+=u,t.push({command:e.command,values:[l,u,w,S,a,o],length:De(l,u,w,S,a,o),interpolate:gs(l,u,w,S,a,o)}),n=[a,o];break;case"S":var L=n,R=k()(L,2),A=(l=R[0],u=R[1],k()(e.values,4)),z=(P=A[0],j=A[1],a=A[2],o=A[3],t[t.length-1]);if(["C","c","S","s"].includes(z.command)){var F=k()(z.values,8),B=(F[0],F[1],F[2],F[3],F[4]),H=F[5],N=F[6],X=F[7],Y=qi.getReversePoint({x:N,y:X},{x:B,preC1y:H});w=Y.x,S=Y.y;t.push({command:e.command,values:[l,u,w,S,P,j,a,o],length:getCubicDist(l,u,w,S,P,j,a,o),interpolate:ms(l,u,w,S,P,j,a,o)}),n=[a,o];break}case"s":var _=n,K=k()(_,2),W=(l=K[0],u=K[1],k()(e.values,4));P=W[0],j=W[1],a=W[2],o=W[3];P+=l,a+=l,j+=u,o+=u;z=t[t.length-1];if(["C","c","S","s"].includes(z.command)){var U=k()(z.values,8),Z=(U[0],U[1],U[2],U[3],B=U[4],H=U[5],N=U[6],X=U[7],qi.getReversePoint({x:N,y:X},{x:B,preC1y:H}));w=Z.x,S=Z.y;t.push({command:e.command,values:[l,u,w,S,P,j,a,o],length:getCubicDist(l,u,w,S,P,j,a,o),interpolate:ms(l,u,w,S,P,j,a,o)}),n=[a,o];break}case"T":var q=n,J=k()(q,2),Q=(l=J[0],u=J[1],k()(e.values,2));a=Q[0],o=Q[1],z=t[t.length-1];if(["Q","q","T","t"].includes(z.command)){var ee=k()(z.values,6),te=(ee[0],ee[1],B=ee[2],H=ee[3],N=ee[4],X=ee[5],qi.getReversePoint({x:N,y:X},{x:B,preC1y:H}));w=te.x,S=te.y;t.push({command:e.command,values:[l,u,w,S,a,o],length:De(l,u,w,S,a,o),interpolate:gs(l,u,w,S,a,o)}),n=[a,o]}break;case"t":var ne=n,re=k()(ne,2),ie=(l=re[0],u=re[1],k()(e.values,2));a=ie[0],o=ie[1];a+=l,o+=u;z=t[t.length-1];if(["Q","q","T","t"].includes(z.command)){var ae=k()(z.values,6),oe=(ae[0],ae[1],B=ae[2],H=ae[3],N=ae[4],X=ae[5],qi.getReversePoint({x:N,y:X},{x:B,preC1y:H}));w=oe.x,S=oe.y;t.push({command:e.command,values:[l,u,w,S,a,o],length:De(l,u,w,S,a,o),interpolate:gs(l,u,w,S,a,o)}),n=[a,o]}}}));var r=0;t.forEach((function(e){r+=e.length}));var i=0;return t.forEach((function(e){e.startT=i/r,e.endT=(i+e.length)/r,e.totalLength=r,i+=e.length})),{totalLength:r,interpolateList:t}}function ks(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xs(e,t,n,r,i){var a=n.split(",").map((function(e){return e.trim()})),o=k()(a,4),s=o[0],c=o[1],l=o[2],u=o[3],h={id:s,distance:nr.parse(c||"0%"),rotateStatus:l||"auto",rotate:nr.parse(u||"0deg")},p=function(e,t){return{x:x,y:y}},d=0,f=0;if(i){var v=i.searchById(h.id);v&&(d=v.screenX.value,f=v.screenY.value),p=function(e,t,n){var r=bs(new ea(v.d||"").segments),i=r.totalLength,a=r.interpolateList,o=h.distance.toPx(i);(t+=o/i)>1&&(t-=1);var s=a[0];0===t?s=a[0]:1===t&&(s=a[a.length-1]);var c=a.find((function(e){return e.startT<=t&&t<e.endT}));c&&(s=c);var l=(t-s.startT)/(s.endT-s.startT),u=n(l);return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ks(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ks(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},s.interpolate(u,l,n),{totalLength:s.totalLength})}}return function(t,n,r){var i=(e["transform-origin"]||"50% 50%").split(" ").map((function(e){return nr.parse(e)})),a=i[0].toPx(e.width.value),o=i[1].toPx(e.height.value),s=p(t,n,r),c={x:s.x+d-a.value,y:s.y+f-o.value};if(e.setScreenX(c.x),e.setScreenY(c.y),"element"===h.rotateStatus);else{var l=s,u=0;n<1&&(u=1/s.totalLength);var v=p(t+u,n+u,r),y=Z(v.x-l.x,v.y-l.y),g=nr.deg(function(e,t){var n=0;switch(e){case"angle":n=h.rotate.value;break;case"auto angle":n=t+h.rotate.value;break;case"reverse":n=t+180;break;case"auto":n=t}return n}(h.rotateStatus,y));e.reset({transform:Zi.rotate(e.transform,g)})}return c}}function ws(e,t,n,r){arguments.length>4&&void 0!==arguments[4]&&arguments[4];var i=r.length-1,a=0;return function(e,t){return 0===t?"":1===t?r:r.substring(a,Math.floor((i-a)*t))}}function Ss(e,t,n,r,i,a){var o=a.$("video").el,s=n.split(":"),c=k()(s,3),l=c[0],u=(c[1],+(l||0)*+(c[2]||1));return function(t,n){0===n?(o.currentTime=u,o.paused&&o.play()):1===n?(e.reset({currentTime:o.currentTime}),o.pause()):o.paused&&o.play()}}var Ps=function(){return function(e,t){}};function js(e,t,n,r,i,a,o){var s=i||t;switch(s){case"width":case"x":return fa(e,t,n,r,"width");case"height":case"y":return fa(e,t,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 fa(e,t,n,r,t);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return ua(e,t,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return xa(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return Sa(0,0,n,r);case"rotate":return Ea(0,0,n,r)}var c=function(e){switch(e){case"border-radius":return ga;case"border":return makeInterpolateBorder;case"box-shadow":return wa;case"text-shadow":return Da;case"background-image":case"BackgroundImageEditor":return Vo;case"filter":case"backdrop-filter":return Zo;case"clip-path":return ns;case"transform":return os;case"transform-origin":return ss;case"perspective-origin":return cs;case"stroke-dasharray":return ls;case"d":return hs;case"points":return vs;case"offset-path":return xs;case"text":return ws;case"playTime":return Ss}}(s);return c?c(e,t,n,r,a,o):Ps}function Os(e,t,n,r,i,a,o){return js(e,t,n,r,i,a,o)}function $s(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",t=e.split("(").map((function(e){return e.trim()})),n=k()(t,2),r=n[0],i=n[1];i=(i||"").split(")")[0].trim();var a=Ca[r];if(a){var o=e.split("(")[1].split(")")[0].split(",").map((function(e){return e.trim()}));return a.apply(void 0,j()(o))}return Cs(e)}function Cs(e){var t=Ae(e);return function(e){return t(e).y}}function Es(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ts(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Es(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Es(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Vs=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:nr.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return Ts({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("offset","color","properties"))}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).offset=nr.parse(e.offset),e}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(bt(this.toCSS()))}},{key:"createProperty",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(Ts({checked:!0,value:nr.z()},e))}},{key:"addProperty",value:function(e){this.json.properties.push(e)}},{key:"removeProperty",value:function(e){this.json.properties.splice(e,1)}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortProperty",value:function(e,t){this.sortItem(this.json.properties,e,t)}},{key:"updateProperty",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object.assign(this.json.properties[+e],Ts({},t))}},{key:"updatePropertyByKey",value:function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.json.properties,r=-1,i=0,a=n.length;i<a;i++)if(this.json.properties[i].key===e){r=i;break}Object.assign(this.json.properties[+r],Ts({},t))}},{key:"toCSS",value:function(){var e={};return this.json.properties.forEach((function(t){e=Ts({},e,{},t.toCSS())})),e}},{key:"toString",value:function(){return this.toCSSText()}}],[{key:"parse",value:function(e){return new t(e)}}]),t}(Yi);function Ds(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Is(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ds(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ds(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ms=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var e=this.json,n=(e.name,e.selectedType,e.offsets);return Is({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("name","selectedType"),{offsets:n.map((function(e){return e.clone()}))})}},{key:"isMultiStyle",value:function(e){switch(e){case"background-image":case"var":return!0}return!1}},{key:"getMultiStyleString",value:function(e){switch(e.key){case"background-image":return e.value.toString()+";";case"var":return(e.value+"").split(";").map((function(e){return"--"+e})).join(";")+";"}return e.value.toString()+";"}},{key:"toOffsetString",value:function(e){var t=this;return"".concat(e.offset.toString()," {\n").concat("      ").concat(e.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("").replace(/\;/g,";\n      ").trim(),"\n  }")}},{key:"toOffsetText",value:function(){var e=this,t=this.json.offsets.map((function(e){return e}));return t.sort((function(e,t){return e.offset.value>t.offset.value?1:-1})),t.map((function(t){return 0===t.properties.length?"":e.toOffsetString(t)})).join("\n")}},{key:"toCSSText",value:function(){return this.json.offsets.map((function(e){return e})).sort((function(e,t){return e.offset.value>t.offset.value?1:-1})),"\n@keyframes ".concat(this.json.name," {\n\n  ").concat(this.toOffsetText(),"\n\n}\n")}},{key:"createOffset",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addOffset(new Vs(Is({checked:!0},e)))}},{key:"addOffset",value:function(e){this.json.offsets.push(e)}},{key:"removeOffset",value:function(e){this.json.offsets.splice(e,1)}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortOffset",value:function(e,t){this.sortItem(this.json.offsets,e,t)}},{key:"updateOffset",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.offsets[+e].reset(t)}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return this.toCSSText()}}],[{key:"parse",value:function(e){return new t(e)}},{key:"parseStyle",value:function(e){var n=[],r={};if(e.keyframe){var i=fn(e.keyframe);i.str.split("|").map((function(e){return e.trim()})).forEach((function(e,a){var o=e.split(" "),s=S()(o),c=s[0],l=s[1],u=s[2],h=s.slice(3).join(" ");r[c]||(r[c]=new t({name:c}),n[a]=c);var p=r[c].offsets.filter((function(e){return e.offset.equals(nr.parse(l))})),d=null;p.length?d=p[0]:(d=new Vs({offset:nr.parse(l)}),r[c].offsets.push(d)),d.addProperty({key:u,value:yn(h,i.matches)})}))}return n.map((function(e){return r[e].offsets.forEach((function(e){var t=[],n=[];e.properties.forEach((function(e){e.key.includes("--")?t.push(e):n.push(e)}));var r=t.map((function(e){return"".concat(e.key,":").concat(e.value)})).join(";");t.length&&n.push({key:"var",value:r}),e.properties=n})),r[e]}))}}]),t}(Yi);function Ls(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Rs(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ls(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ls(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function As(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function zs(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?As(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):As(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Fs=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,zs({timeline:[],compiledTimeline:{}},e))}},{key:"expectJSON",value:function(e){return"compiledTimeline"!==e&&si()(Xn()(t.prototype),"expectJSON",this).call(this,e)}},{key:"setTimelineInfo",value:function(e){var t=this.getSelectedTimeline();t&&["speed","iterationCount","direction"].forEach((function(n){tt(e[n])&&(t[n]=e[n])}))}},{key:"compileAll",value:function(){var e=this,t=this.getSelectedTimeline();this.json.compiledTimeline={},t&&t.animations.forEach((function(t){t.properties.forEach((function(n){e.compiledTimingFunction(t.id,n.property)}))}))}},{key:"searchTimelineOffset",value:function(e){var t=this,n=this.getSelectedTimeline(),r=[];return n&&n.animations.forEach((function(n){n.properties.forEach((function(i){var a=t.getCompiledTimingFunction(n.id,i.property);r.push(a.find((function(t){return!!(t.isOnlyTime&&t.startTime<=e)||t.startTime<=e&&e<t.endTime})))}))})),r.filter((function(e){return e}))}},{key:"getCompiledTimingFunction",value:function(e,t){return this.json.compiledTimeline["".concat(e,".").concat(t)]}},{key:"compiledTimingFunction",value:function(e,t){var n=this,r=this,i=this.getTimelineProperty(e,t),a=this.searchById(e),o="".concat(e,".").concat(t);if(1!==i.keyframes.length){var s=rr.body().$('[data-id="'.concat(e,'"]')),c=i.keyframes.map((function(e){return e.editor}))[0];this.json.compiledTimeline[o]=i.keyframes.map((function(e,t){var o=e,l=i.keyframes[t+1];e.editor=c,l||(l={time:e.time,value:e.value});var u={layer:a,layerElement:s,property:i.property,isOnlyTime:o.time===l.time,startTime:e.time,endTime:l.time,startValue:e.value,endValue:l.value,timing:e.timing,interpolateFunction:Os(a,i.property,e.value,l.value,e.editor,r,s),timingFunction:$s(e.timing)};return u.func=n.makeTimingFunction(u),u})).filter((function(e){return e}))}else this.json.compiledTimeline[o]=[]}},{key:"makeTimingFunction",value:function(e){return function(t){var n=e.endTime-e.startTime,r=1;return 0!==n&&(r=(t-e.startTime)/n),e.interpolateFunction(e.timingFunction(r),r,n,e.timingFunction)}}},{key:"stop",value:function(e){var t=this.getSelectedTimeline();if(t){var n=t.currentTime;this.searchTimelineOffset(n).forEach((function(e){if("playTime"===e.property){var t=e.layerElement.$("video");t&&t.el.pause()}}))}}},{key:"seek",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(e){return e},n=this.getSelectedTimeline();if(n){tt(e)&&this.setTimelineCurrentTime(e);var r=n.currentTime;this.searchTimelineOffset(r).filter(t).forEach((function(e){"offset-path"===e.property||"playTime"===e.property?e.func(r):e.layer&&e.layer.reset(m()({},e.property,e.func(r)))}))}}},{key:"getSelectedTimeline",value:function(){var e=this.json.timeline,t=e.filter((function(e){return e.selected}));return(t.length?t[0]:e[0])||null}},{key:"getKeyframeListReturnArray",value:function(){var e=this.getSelectedTimeline(),t=[];return e&&e.animations.forEach((function(e){e.properties.forEach((function(e){t.push.apply(t,e.keyframes)}))})),t}},{key:"getKeyframeList",value:function(e){var t=this.getSelectedTimeline();t&&t.animations.forEach((function(n){n.properties.forEach((function(n){n.keyframes.forEach((function(n){e&&e(t,n)}))}))}))}},{key:"getSelectedTimelineLastTime",value:function(){var e=0;return this.getKeyframeList((function(t,n){e=Math.max(n.time,e)})),e}},{key:"getSelectedTimelineFirstTime",value:function(){var e=Number.MAX_SAFE_INTEGER;return this.getKeyframeList((function(t,n){e=Math.min(n.time,e)})),e}},{key:"getSelectedTimelinePrevTime",value:function(){var e=this.getSelectedTimelineFirstTime();return this.getKeyframeList((function(t,n){sa(t.fps,n.time)<t.currentTimecode&&(e=Math.max(n.time,e))})),e}},{key:"getSelectedTimelineNextTime",value:function(){var e=this.getSelectedTimelineLastTime();return this.getKeyframeList((function(t,n){sa(t.fps,n.time)>t.currentTimecode&&(e=Math.min(n.time,e))})),e}},{key:"setTimelineTitle",value:function(e,t){var n=this.json.timeline.find((function(t){return t.id===e}));n&&(n.title=t)}},{key:"selectTimeline",value:function(e){e?this.json.timeline.forEach((function(t){t.selected=t.id===e})):this.json.timeline.filter((function(e){return e.selected})).length||this.json.timeline.length&&(this.json.timeline.selected=!0);this.compileAll()}},{key:"removeAnimation",value:function(e){this.json.timeline=this.json.timeline.filter((function(t){return t.id!==e})),this.json.timeline.length&&(this.json.timeline[0].selected=!0),this.compileAll()}},{key:"addTimeline",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"00:00:10:00",n=ae(),r=zs({id:n,title:"sample"},this.getTimelineLayerInfo(e,t),{animations:[]});return this.json.timeline.push(r),this.selectTimeline(n),r}},{key:"addTimelineLayer",value:function(e){var t=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(t,n)),r.selected=!0,e){var i=r.animations.filter((function(t){return t.id===e}));i[0]||r.animations.push({id:e,properties:[]})}}},{key:"getTimelineLayerInfo",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"00:00:10:00",n=oa(e,t);return{fps:e,speed:1,direction:"normal",iterationCount:1,currentTimecode:sa(e,0),totalTimecode:sa(e,n),currentTime:0,totalTime:n,displayStartTime:0,displayEndTime:n}}},{key:"setTimelineCurrentTime",value:function(e){var t=this.getSelectedTimeline(),n=t.fps,r=t.totalTimecode;if(t){var i=e,a=e;+i+""===i&&(a=ca(n,i=+i)),a>r&&(a=r);var o=oa(n,a);t.currentTime=o,t.currentTimecode=sa(n,o)}}},{key:"setDisplayTimeDxRate",value:function(e,t,n){var r=this.getSelectedTimeline();if(r){var i=e*r.totalTime,a=t+i,o=n+i;a=Math.max(a,0),0===(a=Math.min(a,o))&&(o=n-t),o=Math.max(o,a),(o=Math.min(o,r.totalTime))===r.totalTime&&(a=r.totalTime-(n-t)),r.displayStartTime=a,r.displayEndTime=o}}},{key:"setDisplayStartTimeRate",value:function(e){var t=this.getSelectedTimeline();t&&(t.displayStartTime=e*t.totalTime)}},{key:"setDisplayEndTimeRate",value:function(e){var t=this.getSelectedTimeline();t&&(t.displayEndTime=e*t.totalTime)}},{key:"setTimelineCurrentTimeRate",value:function(e){var t=this.getSelectedTimeline();if(t){var n=t.displayStartTime,r=t.displayEndTime,i=t.fps,a=n+(r-n)*e;this.setTimelineCurrentTime(sa(i,a))}}},{key:"setTimelineTotalTime",value:function(e){var t=this.getSelectedTimeline();if(t){var n=e,r=e;+n+""===n&&(n=+n,r=ca(t.fps,n)),oa(t.fps,r)<t.displayEndTime&&(t.displayEndTime=oa(t.fps,r),t.displayStartTime=0),t.totalTimecode=r,t.totalTime=oa(t.fps,r)}}},{key:"getTimelineObject",value:function(e){var t=this.getSelectedTimeline();if(t)return t.animations.find((function(t){return t.id===e}))}},{key:"addTimelineProperty",value:function(e,t){this.addTimelineLayer(e);var n=this.getTimelineObject(e);n&&(n.properties.filter((function(e){return e.property===t})).length||(n.properties.push({property:t,keyframes:[]}),this.compiledTimingFunction(e,t)))}},{key:"getTimelineProperty",value:function(e,t){var n=this.getSelectedTimeline();if(n){e=e||n.selectedLayerId,t=t||n.selectedProperty;var r=this.getTimelineObject(e);if(r)return r.properties.find((function(e){return e.property===t}))}}},{key:"setSelectedOffset",value:function(e,t,n){var r=this.getSelectedTimeline();r&&(r.selectedLayerId=e,r.selectedProperty=t,r.selectedOffsetTime=n,this.getTimelineProperty().keyframes.forEach((function(e){e.selected=e.time===n})))}},{key:"deleteTimelineKeyframe",value:function(e,t,n){var r=this.getTimelineProperty(e,t);r&&(r.keyframes=r.keyframes.filter((function(e){return e.id!=n})))}},{key:"removeTimelineProperty",value:function(e,t){var n=this.getTimelineObject(e);n&&(n.properties=n.properties.filter((function(e){return e.property!=t})))}},{key:"removeTimeline",value:function(e){var t=this.getSelectedTimeline();t&&(t.animations=t.animations.filter((function(t){return t.id!=e})))}},{key:"setTimelineKeyframeOffsetTime",value:function(e,t,n,r){var i=this.getTimelineKeyframeById(e,t,n);i&&(i.time=r,this.compiledTimingFunction(e,t))}},{key:"setTimelineKeyframeOffsetValue",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:void 0,o=this.getTimelineKeyframeById(e,t,n);o&&(tt(a)&&(o.time=a),tt(r)&&(o.value=r),tt(i)&&(o.timing=i),this.compiledTimingFunction(e,t))}},{key:"addTimelineKeyframe",value:function(e){var t=e.layerId,n=e.property,r=e.value,i=e.timing,a=e.time,o=e.editor;this.addTimelineProperty(t,n);var s=this.getSelectedTimeline(),c=this.getTimelineProperty(t,n);if(c){var l=a||s.currentTime;if(!c.keyframes.filter((function(e){return e.time===l})).length){r=et(r)||""===r?this.getDefaultPropertyValue(n):r;var u={id:ae(),layerId:t,property:n,time:l,value:r,timing:i||"linear",editor:o};return c.keyframes.push(u),c.keyframes.sort((function(e,t){return e.time>t.time?1:-1})),this.compiledTimingFunction(t,n),u}}}},{key:"getDefaultPropertyValue",value:function(e){switch(e){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(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=this.getTimelineProperty(e,t);if(r){var i=this.getSelectedTimeline(),a=n||i.currentTime,o=r.keyframes.filter((function(e){return e.time<a})),s=this.getDefaultPropertyValue(t),c="linear",l="";o.length&&(o.sort((function(e,t){return e.time>t.time?-1:1})),s=o[0].value+"",c=o[0].timing+"",l=o[0].editor),this.addTimelineKeyframe({layerId:e,property:t,value:s,timing:c,editor:l})}}},{key:"getTimelineKeyframe",value:function(e,t,n){var r=this.getTimelineProperty(e,t);if(r)return r.keyframes.find((function(e){return e.time===n}))}},{key:"getTimelineKeyframeById",value:function(e,t,n){var r=this.getTimelineProperty(e,t);if(r)return r.keyframes.find((function(e){return e.id===n}))}},{key:"sortTimelineKeyframe",value:function(e,t){var n=this.getTimelineProperty(e,t);n&&(n.keyframes.sort((function(e,t){return e.time>t.time?1:-1})),this.compiledTimingFunction(e,t))}},{key:"setFps",value:function(e){var t=this.getSelectedTimeline();t&&(t.fps=e,t.currentTimecode=sa(e,t.currentTime),t.totalTimecode=sa(e,t.totalTime))}},{key:"toCloneObject",value:function(){return zs({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{timeline:ht(this.json.timeline)})}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Rs({comments:[],colors:[],gradients:[],svgfilters:[],svgimages:[],keyframes:[],images:[],imageKeys:[],videos:[],videoKeys:[],audios:[]},e))}},{key:"addKeyframe",value:function(e){return this.json.keyframes.push(e),e}},{key:"createKeyframe",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addKeyframe(new Ms(Rs({checked:!0},e)))}},{key:"removeKeyframe",value:function(e){this.removePropertyList(this.json.keyframes,e)}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortKeyframe",value:function(e,t){this.sortItem(this.json.keyframes,e,t)}},{key:"updateKeyframe",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.keyframes[+e].reset(t)}},{key:"toKeyframeString",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.json.keyframes.map((function(t){return t.toString(e)})).join("\n\n")}},{key:"copyPropertyList",value:function(e,t){var n=Rs({},e[t]);e.splice(t,0,n)}},{key:"toCloneObject",value:function(){this.json;return Rs({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"))}},{key:"removePropertyList",value:function(e,t){e.splice(t,1)}},{key:"removeColor",value:function(e){this.removePropertyList(this.json.colors,e)}},{key:"copyColor",value:function(e){this.copyPropertyList(this.json.colors,e)}},{key:"sortColor",value:function(e,t){this.sortItem(this.json.colors,e,t)}},{key:"setColorValue",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.colors[e]=Rs({},this.json.colors[e],{},t)}},{key:"getColorIndex",value:function(e){return this.json.colors[e]}},{key:"getColor",value:function(e){return this.json.colors.filter((function(t){return t.name===e}))[0]}},{key:"addColor",value:function(e){return this.json.colors.push(e),e}},{key:"createColor",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addColor(e)}},{key:"removeImage",value:function(e){this.removePropertyList(this.json.images,e),this.refreshImageKeys()}},{key:"copyImage",value:function(e){this.copyPropertyList(this.json.images,e),this.refreshImageKeys()}},{key:"sortImage",value:function(e,t){this.sortItem(this.json.images,e,t)}},{key:"setImageValue",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.images[e]=Rs({},this.json.images[e],{},t),this.refreshImageKeys()}},{key:"getImageValueById",value:function(e){var t=this.json.imageKeys[e];if(t)return t.local}},{key:"refreshImageKeys",value:function(){var e={};this.json.images.forEach((function(t){e[t.id]=t})),this.reset({imageKeys:e})}},{key:"addImage",value:function(e){return this.json.images.push(e),this.refreshImageKeys(),e}},{key:"createImage",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addImage(e)}},{key:"removeVideo",value:function(e){this.removePropertyList(this.json.videos,e),this.refreshVideoKeys()}},{key:"copyVideo",value:function(e){this.copyPropertyList(this.json.videos,e),this.refreshVideoKeys()}},{key:"sortVideo",value:function(e,t){this.sortItem(this.json.videos,e,t)}},{key:"setVideoValue",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.videos[e]=Rs({},this.json.videos[e],{},t)}},{key:"getVideoValueById",value:function(e){var t=this.json.videoKeys[e];if(t)return t.local}},{key:"refreshVideoKeys",value:function(){var e={};this.json.videos.forEach((function(t){e[t.id]=t})),this.reset({videoKeys:e})}},{key:"addVideo",value:function(e){return this.json.videos.push(e),this.refreshVideoKeys(),e}},{key:"createVideo",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addVideo(e)}},{key:"removeGradient",value:function(e){this.removePropertyList(this.json.gradients,e)}},{key:"copyGradient",value:function(e){this.copyPropertyList(this.json.gradients,e)}},{key:"sortGradient",value:function(e,t){this.sortItem(this.json.gradients,e,t)}},{key:"setGradientValue",value:function(e,t){this.json.gradients[e]=Rs({},this.json.gradients[e],{},t)}},{key:"getGradientIndex",value:function(e){return this.json.gradients[e]}},{key:"getGradient",value:function(e){return this.json.gradients.filter((function(t){return t.name===e}))[0]}},{key:"addGradient",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.json.gradients.push(e),e}},{key:"createGradient",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addGradient(e)}},{key:"getSVGFilterIndex",value:function(e){var t=this.json.svgfilters.map((function(e,t){return{id:e.id,index:t}})).filter((function(t){return t.id===e}))[0];return t?t.index:-1}},{key:"removeSVGFilter",value:function(e){this.removePropertyList(this.json.svgfilters,e)}},{key:"copySVGFilter",value:function(e){this.copyPropertyList(this.json.svgfilters,e)}},{key:"sortSVGFilter",value:function(e,t){this.sortItem(this.json.svgfilters,e,t)}},{key:"setSVGFilterValue",value:function(e,t){this.json.svgfilters[e]=Rs({},this.json.svgfilters[e],{},t)}},{key:"addSVGFilter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.json.svgfilters.push(e);var t=this.json.svgfilters.length-1;return t}},{key:"createSVGFilter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSVGFilter(e)}},{key:"getSVGImageIndex",value:function(e){var t=this.json.svgimages.map((function(e,t){return{id:e.id,index:t}})).filter((function(t){return t.id===e}))[0];return t?t.index:-1}},{key:"removeSVGImage",value:function(e){this.removePropertyList(this.json.svgimages,e)}},{key:"copySVGImage",value:function(e){this.copyPropertyList(this.json.svgimages,e)}},{key:"sortSVGImage",value:function(e,t){this.sortItem(this.json.svgimages,e,t)}},{key:"setSVGImageValue",value:function(e,t){this.json.svgimages[e]=Rs({},this.json.svgimages[e],{},t)}},{key:"addSVGImage",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.json.svgimages.push(e);var t=this.json.svgimages.length-1;return t}},{key:"createSVGImage",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSVGImage(e)}}]),t}(Hi));function Bs(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Gs(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Bs(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Bs(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Hs=nr.z(),Ns=nr.z(),Xs=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"createIndexItemMap",value:function(){return this.indexedMap||(this.indexedMap=new Map),this.indexedMap}},{key:"removeIndexItem",value:function(e){this.indexed.delete(e.id)}},{key:"getIndexItem",value:function(e){return this.indexed.get(e)}},{key:"getSearchedIndexItem",value:function(e){return this.hasIndexItem(e)?this.getIndexItem(e):this.searchById(e)}},{key:"getSearchedIndexItemList",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.map((function(e){return project.getSearchedIndexItem(e)}))}},{key:"addIndexItem",value:function(e){!1===this.hasIndexItem(e.id)&&this.indexed.set(e.id,e.ref)}},{key:"hasIndexItem",value:function(e){return this.indexed.has(e)}},{key:"getDefaultTitle",value:function(){return"New Project"}},{key:"toRootVariableCSS",value:function(){var e={};return this.json.rootVariable.split(";").filter((function(e){return e.trim()})).forEach((function(t){var n=t.split(":"),r=k()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Gs({itemType:"project",name:"new Project",description:"",rootVariable:""},e))}},{key:"toCloneObject",value:function(){return Gs({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("name","description","rootVariable"))}},{key:"getTransformMatrix",value:function(){return D.a.create()}},{key:"resetMatrix",value:function(e){var t=D.a.getTranslation([],Q(e.getAccumulatedMatrix(),e.getTransformMatrixInverse())),n=k()(t,2),r=n[0],i=n[1];e.reset({x:nr.px(r),y:nr.px(i)})}},{key:"indexed",get:function(){return this.createIndexItemMap(),this.indexedMap}},{key:"isAbsolute",get:function(){return!1}},{key:"parent",get:function(){return null}},{key:"artboards",get:function(){return(this.json.layers||[]).filter((function(e){return e.is("artboard")}))}},{key:"offsetX",get:function(){return Hs}},{key:"offsetY",get:function(){return Ns}},{key:"rectVerties",get:function(){return zi(this.layers)}}]),t}(Fs);function Ys(e,t){var n=[];return e.layers.length&&e.layers.forEach((function(e){n.push.apply(n,Ys(e,t))})),t.id?n.push(e):t.includes(e.id)&&n.push(e),n}aa.registerComponent("project",Xs);var _s,Ks=function(){function e(t){zn()(this,e),this.$editor=t,this.project=null,this.items=[],this.itemKeys={},this.hoverId="",this.hoverItems=[],this.ids=[],this.idsString="",this.colorsteps=[],this.cachedItemVerties=[],this.cachedArtBoardVerties=[],this.cachedVerties=Ri(0,0,0,0,"50% 50% 0px"),this.selectionCamera=new ia({parent:this.currentProject,x:nr.px(0),y:nr.px(0),width:nr.px(0),height:nr.px(0)})}return Bn()(e,[{key:"initialize",value:function(){this.items=[],this.itemKeys={},this.ids=[],this.idsString="",this.cachedItemVerties={}}},{key:"getRootItem",value:function(e){var t=e;return e&&e.parent&&(t=e.parent),t}},{key:"selectColorStep",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];this.colorsteps=t}},{key:"isSelectedColorStep",value:function(e){return this.colorsteps.includes(e)}},{key:"selectProject",value:function(e){this.project=e}},{key:"isSameIds",value:function(e){return this.ids.length==e.length&&this.ids.filter((function(t){return e.includes(t)})).length===this.ids.length}},{key:"select",value:function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var i=(n||[]).filter((function(e){return!e.lock&&e.isAbsolute})),a=i.filter((function(e){return e.path.filter((function(e){return i.includes(e)})).length<2})),o=a.map((function(e){return e.id}));return!this.isSameIds(o)&&(this.items=a,this.itemKeys={},this.items.forEach((function(t){e.itemKeys[t.id]=t})),this.ids=Object.keys(this.itemKeys),this.ids.sort(),this.idsString=this.ids.join(","),this.setRectCache(),!0)}},{key:"reselect",value:function(){this.setRectCache()}},{key:"check",value:function(e){return!!this.itemKeys[e.id]}},{key:"get",value:function(e){return this.itemKeys[e]}},{key:"empty",value:function(){this.select()}},{key:"itemsByIds",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=[];if(nt(e)?t=e:(it(e)||ot(e))&&(t=[e]),t.length){var n=this.project,r=[],i=[];t.forEach((function(e){n.hasIndexItem(e)?r.push(n.getIndexItem(e)):i.push(e)}));var a=Ys(this.project,i);return a.forEach((function(e){n.addIndexItem(e)})),r.push.apply(r,a),r}return this.items}},{key:"makeItemMap",value:function(e){var t={};return this.ids.forEach((function(n){t[n]=ht(e)})),t}},{key:"selectById",value:function(e){e&&this.select.apply(this,j()(Ys(this.project,e)))}},{key:"selectAfterCopy",value:function(){this.select.apply(this,j()(this.items.map((function(e){return e.copy()}))))}},{key:"addById",value:function(e){this.itemKeys[e]||this.select.apply(this,j()(this.items).concat(j()(Ys(this.project,e))))}},{key:"removeById",value:function(e){var t=e;it(e)&&(t=[e]);var n=this.items.filter((function(e){return!1===t.includes(e.id)}));this.select.apply(this,j()(n))}},{key:"toggleById",value:function(e){this.itemKeys[e]?this.removeById(e):this.addById(e)}},{key:"getArtboardByPoint",value:function(e){return this.currentProject.artboards.find((function(t){return Ii(t.matrix.verties.filter((function(e,t){return t<4})),e[0],e[1])}))}},{key:"changeArtBoard",value:function(){var e=this,t=!1;return this.each((function(n){if(!1===n.is("artboard")){var r=n.rectVerties();if(n.artboard){var i=n.artboard.rectVerties();if(Ii(i,r[0][0],r[0][1])||Li(r,i))return!1}var a=e.cachedArtBoardVerties.find((function(e){var t=e.matrix.verties.filter((function(e,t){return t<4}));return Ii(t,r[0][0],r[0][1])||Li(r,t)}));a?a.item!==n.artboard&&(a.item.appendChildItem(n),t=!0):n.artboard&&(e.currentProject.appendChildItem(n),t=!0)}})),t}},{key:"doCache",value:function(){this.items.forEach((function(e){e.setCache()}))}},{key:"setRectCache",value:function(){this.cachedVerties=this.verties,this.cachedItemVerties=this.items.map((function(e){return e.fakeParent=void 0,e.matrix})),this.cachedArtBoardVerties=this.currentProject.artboards.map((function(e){return{item:e,matrix:e.matrix}}))}},{key:"toCloneObject",value:function(){var e={};return this.each((function(t){e[t.id]=t.toCloneObject(!1)})),e}},{key:"cloneValue",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r={};return this.each((function(e){r[e.id]={},t.forEach((function(t){r[e.id][t]=e[t]}))})),r}},{key:"each",value:function(e){st(e)&&this.items.forEach((function(t,n){e(t)}))}},{key:"map",value:function(e){return st(e)?this.items.map((function(t,n){return e(t,n)})):this.items}},{key:"reset",value:function(e){this.each((function(t){return t.reset(e)}))}},{key:"resetCallback",value:function(e){this.each((function(t){return t.reset(e(t))}))}},{key:"resize",value:function(){this.each((function(e){return e.resize()}))}},{key:"remove",value:function(){this.each((function(e){return e.remove()})),this.empty()}},{key:"copy",value:function(){this.copyItems=this.items.map((function(e){return e}))}},{key:"paste",value:function(){this.select.apply(this,j()(this.copyItems.map((function(e){return e.copy()})))),this.copy()}},{key:"isInParent",value:function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=e,r=n.parent,i=t.includes(r);!i&&!et(r);)n=r,r=r.parent,i=t.includes(r);return i}},{key:"hasPoint",value:function(e){return this.isMany?Ii(this.rectVerties,e[0],e[1]):this.cachedItemVerties.some((function(t){return Ii(t.verties,e[0],e[1])}))}},{key:"checkHover",value:function(e){return it(e)?this.hoverId===e:this.hoverItems.findIndex((function(t){return t.id===e.id}))>-1}},{key:"setHoverId",value:function(e){var t=!1;return!e||this.itemKeys[e]?(""!=this.hoverId&&(t=!0),this.hoverId="",this.hoverItems=[]):this.cachedArtBoardVerties.find((function(t){return t.item.id===e}))?(""!=this.hoverId&&(t=!0),this.hoverId="",this.hoverItems=[]):(this.hoverId!=e&&(t=!0),this.hoverId=e,this.hoverItems=this.itemsByIds([e]).filter((function(e){return!1===e.is("artboard")})),0===this.hoverItems.length&&(this.hoverId="",t=!0)),t&&this.$editor.emit("changeHoverItem"),t}},{key:"current",get:function(){return this.items[0]}},{key:"currentProject",get:function(){return this.project}},{key:"isEmpty",get:function(){return!this.length}},{key:"isOne",get:function(){return 1===this.length}},{key:"isMany",get:function(){return this.length>1}},{key:"length",get:function(){return this.items.length}},{key:"snapTargetLayers",get:function(){var e=this;return this.currentProject?this.currentProject.allLayers.filter((function(t){return!t.is("project")&&!e.check(t)})):[]}},{key:"snapTargetLayersWithSelection",get:function(){return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")})):[]}},{key:"selectedArtboards",get:function(){return j()(new Set(this.items.map((function(e){return e.artboard}))))}},{key:"isRelative",get:function(){return"relative"===(this.items[0]||{}).position}},{key:"verties",get:function(){return this.isOne?this.current.verties():this.rectVerties}},{key:"selectionVerties",get:function(){return this.isOne?this.current.selectionVerties():this.rectVerties}},{key:"rectVerties",get:function(){return zi(this.items)}},{key:"itemRect",get:function(){var e=this.verties;return{x:nr.px(e[0][0]),y:nr.px(e[0][1]),width:nr.px(D.d.distance(e[0],e[1])),height:nr.px(D.d.distance(e[0],e[3]))}}}]),e}(),Ws={en_US:{"app.title":"EASYLOGIC","app.sample":function(e,t,n){return"".concat(e,"-").concat(t,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.lang.fr_FR":"Français","app.label.lang":"Language","app.layout.all":"All","app.layout.css":"CSS","app.layout.svg":"SVG","app.label.layout":"Menu Layout","app.theme.dark":"Dark","app.theme.light":"Light","app.theme.toon":"Toon","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.artboards":"Artboard","app.tab.title.assets":"Assets","app.tab.title.keyMap":"KeyMap","app.confirm.message.artboard.items.removeArtboard":"Do you remove an artboard preview really?","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.shortcuts.title":"ShortCuts","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","position.property.width":"W","position.property.height":"H","position.property.opacity":"Opacity","position.property.rotate":"Rotate","background.color.property.title":"Appearance","background.color.property.color":"Color","background.color.property.zindex":"z-index","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":"Appearance","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.reverse":"Reverse","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","inspector.tab.title.history":"History","timeline.property.title":"Timeline","timeline.property.resize":"Drag if you want to resize timeline height.","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","timeline.value.editor.offset.message":"Please input enter key to change time offset.","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","viewport.panning.enable":"You can move the area by holding down space key and dragging the screen."},fr_FR:(_s={"app.title":"EASYLOGIC","app.sample":function(e,t,n){return"".concat(e,"-").concat(t,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.lang.fr_FR":"Français","app.label.lang":"Langue","app.layout.all":"All","app.layout.css":"CSS","app.layout.svg":"SVG","app.label.layout":"Menu Layout","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.artboards":"Artboard","app.tab.title.assets":"Elements","app.tab.title.keyMap":"Clavier","app.confirm.message.artboard.items.removeArtboard":"Do you remove an artboard preview really?","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.shortcuts.title":"ShortCuts","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","position.property.width":"Largeur","position.property.height":"Hauteur","position.property.opacity":"Opacity","position.property.rotate":"Rotate","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":"Appearance","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.reverse":"Reverse","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","inspector.tab.title.history":"History"},m()(_s,"inspector.tab.title.history","History"),m()(_s,"timeline.property.title","Chronologie"),m()(_s,"timeline.property.resize","Drag if you want to resize timeline height."),m()(_s,"timeline.animation.property.title","Animations"),m()(_s,"timeline.play.control.play","Jouer"),m()(_s,"timeline.play.control.pause","Pause"),m()(_s,"timeline.play.control.first","Premier"),m()(_s,"timeline.play.control.prev","Précédent"),m()(_s,"timeline.play.control.next","Suivant"),m()(_s,"timeline.play.control.last","Dernier"),m()(_s,"timeline.play.control.direction","Direction"),m()(_s,"timeline.play.control.speed","Vitesse"),m()(_s,"timeline.play.control.repeat","Répéter"),m()(_s,"timeline.play.control.infinite","Infini"),m()(_s,"timeline.play.control.normal","normal"),m()(_s,"timeline.play.control.alternate","alternatif"),m()(_s,"timeline.play.control.reverse","inverse"),m()(_s,"timeline.play.control.alternate.reverse","inverse alternatif"),m()(_s,"timeline.value.editor.value","Valeur"),m()(_s,"timeline.value.editor.time","Temps"),m()(_s,"timeline.value.editor.timing","Calage temps"),m()(_s,"timeline.value.editor.offset.message","Please input enter key to change time offset."),m()(_s,"svgfilter.popup.title","Filtre SVG"),m()(_s,"css.item.rotate","Rotation"),m()(_s,"css.item.rotateX","Rotation X"),m()(_s,"css.item.rotateY","Rotation Y"),m()(_s,"css.item.rotateZ","Rotation Z"),m()(_s,"css.item.rotate3d","Rotation 3D"),m()(_s,"css.item.skewX","Oblique X"),m()(_s,"css.item.skewY","Oblique Y"),m()(_s,"css.item.translate","Translation"),m()(_s,"css.item.translateX","Translation X"),m()(_s,"css.item.translateY","Translation Y"),m()(_s,"css.item.translateZ","Translation Z"),m()(_s,"css.item.translate3d","Translation 3D"),m()(_s,"css.item.perspective","Perspéctive"),m()(_s,"css.item.scale","Echelle"),m()(_s,"css.item.scaleX","Echelle X"),m()(_s,"css.item.scaleY","Echelle Y"),m()(_s,"css.item.scaleZ","Echelle Z"),m()(_s,"css.item.scale3d","Echelle 3D"),m()(_s,"css.item.matrix","Matrice"),m()(_s,"css.item.matrix3d","Matrice 3D"),m()(_s,"animation.property.title","Animation CSS"),m()(_s,"animation.property.direction","Direction"),m()(_s,"animation.property.play.state","Etat lecture"),m()(_s,"animation.property.fill.mode","Mode remplissage"),m()(_s,"animation.property.delay","Délais"),m()(_s,"animation.property.duration","Durée"),m()(_s,"animation.property.iteration.count","Nombre Itérations"),m()(_s,"animation.property.Select a keyframe","Selectionner une image clé"),m()(_s,"animation.property.popup.title","Animation"),m()(_s,"animation.property.popup.timing.function","Fonction temps"),m()(_s,"animation.property.popup.keyframe","image clé"),m()(_s,"animation.property.popup.direction","Direction"),m()(_s,"animation.property.popup.play.state","Etat lecture"),m()(_s,"animation.property.popup.fill.mode","Mode remplissage"),m()(_s,"animation.property.popup.delay","Délais"),m()(_s,"animation.property.popup.duration","Duréé"),m()(_s,"animation.property.popup.iteration","Itération"),m()(_s,"animation.property.popup.normal","normal"),m()(_s,"animation.property.popup.reverse","inverse"),m()(_s,"animation.property.popup.alternate","alternatif"),m()(_s,"animation.property.popup.alternate-reverse","inverse alternatif"),m()(_s,"animation.property.popup.none","Aucun"),m()(_s,"animation.property.popup.forwards","en avant"),m()(_s,"animation.property.popup.backwards","en arrière"),m()(_s,"animation.property.popup.both","les deux"),m()(_s,"animation.property.popup.Select a keyframe","Selectionner une image clé"),m()(_s,"keyframe.popup.title","image clé"),m()(_s,"code.view.property.title","Vue code"),m()(_s,"svg.filter.editor.tab.filter","Filtrer"),m()(_s,"svg.filter.editor.tab.preset","Pre-rempli"),m()(_s,"svg.filter.editor.tab.asset","Eléments"),m()(_s,"svg.filter.editor.GRAPHIC REFERENCES","REFERENCES GRAPHIQUES"),m()(_s,"svg.filter.editor.SOURCES","SOURCES"),m()(_s,"svg.filter.editor.MODIFIER","MODIFIER"),m()(_s,"svg.filter.editor.LIGHTING","ECLAIRAGE"),m()(_s,"svg.filter.editor.COMBINERS","COMBINER"),m()(_s,"svg.filter.editor.Template","Modèle"),m()(_s,"layout.property.title","Disposition"),m()(_s,"layout.property.flex","Boîte Flex"),m()(_s,"layout.property.grid","Grille"),m()(_s,"layout.property.default","Défaut"),m()(_s,"flex.layout.editor.row","Ligne"),m()(_s,"flex.layout.editor.column","Colonne"),m()(_s,"flex.layout.editor.row-reverse","Inverse ligne"),m()(_s,"flex.layout.editor.column-reverse","Inverse Colonne"),m()(_s,"flex.layout.editor.nowrap","Non-emballé"),m()(_s,"flex.layout.editor.wrap","Emballé (wrap)"),m()(_s,"flex.layout.editor.wrap-reverse","Inverse emballé"),m()(_s,"flex.layout.editor.flex-start","Début"),m()(_s,"flex.layout.editor.flex-end","Fin"),m()(_s,"flex.layout.editor.center","Centrer"),m()(_s,"flex.layout.editor.space-between","Entre"),m()(_s,"flex.layout.editor.space-around","Autour"),m()(_s,"flex.layout.editor.baseline","Base"),m()(_s,"flex.layout.editor.stretch","Etirement"),m()(_s,"flex.layout.editor.direction","Direction"),m()(_s,"flex.layout.editor.justify-content","Justifier"),m()(_s,"flex.layout.editor.align-items","Aligner objets"),m()(_s,"flex.layout.editor.align-content","Aligner contenu"),m()(_s,"flex.layout.item.property.title","Détail Disposition objet"),m()(_s,"flex.layout.item.property.grow","Augmenter Flex"),m()(_s,"flex.layout.item.property.shrink","Réduire Flex"),m()(_s,"flex.layout.item.property.basis","Base Flex"),m()(_s,"flex.layout.item.property.none","Aucun"),m()(_s,"flex.layout.item.property.auto","auto"),m()(_s,"flex.layout.item.property.value","valeur"),m()(_s,"grid.layout.editor.template.columns","Colonne"),m()(_s,"grid.layout.editor.column.gap","Espace Colonne"),m()(_s,"grid.layout.editor.template.rows","Lignes"),m()(_s,"grid.layout.editor.row.gap","Espace lignes"),m()(_s,"grid.box.editor.box.title","Boîte"),m()(_s,"grid.box.editor.type","Type"),m()(_s,"grid.box.editor.repeat","Répéter"),m()(_s,"grid.box.editor.length","Longueur"),m()(_s,"grid.box.editor.none","Aucun"),m()(_s,"grid.box.editor.auto","Auto"),m()(_s,"grid.box.editor.count","Compte"),m()(_s,"grid.box.editor.value","Taille"),m()(_s,"grid.layout.item.property.title","Détail disposition objets"),m()(_s,"grid.layout.item.property.column","Colonne"),m()(_s,"grid.layout.item.property.row","Ligne"),m()(_s,"grid.layout.item.property.start","Début"),m()(_s,"grid.layout.item.property.end","Fin"),m()(_s,"grid.layout.item.property.none","Aucun"),m()(_s,"grid.layout.item.property.value","valeur"),m()(_s,"box.model.property.title","Modèle"),m()(_s,"box.model.property.margin","Marge"),m()(_s,"box.model.property.padding","Espace"),m()(_s,"component.items.canvas","Toile"),m()(_s,"component.items.layer","Objet"),m()(_s,"component.items.3dlayer","Objet 3D"),m()(_s,"component.items.drawing","Dessin"),m()(_s,"component.items.custom","Composant personnalisé"),m()(_s,"svg.text.property.title","Style SVG Texte"),m()(_s,"svg.text.property.textarea","Zone Texte"),m()(_s,"svg.text.property.size","Taille"),m()(_s,"svg.text.property.weight","Poids"),m()(_s,"svg.text.property.style","Style"),m()(_s,"svg.text.property.anchor","Ancre Texte"),m()(_s,"svg.text.property.family","Famille"),m()(_s,"svg.text.property.length.adjust","Ajusteement longueur"),m()(_s,"svg.text.property.text.length","Ajusteement Texte"),m()(_s,"svg.text.property.start.offset","Décallage départ"),m()(_s,"fill.picker.popup.title","Sélection Fragment SVG"),m()(_s,"gradient.editor.drag.message","Glisser pour déplacer centre."),m()(_s,"draw.manager.tolerance","Tolérance"),m()(_s,"pattern.property.title","Motif"),m()(_s,"pattern.info.popup.title","Info Motif"),m()(_s,"pattern.info.popup.width","Largeur"),m()(_s,"pattern.info.popup.height","Hauteur"),m()(_s,"pattern.info.popup.lineWidth","Largeur ligne"),m()(_s,"pattern.info.popup.lineHeight","Hauteur de ligne"),m()(_s,"pattern.info.popup.rotate","Rotatation"),m()(_s,"pattern.info.popup.blend","Mélange"),m()(_s,"pattern.info.popup.foreColor","Avant"),m()(_s,"pattern.info.popup.backColor","Arrière"),m()(_s,"stroke.dasharray.editor.add","Ajout tiret"),m()(_s,"viewport.panning.enable","You can move the area by holding down space and dragging the screen."),_s),ko_KR:{"app.title":"EASYLOGIC","app.sample":function(e,t,n){return"".concat(e,"-").concat(t,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.lang.fr_FR":"Français","app.label.lang":"언어","app.layout.all":"전체","app.layout.css":"CSS","app.layout.svg":"SVG","app.label.layout":"메뉴구성","app.theme.dark":"어두운","app.theme.light":"밝은","app.theme.toon":"그리기","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.artboards":"아트보드","app.tab.title.assets":"에셋","app.tab.title.keyMap":"단축키","app.confirm.message.artboard.items.removeArtboard":"아트보드 프리뷰를 삭제 하시겠습니까?","menu.item.download.title":"다운로드","menu.item.save.title":"저장","menu.item.export.title":"내보내기","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"전체화면","menu.item.shortcuts.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":"크기","position.property.width":"넓이","position.property.height":"높이","position.property.rotate":"회전","position.property.opacity":"투명","background.color.property.title":"표시","background.color.property.color":"배경색","background.color.property.zindex":"z-index","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.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.reverse":"순서변경","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":"코드","inspector.tab.title.history":"기록","timeline.property.title":"타임라인","timeline.property.resize":"타임라인 높이를 변경합니다. 드래그 해주세요.","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":"타이밍 함수","timeline.value.editor.offset.message":"Enter키를 입력하면 적용됩니다.","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":"점 추가","viewport.panning.enable":"space 를 누른채 화면을 드래그 하면 영역을 움직일 수 있습니다."}},Us={locales:Ws,get:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"en_US",r=Ws[n][e]||Ws.en_US[e]||e||void 0;if(st(r))return r(t);var i=r;return e===i?e.split(".").pop():(Ue(t,(function(e,t){i=i.replace(new RegExp("{".concat(e,"}"),"ig"),t)})),i)},hasKey:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en_US";return!(!Ws[t][e]&&!Ws.en_US[e])}},Zs={dark:{left_size:250,left_max_size:400,bottom_size:150,bottom_max_size:500,timeline_grid_font_color:"#ececec",timeline_line_color:"red",timeline_timeview_bottom_color:"black"},light:{left_size:250,left_max_size:400,bottom_size:150,bottom_max_size:500,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"},toon:{left_size:250,left_max_size:400,bottom_size:150,bottom_max_size:500,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"}};function qs(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Js=function(){function e(t){zn()(this,e),this.$editor=t,this.items=[],this.itemKeys={}}return Bn()(e,[{key:"initialize",value:function(){this.items=[],this.itemKeys={}}},{key:"currentProject",value:function(e){var t=this.$editor.selection.currentProject;t&&e&&e(t)}},{key:"empty",value:function(){this.select()}},{key:"each",value:function(e){this.items.forEach((function(t,n){e&&e(t,n)}))}},{key:"refreshCache",value:function(e){var t=this;this.items=e,this.itemKeys={},this.items.forEach((function(e){t.itemKeys[e.id]=e}))}},{key:"cachedList",value:function(){return this.items.map((function(e){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?qs(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):qs(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e)}))}},{key:"checked",value:function(e){return!!this.itemKeys[e]}},{key:"selectLayer",value:function(e){var t=this;this.currentProject((function(n){var r=n.getKeyframeListReturnArray().filter((function(t){return t.layerId===e}));t.refreshCache(r)}))}},{key:"toggleLayerContainer",value:function(e){this.currentProject((function(t){t.getSelectedTimeline().animations.filter((function(t){return t.id===e})).forEach((function(e){e.collapsed=!e.collapsed}))}))}},{key:"selectProperty",value:function(e,t){var n=this;this.currentProject((function(r){var i=r.getKeyframeListReturnArray().filter((function(n){return n.layerId===e&&n.property===t}));n.refreshCache(i)}))}},{key:"select",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];this.refreshCache(t)}},{key:"selectBySearch",value:function(e,t,n){var r=this;this.currentProject((function(i){var a=[];e.forEach((function(e){var r=[];if(e.property){var o=i.getTimelineProperty(e.layerId,e.property);r=o.keyframes.filter((function(e){return t<=e.time&&e.time<=n}))}else{(o=i.getTimelineObject(e.layerId)).properties.filter((function(t){return t.property===e.property})).forEach((function(e){r.push.apply(r,e.keyframes.filter((function(e){return t<=e.time&&e.time<=n})))}))}a.push.apply(a,r)}));var o={};a.forEach((function(e){o[e.id]=e})),r.select.apply(r,j()(Object.values(o)))}))}},{key:"checkLayer",value:function(e){var t=this;return Object.keys(this.itemKeys).some((function(n){return t.itemKeys[n].layerId===e}))}},{key:"checkProperty",value:function(e,t){var n=this;return Object.keys(this.itemKeys).some((function(r){return n.itemKeys[r].layerId===e&&n.itemKeys[r].property===t}))}}]),e}();var Qs={command:"setAttribute",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;e.selection.itemsByIds(n).forEach((function(n){Object.keys(t).forEach((function(e){var r=t[e];st(r)&&(r=r(n)),n.reset(m()({},e,r))})),n.setCache(),e.emit("refreshElement",n)}))}};function ec(e){e.emit("noneSelectMenu"),e.emit("refreshAll"),e.nextTick((function(){e.emit("refreshSelectionTool")}))}function tc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function rc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ic(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?rc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ac(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function oc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ac(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ac(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var sc={command:"fileDropItems",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];e.emit("updateResource",t)}},cc={command:"updateImage",execute:function(e,t,n,r){var i=new FileReader;i.onload=function(i){var a=i.target.result,o=URL.createObjectURL(t);e.emit("addImageAssetItem",{id:ae(),type:t.type,name:t.name,original:a,local:o},n,r)},i.readAsDataURL(t)}},lc={command:"updateVideo",execute:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=new FileReader;i.onload=function(i){var a=i.target.result,o=URL.createObjectURL(t);e.emit("addVideoAssetItem",{id:ae(),type:t.type,name:t.name,original:a,local:o},n,r)},i.readAsDataURL(t)}};function uc(e,t){var n=new Image;n.onload=function(){var r={id:e.id,local:e.local,naturalWidth:nr.px(n.naturalWidth),naturalHeight:nr.px(n.naturalHeight),width:nr.px(n.naturalWidth),height:nr.px(n.naturalHeight)};t&&t(r,n)},n.onerror=function(e){console.log(e,e.message)},n.src=e.local}function hc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function pc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?hc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):hc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var dc={command:"addImageAssetItem",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=e.selection.currentProject;i&&(i.createImage(t),e.emit("addImageAsset"),uc(t,(function(i){var a=n.width.value/i.width.value,o=n.width,s=nr.px(i.height.value*a);e.emit("addImage",pc({src:t.id},i,{},n,{width:o,height:s}),r),e.changeMode(Sf),e.emit("afterChangeMode")})))}};function fc(e,t){var n=document.createElement("video");n.onloadeddata=function(){var r={local:e.local,naturalWidth:nr.px(n.videoWidth),naturalHeight:nr.px(n.videoHeight),width:nr.px(n.videoWidth),height:nr.px(n.videoHeight),duration:n.duration,playTime:"0:1:".concat(n.duration),volume:n.volume,muted:n.muted,placebackRate:n.playbackRate};t&&t(r,n)},n.src=e.local}function vc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function yc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?vc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):vc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var gc={command:"addVideoAssetItem",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=e.selection.currentProject;i&&(i.createVideo(t),e.emit("addVideoAsset"),fc(t,(function(i){e.emit("addVideo",yc({src:t.id},i,{},n),r),e.changeMode(Sf),e.emit("afterChangeMode")})))}};function mc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var bc={command:"dropImageUrl",execute:function(e,t){uc({local:t},(function(t){e.emit("addImage",function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({src:t.local},t)),e.changeMode(Sf),e.emit("afterChangeMode")}))}},kc={command:"addSVGFilterAssetItem",execute:function(e,t){var n=e.selection.currentProject;if(n){var r=ae(),i=n.createSVGFilter({id:r,filters:[]});t&&t(i,r)}}},xc={command:"updateImageAssetItem",execute:function(e,t,n){var r=new FileReader;r.onload=function(r){var i=r.target.result,a=URL.createObjectURL(t),o=e.selection.currentProject;if(o){var s=o.createImage({id:ae(),type:t.type,name:t.name,original:i,local:a});e.emit("addImageAsset"),st(n)&&n(s.id)}},r.readAsDataURL(t)}},wc={command:"updateVideoAssetItem",execute:function(e,t,n){var r=new FileReader;r.onload=function(r){var i=r.target.result,a=URL.createObjectURL(t),o=e.selection.currentProject;o&&(o.createVideo({id:ae(),type:t.type,name:t.name,original:i,local:a}),e.emit("addVideoAsset"),st(n)&&n(a))},r.readAsDataURL(t)}},Sc=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"parse",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=t.split("data:"),i=k()(r,2),a=(i[0],i[1]),o=a.split(","),s=S()(o),c=s[0],l=s.slice(1),u=c.split(";"),h=k()(u,2),p=h[0],d=h[1];return l=l.join(","),{mimeType:p,local:n&&e.getLink(p,d,l)}}},{key:"getLink",value:function(e,t,n){if("base64"===t){for(var r=atob(n),i=r.length,a=new Uint8Array(i),o=0;o<i;o++)a[o]=r.charCodeAt(o);var s=new Blob([a],{type:e});return URL.createObjectURL(s)}return""}}]),e}(),Pc={command:"updateUriList",execute:function(e,t){var n=t.data;if(n.indexOf("data:")>-1){var r=Sc.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":e.emit("addImageAssetItem",{id:ae(),type:r.mimeType,name:"",original:n,local:r.local})}}else{var i=t.data.split(".").pop(),a=t.data.split("/").pop();switch(i){case"png":case"jpg":case"gif":case"svg":e.emit("addImageAssetItem",{id:ae(),type:"image/"+i,name:a,original:t.data,local:t.data})}}}};function jc(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"easylogic.json",n=document.createElement("a");n.href=e,n.download=t,n.click()}var Oc={command:"downloadJSON",execute:function(e,t){var n=JSON.stringify(e.projects);jc("data:application/json;base64,"+window.btoa(n),t||"easylogic.json")}},$c=new Map,Cc=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"has",value:function(e){return $c.has(e)}},{key:"get",value:function(e){return $c.get(e)}},{key:"set",value:function(e,t){$c.size>1e3&&$c.clear(),$c.set(e,t)}}]),e}();function Ec(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Tc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ec(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ec(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Vc=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,Dc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Tc({itemType:"pattern"},e))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(e){var t=Gc[e.type];if(t)return new t(e)}},{key:"parseStyle",value:function(e){var n=[];if(!e)return n;if(Cc.has(e))return Cc.get(e);var r=fn(e);return(r.str.match(Vc)||[]).forEach((function(e,i){var a=e.split("("),o=k()(a,2),s=o[0],c=o[1],l=(c=c.split(")")[0]).split(",").map((function(e){return e.trim()})),u=k()(l,6),h=u[0],p=u[1],d=u[2],f=u[3],v=u[4],y=u[5],g=h.split(" "),m=k()(g,2),b=m[0],x=m[1],w=p.split(" "),S=k()(w,2),P=S[0],j=S[1],O=(y||"").split(" "),$=k()(O,2),C=$[0],E=$[1];n[i]=t.parse({type:s,x:nr.parse(P),y:nr.parse(j),width:nr.parse(b),height:nr.parse(x),foreColor:yn(d,r.matches),backColor:yn(f,r.matches),blendMode:v||"normal",lineWidth:nr.parse(C||"1px"),lineHeight:nr.parse(E||"1px")})})),Cc.set(e,n),n}},{key:"join",value:function(e){return e.map((function(e){return t.parse(e)})).join(" ")}},{key:"toCSS",value:function(e){var n=[];return t.parseStyle(e).forEach((function(e){n.push.apply(n,So.parseStyle(kt(e.toCSS())))})),So.joinCSS(n)}}]),t}(Yi),Ic=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"base",x:nr.z(),y:nr.z(),width:nr.px(20),height:nr.px(20),lineWidth:nr.px(1),lineHeight:nr.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).width=nr.parse(e.width),e.height=nr.parse(e.height),e.lineWidth=nr.parse(e.lineWidth),e.lineHeight=nr.parse(e.lineHeight),e.x=nr.parse(e.x),e.y=nr.parse(e.y),e}},{key:"toString",value:function(){var e=this.json,t=e.type,n=e.width,r=e.height,i=e.x,a=e.y,o=e.foreColor,s=e.backColor,c=e.blendMode,l=e.lineWidth,u=e.lineHeight;return"".concat(t,"(").concat(n," ").concat(r,", ").concat(i," ").concat(a,", ").concat(o,", ").concat(s,", ").concat(c,", ").concat(l," ").concat(u,")")}}]),t}(Dc),Mc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"check"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.x,i=e.y,a=e.backColor,o=e.foreColor,s=e.blendMode;return a=a||"transparent","\n      background-image: repeating-linear-gradient(45deg, ".concat(o=o||"black"," 25%, ").concat(a," 25%, ").concat(a," 75%, ").concat(o," 75%, ").concat(o," 100%),repeating-linear-gradient(45deg, ").concat(o," 25%, ").concat(a," 25%, ").concat(a," 75%, ").concat(o," 75%, ").concat(o," 100%);\n      background-position: 0px 0px, ").concat(r," ").concat(i,";\n      background-size: ").concat(t," ").concat(n,", ").concat(t," ").concat(n,";\n      background-blend-mode: ").concat(s,", ").concat(s,";\n    ")}}]),t}(Ic),Lc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"grid"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.lineWidth,i=e.lineHeight,a=e.backColor,o=e.foreColor,s=e.blendMode;return a=a||"transparent","\n      background-image: linear-gradient(".concat(o=o||"black"," ").concat(i,", ").concat(a," ").concat(i,"),linear-gradient(to right, ").concat(o," ").concat(r,", ").concat(a," ").concat(r,");\n      background-size: ").concat(t.value/2,"px ").concat(n.value/2,"px, ").concat(t.value/2,"px ").concat(n.value/2,"px;      \n      background-blend-mode: ").concat(s,", ").concat(s,";      \n    ")}}]),t}(Ic),Rc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"dot"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.lineWidth,i=(e.lineHeight,e.backColor),a=e.foreColor,o=e.blendMode;return i=i||"transparent","\n      background-image: radial-gradient(".concat(a=a||"black"," ").concat(r,", ").concat(i," ").concat(r,");\n      background-size: ").concat(t.value/2,"px ").concat(n.value/2,"px;          \n      background-blend-mode: ").concat(o,";      \n    ")}}]),t}(Ic),Ac=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"cross-dot"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.x,i=e.y,a=e.lineWidth,o=(e.lineHeight,e.backColor),s=e.foreColor,c=e.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(s=s||"black"," ").concat(a,", ").concat(o," ").concat(a,"),radial-gradient(").concat(s," ").concat(a,", ").concat(o," ").concat(a,");\n      background-size: ").concat(t," ").concat(n,",").concat(t," ").concat(n,";\n      background-position: 0px 0px, ").concat(r," ").concat(i,";      \n      background-blend-mode: multiply, ").concat(c,";\n    ")}}]),t}(Ic),zc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"diagonal-line"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.x,i=e.lineWidth,a=e.backColor,o=e.foreColor,s=e.blendMode;return a=a||"transparent",o=o||"black","\n      background-image: repeating-linear-gradient(".concat(r,", ").concat(o," 0, ").concat(o," ").concat(i,", ").concat(a," 0, ").concat(a," 50%);\n      background-size: ").concat(t," ").concat(n,";      \n      background-blend-mode: ").concat(s,";\n    ")}}]),t}(Ic),Fc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"vertical-line"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.x,i=e.y,a=e.lineWidth,o=e.backColor,s=e.foreColor,c=e.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(s=s||"black"," 0px, ").concat(s," ").concat(a,", ").concat(o," ").concat(a,", ").concat(o," 100%);\n      background-size: ").concat(t," ").concat(n,"; \n      background-position: ").concat(r," ").concat(i,";        \n      background-blend-mode: ").concat(c,";\n    ")}}]),t}(Ic),Bc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"horizontal-line"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.x,i=e.y,a=e.lineWidth,o=e.backColor,s=e.foreColor,c=e.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(s=s||"black"," 0px, ").concat(s," ").concat(a,", ").concat(o," ").concat(a,", ").concat(o," 100%);    \n      background-position: ").concat(r," ").concat(i,";\n      background-size: ").concat(t," ").concat(n,";   \n      background-blend-mode: ").concat(c,";\n    ")}}]),t}(Ic),Gc={check:Mc,grid:Lc,dot:Rc,"cross-dot":Ac,"diagonal-line":zc,"vertical-line":Fc,"horizontal-line":Bc},Hc={CheckPattern:Mc,GridPattern:Lc,DotPattern:Rc,CrossDotPattern:Ac,DiagonalLinePattern:zc,VerticalLinePattern:Fc,HorizontalLinePattern:Bc};function Nc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Xc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Nc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Nc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Yc={},_c=["text-fill-color","text-stroke-color","text-stroke-width","background-clip"],Kc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toStringPropertyCSS",value:function(e,t){return kt(e[t])}},{key:"toBackgroundImageCSS",value:function(e){if(""===e["background-image"]&&""===e.pattern)return Yc;var t=[];if(e.pattern)for(var n=Dc.parseStyle(e.pattern),r=0,i=n.length;r<i;r++)t.push.apply(t,So.parseStyle(kt(n[r].toCSS())));return e["background-image"]&&t.push.apply(t,So.parseStyle(kt(e["background-image"]))),t.length?So.joinCSS(t):{}}},{key:"toLayoutCSS",value:function(e){var t=e.layout;if(e.hasLayout()){if("flex"===t)return this.toFlexLayoutCSS(e);if("grid"===t)return this.toGridLayoutCSS(e)}return{}}},{key:"toLayoutItemCSS",value:function(e){var t=e.parent.layout,n={};return"flex"===t?n={position:"relative",left:"auto !important",top:"auto !important"}:"grid"===t&&(n={position:"relative",left:"auto !important",top:"auto !important",width:"auto !important",height:"auto !important"}),"flex"===t?n=Xc({},n,{},kt(e["flex-layout-item"])):"grid"===t&&(n=Xc({},n,{},kt(e["grid-layout-item"]))),n}},{key:"toFlexLayoutCSS",value:function(e){return Xc({display:"flex"},this.toStringPropertyCSS(e,"flex-layout"))}},{key:"toGridLayoutCSS",value:function(e){return Xc({display:"grid"},this.toStringPropertyCSS(e,"grid-layout"))}},{key:"toBorderCSS",value:function(e){return this.toStringPropertyCSS(e,"border")}},{key:"toKeyCSS",value:function(e){return item[e]?m()({},e,item[e]):{}}},{key:"toBoxModelCSS",value:function(e){var t={};return e["margin-top"]&&(t["margin-top"]=e["margin-top"]),e["margin-bottom"]&&(t["margin-bottom"]=e["margin-bottom"]),e["margin-left"]&&(t["margin-left"]=e["margin-left"]),e["margin-right"]&&(t["margin-right"]=e["margin-right"]),e["padding-top"]&&(t["padding-top"]=e["padding-top"]),e["padding-bottom"]&&(t["padding-bottom"]=e["padding-bottom"]),e["padding-left"]&&(t["padding-left"]=e["padding-left"]),e["padding-right"]&&(t["padding-right"]=e["padding-right"]),t}},{key:"toKeyListCSS",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n={};return t.filter((function(t){return tt(e[t])})).forEach((function(t){n[t]=e[t]})),n}},{key:"toDefaultCSS",value:function(e){var t={};return e.isAbsolute&&(e.x&&(t.left=e.x),e.y&&(t.top=e.y)),t.visibility=e.visible?"visible":"hidden",Xc({},t,{},this.toKeyListCSS(e,["position","width","height","overflow","z-index","box-sizing","background-color","color","opacity","mix-blend-mode","transform-origin","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","animation","transition"]))}},{key:"toVariableCSS",value:function(e){var t={};return e.variable.split(";").filter((function(e){return e.trim()})).forEach((function(e){var n=e.split(":"),r=k()(n,2),i=r[0],a=r[1];t["--".concat(i)]=a})),t}},{key:"toRootVariableCSS",value:function(e){var t={};return e.rootVariable.split(";").filter((function(e){return e.trim()})).forEach((function(e){var n=e.split(":"),r=k()(n,2),i=r[0],a=r[1];t["--".concat(i)]=a})),t}},{key:"toRootVariableString",value:function(e){return bt(this.toRootVariableCSS(e))}},{key:"toWebkitCSS",value:function(e){var t={};return _c.forEach((function(n){t["-webkit-".concat(n)]=e[n]})),t}},{key:"toTextClipCSS",value:function(e){var t={};return"text"===e["text-clip"]&&(t["-webkit-background-clip"]="text",t["-webkit-text-fill-color"]="transparent",t.color="transparent"),t}},{key:"toTransformCSS",value:function(e){if("0deg"===e.rotate&&""===e.transform)return Yc;if(0===e.rotate.value&&""===e.transform)return Yc;var t=[e.transform,e.rotate].join(":::");t!=this._transformCacheKey&&(this._transformCache=Zi.rotate(e.transform,e.rotate),this._transformCacheKey=t);var n={transform:this._transformCache};return"rotate(0deg)"===n.transform&&delete n.transform,n}},{key:"toDefInnerString",value:function(e){return"\n      ".concat(this.toClipPath(e),"\n    ").trim()}},{key:"toClipPath",value:function(e){if(""===e["clip-path"])return"";var t=ts.parseStyle(e["clip-path"]),n=t.value;switch(t.type){case"path":return'<clipPath id="'.concat(this.clipPathId(e),'"><path d="').concat(n,'" /></clipPath>');case"svg":return'<clipPath id="'.concat(this.clipPathId(e),'">').concat(n,"</clipPath>")}return""}},{key:"toClipPathCSS",value:function(e){var t=e["clip-path"];if(!1===Boolean(t))return null;switch(ts.parseStyle(t).type){case"path":case"svg":t="url(#".concat(this.clipPathId(e),")")}return{"clip-path":t}}},{key:"innerSVGId",value:function(e){return e.id+"inner-svg"}},{key:"clipPathId",value:function(e){return e.id+"clip-path"}},{key:"toDefString",value:function(e){var t=this.toDefInnerString(e);return t?"\n    <svg class='inner-svg-element' data-id=\"".concat(this.innerSVGId(e),'" width="0" height="0">\n      <defs>\n        ').concat(t,"\n      </defs>\n    </svg>\n    "):""}},{key:"toSelectorString",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e.selectors.map((function(e){return e.toString(t)})).join("\n\n")}},{key:"generateView",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",r="\n  ".concat(t," {  /* ").concat(e.itemType," */\n      ").concat(bt(this.toCSS(e),"\n    "),"; \n      ").concat(n,"\n  }\n  ").concat(this.toNestedCSS(e).map((function(e){return"".concat(t," ").concat(e.selector," { \n        ").concat(e.cssText?e.cssText:bt(e.css||{},"\n\t\t"),"; \n    }")})).join("\n"),"\n  ").concat(this.toSelectorString(e,t),"\n    ");return r}},{key:"toCSS",value:function(e){return Object.assign({},this.toVariableCSS(e),this.toDefaultCSS(e),this.toClipPathCSS(e),this.toWebkitCSS(e),this.toTextClipCSS(e),this.toBoxModelCSS(e),this.toBorderCSS(e),this.toBackgroundImageCSS(e),this.toLayoutCSS(e),this.toTransformCSS(e),this.toLayoutItemCSS(e))}},{key:"toStyle",value:function(e,t){var n=this.generateView(e,".element-item[data-id='".concat(e.id,"']"));return("\n        <style type='text/css' data-id='".concat(e.id,"' data-timestamp='").concat(e.timestamp,"'>").concat(n,"</style>\n    ")+e.layers.map((function(e){return t.toStyle(e,t)})).join(""))}},{key:"render",value:function(e,t){var n=e.elementType,r=e.id,i=e.name,a=e.itemType,o=n||"div";return"    \n      <".concat(o,' class="').concat(wt(m()({"element-item":!0},a,!0)),'" ').concat(xt({"data-id":r,"data-title":i}),">\n        ").concat(this.toDefString(e),"\n        ").concat(e.layers.map((function(e){return t.render(e,t)})).join("\n\t"),"\n      </").concat(o,">\n    ")}},{key:"renderSVG",value:function(e,t){}},{key:"toNestedCSS",value:function(e){return[]}},{key:"update",value:function(e,t){var n=t.el.$svg;if(n||(t.el.$svg=t.$('[data-id="'.concat(this.innerSVGId(e),'"]')),n=t.el.$svg),n){var r=this.toDefInnerString(e);if(r)n.$("defs").html(r)}else{var i=this.toDefString(e);if(i){var a=rr.createByHTML(i);a&&t.prepend(a)}}}}]),t}(function(){function e(){zn()(this,e)}return Bn()(e,[{key:"getInnerId",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e.id+t}}]),e}());function Wc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Uc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Wc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Wc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Zc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toDefaultCSS",value:function(e){return Uc({overflow:"visible"},this.toKeyListCSS(e,["font-size","font-stretch","line-height","font-weight","font-family","font-style","text-align","text-transform","text-decoration","letter-spacing","word-spacing","text-indent","background-color","border-radius","transform-style"]))}},{key:"toCSS",value:function(e){var t=Object.assign({},this.toVariableCSS(e),this.toDefaultCSS(e),this.toClipPathCSS(e),this.toWebkitCSS(e),this.toTextClipCSS(e),this.toTransformCSS(e),this.toLayoutItemCSS(e),this.toBackgroundImageCSS(e));return delete t.left,delete t.top,delete t.width,delete t.height,delete t.position,t}},{key:"toSVGAttribute",value:function(e){return Uc({},this.toDefaultCSS(e),{},this.toKeyListCSS(e,["stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"]))}},{key:"wrappedRender",value:function(e,t){var n=e.id,r=e.x,i=e.y,a=e.width,o=e.height,s=e.itemType;return("\n\n            <svg class='svg-element-item ".concat(s,'\'\n                xmlns="http://www.w3.org/2000/svg"\n                data-id="').concat(n,'"\n                x="').concat(r.value,'"\n                y="').concat(i.value,'"\n                width="').concat(a.value,'"\n                height="').concat(o.value,'"\n                overflow="visible"\n            >\n                ').concat(this.toDefString(e),"\n                ").concat(st(t)&&t(),"\n            </svg>\n        "))}},{key:"render",value:function(e,t){var n=e.width,r=e.height,i=e.elementType||"div",a=this.toCSS(e);return this.wrappedRender(e,(function(){return'\n                <foreignObject \n                    width="'.concat(n.value,'"\n                    height="').concat(r.value,'"\n                    overflow="visible"\n                >\n                    <').concat(i,' xmlns="http://www.w3.org/1999/xhtml" style="').concat(bt(a),';width:100%;height:100%;"></').concat(i,">\n                </foreignObject>    \n                ").concat(e.layers.map((function(e){return t.render(e,t)})).join(""),"\n            ")}))}}]),t}(Kc),qc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCSS",value:function(e){var t=Object.assign({},this.toDefaultCSS(e),this.toClipPathCSS(e),this.toWebkitCSS(e),this.toTextClipCSS(e),this.toBackgroundImageCSS(e));return delete t.left,delete t.top,delete t.width,delete t.height,delete t.position,t}},{key:"render",value:function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=(e.x,e.y,e.width),i=e.height,a=this.toCSS(e);return"\n".concat(n?'<?xml version="1.0"?>':"",'\n<svg \n    xmlns="http://www.w3.org/2000/svg"\n    width="').concat(r.value,'"\n    height="').concat(i.value,'"\n    viewBox="0 0 ').concat(r.value," ").concat(i.value,'"\n    style="').concat(bt(a),'"\n>\n    ').concat(this.toDefString(e),"\n    ").concat(e.layers.map((function(e){return t.render(e,t)})).join(""),"\n</svg>      \n        ")}}]),t}(Zc),Jc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Zc),Qc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Jc),el=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getUrl",value:function(e){var t=e.src;return e.project.getImageValueById(t)}},{key:"render",value:function(e){var t=this,n=e.width,r=e.height,i=this.toCSS(e);return this.wrappedRender(e,(function(){return'\n            <foreignObject\n                width="'.concat(n.value,'"\n                height="').concat(r.value,'"\n            >\n                <div xmlns="http://www.w3.org/1999/xhtml">\n                    <img src=\'').concat(t.getUrl(e),"' style=\"width:100%;height:100%; ").concat(bt(i),'"  />\n                </div>\n            </foreignObject>              \n          ')}))}},{key:"update",value:function(e,n){var r=n.$("img");r&&r.attr("src",this.getUrl(e)),si()(Xn()(t.prototype),"update",this).call(this,e,n)}}]),t}(Jc),tl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"render",value:function(e,t){return e.artboards.map((function(e){return t.render(e,t)}))}}]),t}(Zc),nl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Jc),rl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(e){return""}},{key:"toFillValue",value:function(e){return""}}]),t}(Na);function il(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function al(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?il(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):il(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ol=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(e){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,al({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},e))}},{key:"toCloneObject",value:function(){return al({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("x1","y1","x2","y2","spreadMethod"))}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var e=this.getColorString(),t=this.json,n=[t.x1,t.y1,t.x2,t.y2,t.spreadMethod].join(" ");return"".concat(this.json.type,"(").concat(n,", ").concat(e,")")}},{key:"toSVGString",value:function(e){var t=this.json,n=t.x1,r=t.y1,i=t.x2,a=t.y2,o=t.spreadMethod;return('\n        <linearGradient \n            id="'.concat(e,'"\n            x1="').concat(n,'"\n            x2="').concat(i,'"\n            y1="').concat(r,'"\n            y2="').concat(a,'"\n            spreadMethod="').concat(o,'"\n          >\n          ').concat(this.colorsteps.map((function(e){return'<stop offset="'.concat(e.percent,'%"  stop-color="').concat(e.color,'" ></stop>')})).join("\n"),"\n        </linearGradient>\n      "))}},{key:"toFillValue",value:function(e){return"url(#".concat(e,")")}}],[{key:"toLinearGradient",value:function(e){return 0===e.length?"none":new LinearGradient({angle:"to right",colorsteps:e})+""}},{key:"parse",value:function(e){var n=fn(e),r={},i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(e){return e.trim()})).forEach((function(e,t){if(e.includes("@"))e=yn(e,n.matches),i.push.apply(i,Fa.parse(e));else{var a=e.split(" "),o=k()(a,5),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4];r.x1=nr.parse(s),r.y1=nr.parse(c),r.x2=nr.parse(l),r.y2=nr.parse(u),r.spreadMethod=h||"pad"}})),new t(al({},r,{colorsteps:i}))}}]),t}(rl);function sl(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function cl(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?sl(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):sl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ll=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,cl({type:"radial-gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",fr:"0%",spreadMethod:"pad"},e))}},{key:"toCloneObject",value:function(){return cl({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("cx","cy","r","fx","fy","fr","spreadMethod"))}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var e=this.getColorString(),t=this.json,n=[t.cx,t.cy,t.r,t.fx,t.fy,t.fr,t.spreadMethod].join(" ");return"".concat(this.json.type,"(").concat(n,", ").concat(e,")")}},{key:"toSVGString",value:function(e){var t=this.json,n=t.cx,r=t.cy,i=t.r,a=t.fx,o=t.fy,s=t.fr,c=t.spreadMethod;return("\n<radialGradient ".concat(xt({id:e,cx:n,cy:r,r:i,fx:a,fy:o,fr:s,spreadMethod:c})," >\n  ").concat(this.colorsteps.map((function(e){return'<stop offset="'.concat(e.percent,'%"  stop-color="').concat(e.color,'" />')})).join("\n"),"\n</radialGradient>\n"))}},{key:"toFillValue",value:function(e){return"url(#".concat(e,")")}}],[{key:"parse",value:function(e){var n=fn(e),r={},i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(e){return e.trim()})).forEach((function(e,t){if(e.includes("@"))e=yn(e,n.matches),i.push.apply(i,Fa.parse(e));else{var a=e.split(" "),o=k()(a,7),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4],p=o[5],d=o[6];r.cx=s,r.cy=c,r.r=l,r.fx=u,r.fy=h,r.fr=p,r.spreadMethod=d||"pad"}})),new t(cl({},r,{colorsteps:i}))}}]),t}(rl);function ul(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var hl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Fa({color:"red",percent:0,index:0}),new Fa({color:"red",percent:100,index:1})]})}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ul(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ul(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{static:!0})}},{key:"setColor",value:function(e){this.colorsteps.forEach((function(t){t.color=e}))}},{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}}],[{key:"create",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new t({colorsteps:[new Fa({color:e,percent:0,index:0}),new Fa({color:e,percent:100,index:0})]})}}]),t}(rl);function pl(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function dl(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?pl(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):pl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var fl=["jpg","jpeg","png","gif","svg"];var vl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,dl({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},e))}},{key:"toCloneObject",value:function(){return dl({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("url","datauri","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"))}},{key:"isUrl",value:function(){return!0}},{key:"toString",value:function(){var e=this.json,t=e.patternUnits,n=e.patternWidth,r=e.patternHeight,i=e.imageX,a=e.imageY,o=e.imageWidth,s=e.imageHeight,c=e.url,l=[t,n,r,i,a,o,s].join(",").trim();return"url(".concat(c,"#").concat(l,")")}},{key:"toSVGString",value:function(e){var t=this.json,n=t.patternUnits,r=t.patternWidth,i=t.patternHeight,a=t.imageX,o=t.imageY,s=t.imageWidth,c=t.imageHeight;return("\n  <pattern ".concat(xt({id:e,patternUnits:n,width:r,height:i}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(xt({x:a,y:o,width:s,height:c,preserveAspectRatio:"none"})," />\n  </pattern>\n      "))}},{key:"toFillValue",value:function(e){return"url(#".concat(e,")")}}],[{key:"parse",value:function(e){var n=e.split("(")[1].split(")")[0].trim().split("#"),r=k()(n,2),i=r[0],a=r[1];if(!a)return new t({url:i});var o=a.split(","),s=k()(o,7);return new t({patternUnits:s[0],patternWidth:s[1],patternHeight:s[2],imageX:s[3],imageY:s[4],imageWidth:s[5],imageHeight:s[6],url:i})}},{key:"isImageFile",value:function(e){return fl.includes(e)}}]),t}(La);function yl(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function gl(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yl(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ml=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,bl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"addImageResource",value:function(e){return this.clear("image-resource"),this.addItem("image-resource",e)}},{key:"addGradient",value:function(e){return this.addImageResource(e)}},{key:"setImageUrl",value:function(e){e.images&&e.images.length&&this.reset({type:"image",image:t.createImage(e.images[0])})}},{key:"setGradient",value:function(e){this.reset({type:e.type,image:t.createGradient(e,this.json.image)})}},{key:"image",get:function(){return this.json.image},set:function(e){this.json.image=e}}],[{key:"createImage",value:function(e){return new SVGLImageResource({url:e})}},{key:"createGradient",value:function(e,t){var n=e.colorsteps||t.colorsteps,r=t.toJSON();switch(delete r.itemType,delete r.type,e.type){case"linear-gradient":return new ol(gl({},r,{colorsteps:n}));case"radial-gradient":return new ll(gl({},r,{colorsteps:n}));default:return new hl(gl({},r,{colorsteps:n}))}}},{key:"parse",value:function(e){return new t(e)}},{key:"parseImage",value:function(e){var t=fn(e),n=null,r=t.str.match(ml);return r?(r.forEach((function(e,r){e=yn(e,t.matches),n=e.includes("linear")?ol.parse(e):e.includes("radial")?ll.parse(e):e.includes("url")?vl.parse(e):hl.parse(e)})),n):hl.create(e||"transparent")}},{key:"changeImageType",value:function(e){switch(e.type){case"linear-gradient":return new ol(e);case"radial-gradient":return new ll(e);case"image-resource":case"url":return new vl(e);default:return new hl(e)}}}]),t}(Yi),kl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"updateDefString",value:function(e,t){var n=t.$("defs");if(n)n.html(this.toDefInnerString(e));else{var r=this.toDefString(e).trim();t.prepend(rr.createByHTML(r))}}},{key:"toDefInnerString",value:function(e){return"\n            ".concat(this.toFillSVG(e),"\n            ").concat(this.toStrokeSVG(e),"\n        ")}},{key:"toDefString",value:function(e){var t=this.toDefInnerString(e).trim();return("\n            <defs>\n            ".concat(t,"\n            </defs>\n        "))}},{key:"fillId",value:function(e){return this.getInnerId(e,"fill")}},{key:"strokeId",value:function(e){return this.getInnerId(e,"stroke")}},{key:"toFillSVG",value:function(e){return bl.parseImage(e.fill||"transparent").toSVGString(this.fillId(e))}},{key:"toStrokeSVG",value:function(e){return bl.parseImage(e.stroke||"black").toSVGString(this.strokeId(e))}},{key:"toFillValue",value:function(e){return bl.parseImage(e.fill||"transparent").toFillValue(this.fillId(e))}},{key:"toFillOpacityValue",value:function(e){return Mn.parse(e.fill||"transparent").a}},{key:"toStrokeValue",value:function(e){return bl.parseImage(e.stroke||"black").toFillValue(this.strokeId(e))}},{key:"toFilterValue",value:function(e){return e.svgfilter?"url(#".concat(e.svgfilter,")"):""}},{key:"toLayoutCSS",value:function(e){return{}}}]),t}(Jc);function xl(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var wl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"update",value:function(e,t){if(t){var n=t.$("path");n&&(n.setAttr({d:e.d,filter:this.toFilterValue(e),fill:this.toFillValue(e),stroke:this.toStrokeValue(e)}),e.totalLength=n.totalLength),this.updateDefString(e,t)}}},{key:"render",value:function(e){var t=this,n=e.d;return this.wrappedRender(e,(function(){return"\n        <path ".concat(xt(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?xl(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):xl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({class:"svg-path-item",d:n,filter:t.toFilterValue(e),fill:t.toFillValue(e),stroke:t.toStrokeValue(e)},t.toSVGAttribute(e),{style:bt(t.toCSS(e))}))," />\n    ")}))}}]),t}(kl);function Sl(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Pl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"update",value:function(e,t){var n=t.$("path");n&&n.attr("d",e.d);var r=t.$("textPath");r&&(r.text(e.text),r.setAttr({filter:this.toFilterValue(e),fill:this.toFillValue(e),stroke:this.toStrokeValue(e),textLength:e.textLength,lengthAdjust:e.lengthAdjust,startOffset:e.startOffset})),this.updateDefString(e,t),e.totalLength=n.totalLength}},{key:"toDefInnerString",value:function(e){return"\n      ".concat(this.toPathSVG(e),"\n      ").concat(this.toFillSVG(e),"\n      ").concat(this.toStrokeSVG(e),"\n    ")}},{key:"toPathId",value:function(e){return this.getInnerId(e,"path")}},{key:"toPathSVG",value:function(e){return'\n      <path \n        class="svg-path-item"\n        id="'.concat(this.toPathId(e),'"\n        d="').concat(e.d,'"\n        fill="none"\n      />\n    ')}},{key:"render",value:function(e){var t=this;return this.wrappedRender(e,(function(){var n=e.textLength,r=e.lengthAdjust,i=e.startOffset;return("\n        <textPath ".concat(xt(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Sl(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Sl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({"xlink:href":"#".concat(t.toPathId(e)),textLength:n,lengthAdjust:r,startOffset:i,filter:t.toFilterValue(e),fill:t.toFillValue(e),stroke:t.toStrokeValue(e)},t.toSVGAttribute(e),{style:bt(t.toCSS(e))}))," >").concat(e.text,"</textPath>\n      "))}))}}]),t}(kl);function jl(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Ol=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"update",value:function(e,t){var n=t.$("text");n&&(n.text(e.text),n.setAttr({filter:this.toFilterValue(e),fill:this.toFillValue(e),stroke:this.toStrokeValue(e),textLength:e.textLength,lengthAdjust:e.lengthAdjust})),this.updateDefString(e,t)}},{key:"shapeInsideId",value:function(e){return this.getInnerId(e,"shape-inside")}},{key:"render",value:function(e){var t=this,n=(e.id,e.textLength),r=e.lengthAdjust;return this.wrappedRender(e,(function(){return"\n        <text ".concat(xt(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?jl(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):jl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({class:"svg-text-item",textLength:n,lengthAdjust:r,filter:t.toFilterValue(e),fill:t.toFillValue(e),stroke:t.toStrokeValue(e)},t.toSVGAttribute(e),{style:bt(t.toCSS(e))}))," >").concat(e.text,"</text>\n      ")}))}}]),t}(kl),$l=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCSS",value:function(e){var n=si()(Xn()(t.prototype),"toCSS",this).call(this,e);return n.margin=n.margin||"0px",n}},{key:"render",value:function(e){var t=e.content,n=e.width,r=e.height,i=this.toCSS(e);return this.wrappedRender(e,(function(){return'\n            <foreignObject width="'.concat(n.value,'" height="').concat(r.value,'">\n                <p xmlns="http://www.w3.org/1999/xhtml" style="').concat(bt(i),'">').concat(t,"</p>\n            </foreignObject>              \n          ")}))}},{key:"update",value:function(e,t){var n=e.content;t.updateDiff(n)}}]),t}(Jc),Cl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getUrl",value:function(e){var t=e.src;return e.project.getVideoValueById(t)}},{key:"render",value:function(e,t){var n=this,r=e.width,i=e.height,a=e.controls,o=e.muted,s=e.poster,c=e.loop,l=e.crossorigin,u=e.autoplay,h=this.toCSS(e);return this.wrappedRender(e,(function(){return'\n            <foreignObject \n                width="'.concat(r.value,'"\n                height="').concat(i.value,'"\n                overflow="visible"\n            >\n                <video \n                    xmlns="http://www.w3.org/1999/xhtml"\n                    controls="').concat(a,'"\n                    src="').concat(n.getUrl(e),'"\n                    muted="').concat(o,'"\n                    poster="').concat(s,'"\n                    loop="').concat(c,'"\n                    crossorigin="').concat(l,'"\n                    autoplay="').concat(u,'"\n                    style="').concat(bt(h),';width:100%;height:100%;"></video>\n            </foreignObject>    \n            ')}))}}]),t}(Jc),El={project:new tl,artboard:new qc,rect:new nl,circle:new Qc,image:new el,video:new Cl,text:new $l,"svg-path":new wl,"svg-text":new Ol,"svg-textpath":new Pl},Tl={render:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=El[e.itemType];return r?r.render(e,t||this,n):""},toCSS:function(e){var t=El[e.itemType];if(t)return t.toCSS(e)},toTransformCSS:function(e){var t=El[e.itemType];if(t)return t.toTransformCSS(e)},toStyle:function(e,t){var n=El[e.itemType];if(n)return n.toStyle(e,t||this)},update:function(e,t){var n=El[e.itemType];if(n)return n.update(e,t)},codeview:function(e){if(!e)return"";var t=this.render(e);return t=t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;"),"\n          <div class='svg-code'>\n            ".concat(t&&"<div><pre title='SVG'>".concat(t,"</pre></div>"),"\n          </div>\n        ")}},Vl=function(){function e(t,n){zn()(this,e),this.project=t,this.artboard=n}return Bn()(e,[{key:"generateCode",value:function(){var e=this,t=this.project.getSelectedTimelineLastTime(),n=this.project.getSelectedTimeline(),r=[],i={};n&&(n.animations.forEach((function(t){var n=e.project.searchById(t.id),i=t.properties.map((function(e){var t=e.property;switch(t){case"x":t="left";break;case"y":t="top"}return{property:t,keyframes:e.keyframes.map((function(e){return{time:1e3*e.time,value:e.value,timing:e.timing}}))}}));r.push.apply(r,n.toAnimationKeyframes(i).filter((function(e){return e.properties.length})))})),i={duration:1e3*t,iterationCount:n.iterationCount,fps:n.fps,speed:n.speed,direction:n.direction});return r=JSON.stringify(r,null,4),i=JSON.stringify(i,null,4),"\nvar player = new anipa.Player(".concat(r,", ").concat(i,");\nplayer.play();\n")}}]),e}(),Dl=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"anipa";switch(n){case"anipa":return new Vl(e,t).generateCode()}return""},Il={makeProjectStyle:function(e){var t=e.toKeyframeString(),n=e.toRootVariableCSS();return"\n      :root {\n        ".concat(bt(n),"\n      }\n      /* keyframe */\n      ").concat(t,"\n    ")},makeStyle:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(e.is("project"))return this.makeProjectStyle(e);var r=e.generateView("[data-id='".concat(e.id,"']"),n);return"\n    ".concat(r,"\n    ")+e.layers.map((function(e){return t.makeStyle(e)})).join("")},makeSvg:function(e){var t=e.toSVGString?e.toSVGString():"";return"\n      ".concat(t?'<svg width="0" height="0">'.concat(t,"</svg>"):"","\n    ")},generate:function(e){var t=e.selection.currentProject,n=e.selection.current,r="".concat(this.makeStyle(t)),i="\n".concat(artboard.html,"\n").concat(this.makeSvg(t),"\n    "),a="";return i=e.replaceLocalUrltoRealUrl(i),r=e.replaceLocalUrltoRealUrl(r),n.is("artboard")&&(a=e.replaceLocalUrltoRealUrl(Dl(n,"anipa"))),{html:i,css:r,js:a}},generateSVG:function(e,t){return e.replaceLocalUrltoRealUrl(Tl.render(t,null,!0))}},Ml={command:"downloadSVG",execute:function(e){var t=e.selection.current;if(t){var n=Il.generateSVG(e,t).trim();jc("data:image/svg+xml;base64,"+window.btoa(n),t.id)}}};function Ll(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=rr.create("canvas"),i=e.width,a=e.height;r.resize({width:i,height:a}),r.drawImage(e),t&&t(r.toDataURL(n))}var Rl={command:"downloadPNG",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e.selection.current;if(n){var r=Il.generateSVG(e,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r),a=n.id;uc({local:i},(function(n,r){Ll(r,(function(n){jc(n,a),t&&e.emit(t,n)}))}))}}},Al={command:"load.json",execute:function(e,t){0===(t=t||e.loadResource("projects",[])).length&&(t=[{itemType:"project",layers:[{itemType:"artboard",name:"New ArtBoard",x:"300px",y:"200px",width:"375px",height:"667px","background-color":"white",layer:[]}]}]);var n=t.map((function(t){return e.createItem(t)}));if(n.forEach((function(e){e.artboards.forEach((function(t){e.selectTimeline(t.id)}))})),n.length){var r=n[0];e.selection.selectProject(r),e.load(n),ec(e),e.nextTick((function(){e.emit("reloadProject")}))}}};function zl(e,t){var n=e.selection.currentProject;if(n){var r=n.getSelectedTimeline();t&&t(n,r)}}var Fl={command:"addTimelineProperty",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};zl(e,(function(r,i){var a;!1===nt(t)&&(t=[t]);var o=[];t.forEach((function(e){var t={layerId:e,property:n.property,value:n.value+"",timing:n.timing,editor:n.editor},i=r.addTimelineKeyframe(t);i&&o.push(i)})),(a=e.timeline).select.apply(a,o),e.emit("refreshTimeline"),e.emit("refreshSelectedOffset")}))}},Bl={command:"setTimelineOffset",debounce:100,execute:function(e,t){zl(e,(function(n,r){n.setTimelineKeyframeOffsetValue(t.layerId,t.property,t.id,t.value,t.timing,t.time),e.emit("refreshTimeline")}))}},Gl={command:"addTimelineCurrentProperty",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};zl(e,(function(n,r){var i,a=[];e.selection.each((function(e){var r={layerId:e.id,property:t.property,value:e[t.property]+"",timing:t.timing,editor:t.editor},i=n.addTimelineKeyframe(r);i&&a.push(i)})),(i=e.timeline).select.apply(i,a),e.emit("refreshTimeline"),e.emit("refreshSelectedOffset")}))}},Hl={command:"removeTimelineProperty",execute:function(e,t,n){zl(e,(function(r,i){r.removeTimelineProperty(t,n),e.timeline.empty(),e.emit("refreshTimeline"),e.emit("refreshSelectedOffset")}))}},Nl={command:"deleteTimelineKeyframe",execute:function(e){zl(e,(function(t,n){e.timeline.each((function(e){t.deleteTimelineKeyframe(e.layerId,e.property,e.id)})),e.timeline.empty(),e.emit("refreshTimeline"),e.emit("refreshSelectedOffset")}))}},Xl={command:"selectTimelineItem",execute:function(e,t){zl(e,(function(n,r){n.selectTimeline(t),e.emit("refreshTimeline"),e.emit("selectTimeline")}))}},Yl={command:"removeTimeline",execute:function(e,t){zl(e,(function(n,r){n.removeTimeline(t),e.timeline.empty(),e.emit("refreshTimeline"),e.emit("refreshSelectedOffset")}))}},_l={command:"removeAnimationItem",execute:function(e,t){zl(e,(function(n,r){n.removeAnimation(t),e.timeline.empty(),e.emit("refreshTimeline"),e.emit("removeAnimation")}))}},Kl={command:"addTimelineKeyframe",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};zl(e,(function(n,r){var i=n.searchById(t.layerId),a={layerId:t.layerId,property:t.property,time:t.time,value:i[t.property]+"",timing:t.timing,editor:t.editor},o=n.addTimelineKeyframe(a);e.timeline.select(o),e.emit("refreshTimeline"),e.emit("refreshSelectedOffset")}))}},Wl={command:"copyTimelineProperty",execute:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;zl(e,(function(i,a){i.copyTimelineKeyframe(t,n,r),e.emit("refreshTimeline")}))}},Ul={command:"playTimelineItem",description:"Play button action",execute:function(e){var t=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";e.selection.empty(),e.emit("refreshSelection"),e.changeMode("play"),e.emit("afterChangeMode"),zl(e,(function(i,a){var o=i.getSelectedTimelineLastTime();e.timer?e.timer.stop():e.timer=la({elapsed:1e3*a.currentTime,speed:t,duration:1e3*o,iterationCount:n,direction:r}),e.timer.play({duration:1e3*o,elapsed:1e3*a.currentTime,speed:t,iterationCount:n,direction:r,tick:function(t,n){i.seek(sa(a.fps,t/1e3)),e.emit("playTimeline")},last:function(t,n){i.seek(sa(a.fps,t/1e3)),e.emit("playTimeline"),e.nextTick((function(){e.emit("stopTimeline"),e.changeMode("SELECTION"),e.emit("afterChangeMode")}))},stop:function(t,n){i.stop(sa(a.fps,t/1e3)),e.emit("stopTimeline"),e.changeMode("SELECTION"),e.emit("afterChangeMode")}})}))}},Zl={command:"prevTimelineItem",execute:function(e){zl(e,(function(t,n){var r=t.getSelectedTimelinePrevTime();t.setTimelineCurrentTime(sa(n.fps,r)),t.seek(),e.emit("playTimeline"),e.changeMode("SELECTION"),e.emit("afterChangeMode")}))}},ql={command:"firstTimelineItem",execute:function(e){zl(e,(function(t,n){var r=t.getSelectedTimelineFirstTime();t.setTimelineCurrentTime(sa(n.fps,r)),t.seek(),e.emit("playTimeline"),e.changeMode("SELECTION"),e.emit("afterChangeMode")}))}},Jl={command:"nextTimelineItem",execute:function(e){zl(e,(function(t,n){var r=t.getSelectedTimelineNextTime();t.setTimelineCurrentTime(sa(n.fps,r)),t.seek(),e.emit("playTimeline"),e.changeMode("SELECTION"),e.emit("afterChangeMode")}))}},Ql={command:"lastTimelineItem",execute:function(e){zl(e,(function(t,n){var r=t.getSelectedTimelineLastTime();t.setTimelineCurrentTime(sa(n.fps,r)),t.seek(),e.emit("playTimeline"),e.changeMode("SELECTION"),e.emit("afterChangeMode")}))}},eu={command:"addTimelineItem",execute:function(e,t){zl(e,(function(n,r){t?n.addTimelineLayer(t):n.addTimeline(),e.emit("refreshTimeline"),e.emit("addTimeline")}))}},tu={command:"drop.asset",execute:function(e,t){var n,r,i=arguments;return li.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:if(n=i.length>2&&void 0!==i[2]?i[2]:null,!t.color){a.next=5;break}e.emit("addBackgroundColor",t.color,n),a.next=22;break;case 5:if(!t.gradient){a.next=9;break}e.emit("addBackgroundImageGradient",t.gradient,n),a.next=22;break;case 9:if(!t.pattern){a.next=13;break}e.emit("addBackgroundImagePattern",t.pattern,n),a.next=22;break;case 13:if(!t.imageUrl){a.next=17;break}e.emit("addBackgroundImageAsset",t.imageUrl,n),a.next=22;break;case 17:if(!t.artboard){a.next=22;break}return a.next=20,li.a.awrap(e.storageManager.getArtBoard(t.artboard.id));case 20:(r=a.sent)&&e.emit("addArtBoard",r,t.artboard.center);case 22:ec(e);case 23:case"end":return a.stop()}}))}},nu={command:"addBackgroundImageGradient",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=e.selection.itemsByIds(n),i={};r.forEach((function(e){var n=So.parseStyle(kt(e["background-image"]));n.unshift(new So({image:So.parseImage(t)})),i[e.id]={"background-image":So.join(n)}})),e.emit("history.setAttributeForMulti","add gradient",i)}},ru={command:"addBackgroundImageAsset",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=e.selection.itemsByIds(n),i={};r.forEach((function(e){var n=So.parseStyle(kt(e["background-image"]));n.unshift(new So({image:new Ua({url:t})})),i[e.id]={"background-image":So.join(n)}})),e.emit("history.setAttributeForMulti","add background image",i)}},iu={command:"removeLayer",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;e.selection.itemsByIds(t||e.selection.ids).forEach((function(e){e.remove()})),e.selection.empty(),e.nextTick((function(){e.emit("refreshAll")}))}},au={command:"change.mode.view",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";e.changeModeView(t)}},ou={command:"segment.move.down",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+t.dy;e.emit("moveSegment",0,n)}},su={command:"segment.move.up",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+t.dy;e.emit("moveSegment",0,-1*n)}},cu={command:"segment.move.right",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+t.dx;e.emit("moveSegment",n,0)}},lu={command:"segment.move.left",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+t.dx;e.emit("moveSegment",-1*n,0)}},uu={command:"toggle.fullscreen",execute:function(e,t){rr.body().fullscreen()}},hu={command:"addBackgroundImagePattern",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=e.selection.itemsByIds(n),i={};r.forEach((function(e){i[e.id]={pattern:Dc.join([].concat(j()(Dc.parseStyle(t)),j()(Dc.parseStyle(e.pattern))))}})),e.emit("history.setAttributeForMulti","add pattern",i)}},pu={command:"addBackgroundColor",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=e.selection.itemsByIds(n),i={};r.forEach((function(e){i[e.id]={"background-color":t}})),e.emit("history.setAttributeForMulti","add background color",i)}};var du={command:"sort.center",execute:function(e){if(e.selection.isOne){var t=e.selection.current;if(t.parent.is("project"));else if(t.artboard){var n=K(t.artboard.verties())-K(e.selection.verties);e.emit("moveLayer",n,0)}}else if(e.selection.isMany){var r=K(e.selection.verties);e.emit("moveLayerForItems",e.selection.map((function(e){var t=K(e.verties());return{item:e,dist:[r-t,0,0]}})))}}},fu={command:"sort.left",execute:function(e){if(e.selection.isOne){var t=e.selection.current;if(t.parent.is("project"));else if(t.artboard){var n=_(t.artboard.verties())-_(e.selection.verties);e.emit("moveLayer",n,0)}}else if(e.selection.isMany){var r=_(e.selection.verties);e.emit("moveLayerForItems",e.selection.map((function(e){var t=_(e.verties());return{item:e,dist:[r-t,0,0]}})))}}},vu={command:"sort.bottom",execute:function(e){if(e.selection.isOne){var t=e.selection.current;if(t.parent.is("project"));else if(t.artboard){var n=Y(t.artboard.verties())-Y(e.selection.verties);e.emit("moveLayer",0,n)}}else if(e.selection.isMany){var r=Y(e.selection.verties);e.emit("moveLayerForItems",e.selection.map((function(e){var t=Y(e.verties());return{item:e,dist:[0,r-t,0,0]}})))}}},yu={command:"sort.top",execute:function(e){if(e.selection.isOne){var t=e.selection.current;if(t.parent.is("project"));else if(t.artboard){var n=W(t.artboard.verties())-W(e.selection.verties);e.emit("moveLayer",0,n)}}else if(e.selection.isMany){var r=W(e.selection.verties);e.emit("moveLayerForItems",e.selection.map((function(e){var t=W(e.verties());return{item:e,dist:[0,r-t,0,0]}})))}}},gu={command:"sort.right",execute:function(e){if(e.selection.isOne){var t=e.selection.current;if(t.parent.is("project"));else if(t.artboard){var n=X(t.artboard.verties())-X(e.selection.verties);e.emit("moveLayer",n,0)}}else if(e.selection.isMany){var r=X(e.selection.verties);e.emit("moveLayerForItems",e.selection.map((function(e){var t=X(e.verties());return{item:e,dist:[r-t,0,0]}})))}}};function mu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function bu(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.filter((function(t){var n=0;return t.path.forEach((function(t){n+=e.filter((function(e){return e.id===t.id})).length?1:0})),1===n}))}var ku,xu={command:"updatePathItem",description:"Update path string for selected svg path item",execute:function(e,t){var n=e.selection.current;if(n)if("box"===t.box){var r=n.invertPath(t.d);e.emit("setAttribute",{d:r.d})}else{var i=n.invertPath(t.d),a=i.getBBox(),o=n.offsetX.value+a[0][0],s=n.offsetY.value+a[0][1],c=D.d.distance(a[1],a[0]),l=D.d.distance(a[3],a[0]);i.translate(-a[0][0],-a[0][1]),e.emit("setAttribute",{d:i.d,x:nr.px(o),y:nr.px(s),width:nr.px(c),height:nr.px(l)})}}},wu=(ku={refreshCursor:{command:"refreshCursor",execute:function(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];e.emit.apply(e,["changeIconView",t].concat(r))}},recoverCursor:{command:"recoverCursor",execute:function(e){e.emit("changeIconView","auto")}},historyAddLayer:{command:"history.addLayer",description:"add layer in history ",execute:function(e,t,n){var r=this,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],o=arguments.length>5?arguments[5]:void 0;e.emit("addLayer",n,i,a,o),e.nextTick((function(){e.history.add(t,r,{currentValues:[n,{},a,n.parent],undoValues:[n.id]})})),e.nextTick((function(){e.history.saveSelection()}))},redo:function(e,t){var n=t.currentValues;e.emit.apply(e,["addLayer"].concat(j()(n))),e.nextTick((function(){e.emit("refreshAll")}))},undo:function(e,t){var n=t.undoValues;e.selection.itemsByIds(n).forEach((function(e){e&&e.remove()})),e.nextTick((function(){e.emit("refreshAll")}))}},historyRemoveLayer:{command:"history.removeLayer",description:"remove layer",execute:function(e,t,n){var r=e.selection.itemsByIds(n||e.selection.ids),i=(r=bu(r)).map((function(e){return e.id})),a=e.serialize(r);r.forEach((function(e){return e.remove()})),e.history.add(t,this,{currentValues:[i],undoValues:a}),e.nextTick((function(){e.selection.removeById(r.map((function(e){return e.id}))),e.emit("refreshAll"),e.emit("removeGuideLine"),e.nextTick((function(){e.history.saveSelection()}))}))},redo:function(e,t){var n=t.currentValues[0],r=e.selection.itemsByIds(n||e.selection.ids);(r=bu(r)).forEach((function(e){return e.remove()})),e.nextTick((function(){e.emit("refreshAll")}))},undo:function(e,t){var n=t.undoValues;e.deserialize(n,!0),e.nextTick((function(){e.emit("refreshAll")}))}},historySetAttribute:{command:"history.setAttribute",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;e.emit("setAttribute",n,r),e.history.add(t,this,{currentValues:[n,r],undoValues:e.history.getUndoValues(n)}),e.nextTick((function(){e.history.saveSelection()}))},redo:function(e,t){var n=t.currentValues;e.emit.apply(e,["setAttribute"].concat(j()(n))),e.nextTick((function(){e.emit("refreshAll")}))},undo:function(e,t){var n=t.undoValues,r=Object.keys(n);e.selection.itemsByIds(r).forEach((function(e){e.reset(n[e.id])})),e.nextTick((function(){e.emit("refreshAll")}))}},historySetAttributeForMulti:{command:"history.setAttributeForMulti",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};e.emit("setAttributeForMulti",n),e.history.add(t,this,{currentValues:[n],undoValues:e.history.getUndoValuesForMulti(n)}),e.nextTick((function(){e.history.saveSelection()}))},redo:function(e,t){var n=t.currentValues;e.emit.apply(e,["setAttributeForMulti"].concat(j()(n))),e.nextTick((function(){e.selection.reselect(),e.emit("refreshAll")}))},undo:function(e,t){var n=t.undoValues,r=Object.keys(n);e.selection.itemsByIds(r).forEach((function(e){e.reset(n[e.id])})),e.selection.reselect(),e.nextTick((function(){e.emit("refreshAll")}))}},historyRefreshSelection:{command:"history.refreshSelection",description:"save selection in history ",description_ko:"Selection 정보를 갱신하면서 History 에 저장한다",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"selection",n=e.selection.ids,r=e.history.selectedIds;jt(n,r)||(e.history.add(t,this,{currentValues:n,undoValues:r}),this.nextAction(e))},nextAction:function(e){e.nextTick((function(){e.history.saveSelection(),e.emit("refreshSelection"),e.nextTick((function(){e.emit("refreshSelectionTool")}))}))},redo:function(e,t){var n=t.currentValues;e.selection.selectById(n),this.nextAction(e)},undo:function(e,t){var n=t.undoValues;e.selection.selectById(n),this.nextAction(e)}},historyRedo:{command:"history.redo",execute:function(e){e.history.redo()}},historyUndo:{command:"history.undo",execute:function(e){e.history.undo()}},moveLayer:{command:"moveLayer",description:"mova layer by keydown with matrix ",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r={};e.selection.each((function(e){r[e.id]={x:nr.px(e.offsetX.value+t).round(),y:nr.px(e.offsetY.value+n).round()}})),e.emit("history.setAttributeForMulti","item move down",r),e.nextTick((function(){e.selection.reselect(),e.emit("refreshAll")}))}},moveLayerForItems:{command:"moveLayerForItems",description:"mova layer by multi items ",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n={};t.forEach((function(e){n[e.item.id]={x:nr.px(e.item.offsetX.value+e.dist[0]).round(),y:nr.px(e.item.offsetY.value+e.dist[1]).round()}})),e.emit("history.setAttributeForMulti","item move down",n),e.nextTick((function(){e.selection.reselect(),e.emit("refreshAll")}))}},moveToCenter:{command:"moveToCenter",description:"Move Layer to Center on Viewport",execute:function(e,t){arguments.length>2&&void 0!==arguments[2]&&arguments[2];e.viewport.moveLayerToCenter(t)}},moveSelectionToCenter:{command:"moveSelectionToCenter",description:"Move selection project or artboards to center on Viewport",execute:function(e){var t=[];t=e.selection.isEmpty?e.selection.currentProject.rectVerties:zi(e.selection.selectedArtboards),e.emit("moveToCenter",t)}},groupItem:{command:"group.item",execute:function(e){if(0!==e.selection.length){var t=e.selection.currentProject;if(t){t.generateListNumber();var n=e.selection.map((function(e){return{depth:e.depth,item:e}}));n.sort((function(e,t){return e.depth===t.depth?e.no>t.no?-1:1:e.depth>t.depth?1:-1}));var r=e.createItem(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mu(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({itemType:"rect"},e.selection.itemRect));n[0].item.appendAfter(r),n.forEach((function(e){var t=e.item;r.appendChildItem(t)})),e.selection.select(r),e.emit("refreshAll")}}}},ungroupItem:{command:"ungroup.item",execute:function(e){if(0!==e.selection.length){var t=e.selection.current;if(t){var n,r=t,i=j()(r.layers);i.reverse(),i.forEach((function(e){r.appendAfter(e)})),(n=e.selection).selection.apply(n,j()(i)),e.emit("refreshAll")}}}},setEditorLayout:{command:"setEditorLayout",execute:function(e,t){e.setLayout(t),e.emit("changedEditorlayout")}},refreshSelection:{command:"refreshSelection",execute:function(e){}},refreshArtboard:function(e){e.emit("refreshLayerTreeView"),e.emit("refreshAllCanvas"),e.emit("refreshStyleView"),e.emit("refreshAllElementBoundSize"),e.emit("refreshSelection"),e.nextTick((function(){e.emit("refreshSelectionTool",!0)}))},resetSelection:function(e){e.emit("setAttribute"),e.nextTick((function(){e.emit("refreshSelectionTool")}))},addBackgroundColor:pu,addBackgroundImagePattern:hu,toggleFullscreen:uu,segmentDelete:{command:"segment.delete",execute:function(e,t){e.emit("deleteSegment")}},segmentMoveDown:ou,segmentMoveUp:su,segmentMoveRight:cu,segmentMoveLeft:lu,changeModeView:au,removeLayer:iu,itemMoveDepthDown:{command:"item.move.depth.down",execute:function(e){var t=e.selection.current;t&&t.orderPrev(),ec(e)}},itemMoveDepthUp:{command:"item.move.depth.up",execute:function(e){var t=e.selection.current;t&&t.orderNext(),ec(e)}},keymapKeydown:{command:"keymap.keydown",execute:function(e,t){e.keyboardManager.add(t.code,t.keyCode),e.shortcuts.execute(t,"keydown")}},keymapKeyup:{command:"keymap.keyup",execute:function(e,t){e.keyboardManager.remove(t.key,t.keyCode),e.shortcuts.execute(t,"keyup")}},scaleMinus:{command:"scale.minus",execute:function(e){var t=e.viewport.scale;e.viewport.setScale(e.viewport.scale-.25),e.emit("updateViewport",e.viewport.scale,t)}},scalePlus:{command:"scale.plus",execute:function(e){var t=e.viewport.scale;e.viewport.setScale(e.viewport.scale+.25),e.emit("updateViewport",e.viewport.scale,t)}},dropAsset:tu,addBackgroundImageAsset:ru,addBackgroundImageGradient:nu,addTimelineItem:eu,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(e){e.timer&&e.timer.stop()}},lastTimelineItem:Ql,nextTimelineItem:Jl,firstTimelineItem:ql,prevTimelineItem:Zl,playTimelineItem:Ul,copyTimelineProperty:Wl,addTimelineKeyframe:Kl,removeAnimationItem:_l,removeTimeline:Yl,selectTimelineItem:Xl,deleteTimelineKeyframe:Nl,removeTimelineProperty:Hl,addTimelineCurrentProperty:Gl,setTimelineOffset:Bl,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(e){var t=e.timeline.items[0];t&&e.emit("refreshOffsetValue",t)}},addTimelineProperty:Fl,setLocale:{command:"setLocale",execute:function(e,t){e.setLocale(t),e.emit("changed.locale")}},loadJSON:Al,saveJSON:{command:"saveJSON",execute:function(e){e.saveResource("projects",e.projects),e.emit("notify","alert","Save","Save the content on localStorage",5e3)}},savePNG:{command:"savePNG",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e.selection.current;if(n){var r=Il.generateSVG(e,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r);uc({local:i},(function(n,r){Ll(r,(function(n){t&&e.emit(t,n)}))}))}}},downloadPNG:Rl,downloadSVG:Ml,downloadJSON:Oc,updateUriList:Pc,updateImageAssetItem:xc,updateVideoAssetItem:wc,addSVGFilterAssetItem:kc,dropImageUrl:bc,addImageAssetItem:dc,addVideoAssetItem:gc,updateImage:cc,updateVideo:lc,updateResource:{command:"updateResource",execute:function(e,t){t.forEach((function(t){switch(t.type){case"image/svg+xml":case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":e.emit("updateImage",t);break;case"text/plain":case"text/html":e.emit("addText",{content:t.data});break;case"text/uri-list":e.emit("updateUriList",t)}}))}},fileDropItems:sc,updateScale:{command:"updateScale",execute:function(e,t){var n=e.viewport.scale;e.viewport.setScale(t),e.emit("updateViewport",t,n)}},showExportView:{command:"showExportView",execute:function(e){e.emit("showExportWindow")}},switchTheme:{command:"switchTheme",execute:function(e,t){e.changeTheme(t),e.emit("changeTheme")}},clipboardPaste:{command:"clipboard.paste",execute:function(e,t){e.selection.length&&(e.selection.paste(),e.emit("refreshAll"))}},clipboardCopy:{command:"clipboard.copy",title:"Copy",description:"Copy",execute:function(e,t){e.selection.copy(10)}},addComponentType:function(e,t){e.changeAddType(t),e.emit("afterChangeMode"),e.emit("addStatusBarMessage","Drag if you want to create ".concat(t," layer"))},addArtBoard:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=e.selection.currentProject;r||(r=e.add(e.createItem({itemType:"project"})),e.selection.selectProject(r));var i=r.appendChildItem(e.createItem(nc({itemType:"artboard",x:nr.px(300),y:nr.px(200),width:nr.px(375),height:nr.px(667)},t)));n&&(i.reset({x:nr.px(0),y:nr.px(0)}),i.moveByCenter(n)),e.selection.select(i),ec(e)},addImage:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;e.emit("newComponent","image",t,!0,n)},addVideo:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;e.emit("newComponent","video",t,!0,n)},addLayer:function(e,t){arguments.length>2&&void 0!==arguments[2]&&arguments[2];var n=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],r=arguments.length>4?arguments[4]:void 0;r||(r=e.selection.current||e.selection.currentProject),r&&(r.is("project")||r.enableHasChildren()||(r=r.parent),r.appendChildItem(t),n&&e.selection.select(t),ec(e))},addLayerView:function(e,t){e.selection.empty(),e.emit("refreshSelectionTool"),e.emit("hideAddViewLayer"),"select"===t||("brush"===t?e.emit("showPathDrawEditor"):"path"===t?e.emit("showPathEditor","path"):e.emit("showLayerAppendView",t))},addProject:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.add(e.createItem(ic({itemType:"project"},t)));e.selection.selectProject(n),ec(e)},convertPath:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=e.selection.current;if(r)if(r.is("svg-path","svg-brush","svg-textpath")){var i=t;if(n)(a=new ea(t)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;e.command("setAttribute","set attribute -d",{d:i},r)}else if(r["clip-path"].includes("path")){var a;i=t;if(n)(a=new ea(t)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;e.command("setAttribute","change clip path",{"clip-path":"path(".concat(i,")")},r)}},newComponent:function(e,t,n){var r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;t.includes("text")||n["background-color"]||(n["background-color"]="#c4c4c4"),"svg-textpath"===t?n=oc({},n,{text:"Insert a newText","font-size":nr.parse(n.height),textLength:"100%",d:ps.makeLine(0,n.height.value,n.width.value,n.height.value)}):"svg-circle"===t?(t="svg-path",n=oc({},n,{"background-color":void 0,fill:"#C4C4C4",d:ps.makeCircle(0,0,n.width.value,n.height.value)})):"svg-rect"===t?(t="svg-path",n=oc({},n,{"background-color":void 0,fill:"#C4C4C4",d:ps.makeRect(0,0,n.width.value,n.height.value)})):"text"===t?n=oc({width:nr.px(300),height:nr.px(50)},n,{content:"Insert a text","font-size":nr.px(30)}):"rect"===t?n=oc({},n):"circle"===t?n=oc({},n):"artboard"===t&&(n=oc({},n,{"background-color":"white"})),e.command("addLayer","add layer - ".concat(t),e.createItem(oc({itemType:t},n)),n,r,i),e.changeMode(Sf),e.emit("afterChangeMode")},refreshElement:function(e,t){e.emit("refreshSelectionStyleView",t),e.emit("refreshElementBoundSize",e.selection.getRootItem(t))},refreshProject:function(e,t){e.emit("refreshStyleView",t,!0)},resizeArtBoard:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e.selection.current;if(n&&n.is("artboard")){if(!t.trim())return;var r=t.split("x"),i=k()(r,2),a=i[0],o=i[1];a=nr.px(+a),o=nr.px(+o),n.reset({width:a,height:o}),e.selection.select(n),ec(e)}},setAttribute:Qs,setAttributeForMulti:{command:"setAttributeForMulti",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object.keys(t).forEach((function(n){var r=t[n];e.selection.itemsByIds(n).forEach((function(t){Object.keys(r).forEach((function(e){var n=r[e];st(n)&&(n=n(t)),t.reset(m()({},e,n))})),t.setCache(),e.emit("refreshElement",t)}))}))}},sortBottom:vu,sortCenter:du,sortLeft:fu,sortMiddle:{command:"sort.middle",execute:function(e){if(e.selection.isOne){var t=e.selection.current;if(t.parent.is("project"));else if(t.artboard){var n=U(t.artboard.verties())-U(e.selection.verties);e.emit("moveLayer",0,n)}}else if(e.selection.isMany){var r=U(e.selection.verties);e.emit("moveLayerForItems",e.selection.map((function(e){var t=U(e.verties());return{item:e,dist:[0,r-t,0,0]}})))}}}},m()(ku,"sortBottom",vu),m()(ku,"sortTop",yu),m()(ku,"sortRight",gu),m()(ku,"sameWidth",{command:"same.width",execute:function(e){if(e.selection.isMany){var t=e.selection.allRect;e.selection.each((function(e){e.setScreenX(t.x.value),e.width.set(t.width.value)}))}}}),m()(ku,"sameHeight",{command:"same.width",execute:function(e){var t=e.selection.items.length;if(1==t);else if(t>1){var n=e.selection.allRect;e.selection.each((function(e){e.setScreenY(n.y.value),e.height.set(n.height.value)}))}e.emit("resetSelection")}}),m()(ku,"updatePathItem",xu),m()(ku,"updateClipPath",{command:"updateClipPath",description:"update clip-path property ",execute:function(e,t){e.command("setAttribute","change clip-path",{"clip-path":"path(".concat(t.d,")")})}}),ku),Su=function(){function e(t){zn()(this,e),this.$editor=t,this.loadCommands()}return Bn()(e,[{key:"loadCommands",value:function(){var e=this;Object.keys(wu).forEach((function(t){st(wu[t])?e.registerCommand(t,wu[t]):e.registerCommand(wu[t])}))}},{key:"registerCommand",value:function(e,t){var n=this;if(2===arguments.length){var r=function(){for(var e,r=arguments.length,i=new Array(r),a=0;a<r;a++)i[a]=arguments[a];t.call.apply(t,[n,n.$editor].concat(i)),(e=n.$editor).debug.apply(e,["command execute",n].concat(i))};r.source=e,this.$editor.on(e,r,this,0)}else if(ot(e)){var i=function(){for(var t,r,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];(t=e.execute).call.apply(t,[e,n.$editor].concat(a)),(r=n.$editor).debug.apply(r,["command execute",e].concat(a))};i.source=e.command,this.$editor.on(e.command,i,this,e.debounce||0)}}}]),e}(),Pu={name:void 0};function ju(){return void 0===Pu.name&&(-1!=navigator.appVersion.indexOf("Win")?Pu.name="win":-1!=navigator.appVersion.indexOf("Mac")?Pu.name="mac":-1!=navigator.appVersion.indexOf("X11")?Pu.name="linux":Pu.name=""),Pu.name}var Ou=[{category:"History",key:"cmd+z",win:"ctrl+z",command:"history.undo",description:"undoing in history",when:"CanvasView"},{category:"History",key:"cmd+shift+z",win:"ctrl+shift+z",command:"history.redo",description:"redoing in history",when:"CanvasView"},{category:"Tool",key:"v",command:"addLayerView",args:"select",description:"Selection"},{category:"Tool",key:"a",command:"addLayerView",args:["artboard"],description:"Add ArtBoard",when:"CanvasView"},{category:"Tool",key:"r",command:"addLayerView",args:["rect"],description:"Add rect layer"},{category:"Tool",key:"m",command:"addLayerView",args:["rect"],description:"Add rect layer"},{category:"Tool",key:"o",command:"addLayerView",args:["circle"],description:"Add circle layer"},{category:"Tool",key:"l",command:"addLayerView",args:["circle"],description:"Add circle layer"},{category:"Tool",key:"t",command:"addLayerView",args:["text"],description:"Add text layer"},{category:"Tool",key:"p",command:"addLayerView",args:["path"],description:"Add SVG Path layer"},{category:"Tool",key:"b",command:"addLayerView",args:["brush"],description:"Draw SVG Path"},{category:"Group",key:"cmd+g",win:"ctrl+g",command:"group.item",description:"Grouping selected items",when:"CanvasView"},{category:"Group",key:"shift+cmd+g",win:"shift+ctrl+g",command:"ungroup.item",description:"Ungrouping selected group layer",when:"CanvasView"},{category:"Path",key:"ArrowDown",command:"segment.move.down",description:"move 1px to down",args:[{dy:1}],when:"PathEditorView"},{category:"Path",key:"ArrowUp",command:"segment.move.up",description:"move 1px to up",args:[{dy:1}],when:"PathEditorView"},{category:"Path",key:"ArrowRight",command:"segment.move.right",description:"move 1px to right",args:[{dx:1}],when:"PathEditorView"},{category:"Path",key:"ArrowLeft",command:"segment.move.left",description:"move 1px to left",args:[{dx:1}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowDown",command:"segment.move.down",description:"move 10px to down",args:[{dy:10}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowUp",command:"segment.move.up",description:"move 10px to up",args:[{dy:10}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowLeft",command:"segment.move.left",description:"move 10px to left",args:[{dx:10}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowRight",command:"segment.move.right",description:"move 10px to right",args:[{dx:10}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowDown",command:"segment.move.down",description:"move 5px to down",args:[{dy:5}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowUp",command:"segment.move.up",description:"move 5px to up ",args:[{dy:5}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowLeft",command:"segment.move.left",description:"move 5px to left",args:[{dx:5}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowRight",command:"segment.move.right",description:"move 5px to right",args:[{dx:5}],when:"PathEditorView"},{category:"Path",key:"Backspace",command:"segment.delete",description:"Delete selected segment",when:"PathEditorView"},{category:"Layer",key:"ArrowLeft",command:"moveLayer",description:"move 1px to left",args:[-1,0],when:"CanvasView"},{category:"Layer",key:"ArrowRight",command:"moveLayer",description:"move 1px to right",args:[1,0],when:"CanvasView"},{category:"Layer",key:"ArrowDown",command:"moveLayer",description:"move 1px to down",args:[0,1],when:"CanvasView"},{category:"Layer",key:"ArrowUp",command:"moveLayer",description:"move 1px to up",args:[0,-1],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowDown",command:"moveLayer",description:"move 10px to down",args:[0,10],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowRight",command:"moveLayer",description:"move 10px to right",args:[10,0],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowUp",command:"moveLayer",description:"move 10px to up",args:[0,-10],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowLeft",command:"moveLayer",description:"move 10px to left",args:[-10,0],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowLeft",command:"moveLayer",description:"move 5px to left",args:[-5,0],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowDown",command:"moveLayer",description:"move 5px to down",args:[0,5],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowRight",command:"moveLayer",description:"move 5px to right",args:[5,0],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowUp",command:"moveLayer",description:"move 5px to up",args:[0,-5],when:"CanvasView"},{category:"Layer",key:"ctrl+]",command:"item.move.depth.up",description:"move layer to above",when:"CanvasView"},{category:"Layer",key:"ctrl+[",command:"item.move.depth.down",description:"move layer to below",when:"CanvasView"},{category:"Layer",key:"Backspace",command:"history.removeLayer",description:"Delete selected items",args:["Delete selected items"],when:"CanvasView"},{category:"Layer",key:"Shift+Backspace",command:"history.removeLayer",description:"Delete selected items",args:["Delete selected items"],when:"CanvasView"},{category:"Tool",key:"Minus",command:"scale.minus",description:"Minus scale",when:"CanvasView"},{category:"Tool",key:"Equal",command:"scale.plus",description:"Plus scale",when:"CanvasView"},{category:"Edit",key:"cmd+c",command:"clipboard.copy",description:"Copy objects",when:"CanvasView"},{category:"Edit",key:"cmd+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}],$u={backspace:8,tab:9,enter:13,escape:27,space:32,pageup:33,pagedown:34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,delete:46,0:48,1:49,2:50,3:51,4:52,5:53,6:54,7:55,8:56,9:57,semicolon:59,equals:61,a:65,b:66,c:67,d:68,e:69,f:70,g:71,h:72,i:73,j:74,k:75,l:76,m:77,n:78,o:79,p:80,q:81,r:82,s:83,t:84,u:85,v:86,w:87,x:88,y:89,z:90,multiply:106,add:107,subtract:109,divide:111,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123,f13:124,f14:125,f15:126,f16:127,f17:128,f18:129,f19:130,comma:188,",":188,period:190,".":190,slash:191,"/":191,backquote:192,"`":192,openbracket:219,"[":219,backslash:220,"\\":220,closebracket:221,"]":221,quote:222,"'":222,altgr:225};function Cu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Eu(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter(Boolean).join("+")}function Tu(e){return $u["".concat(e).toLowerCase()]||e}var Vu=function(){function e(t){zn()(this,e),this.$editor=t,this.loadShortCuts()}return Bn()(e,[{key:"getGeneratedKeyCode",value:function(e){return Tu(e)}},{key:"loadShortCuts",value:function(){var e=this;this.list=[],this.commands={},Ou.forEach((function(t){e.registerShortCut(t)})),this.sort()}},{key:"registerShortCut",value:function(e){var t=ju();this.list.push(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Cu(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Cu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({key:"",command:"",args:[],eventType:"keydown"},e,{checkKeyString:this.splitShortCut(e[t]||e.key),whenFunction:this.makeWhenFunction(e.command,e.when||"true")}))}},{key:"makeWhenFunction",value:function(e,t){return new Function("editor","\n            /////////////////////////////////\n            ////////Custom Function///////////\n\n            return function () {\n                const CanvasView = editor.modeView === 'CanvasView';\n                const PathEditorView = editor.modeView === 'PathEditorView';                \n\n                return (".concat(t,");\n            }\n            ////////Custom Function///////////\n            /////////////////////////////////\n        "))(this.$editor)}},{key:"sort",value:function(){var e=this;this.list.forEach((function(t){!1===nt(e.commands[t.checkKeyString])&&(e.commands[t.checkKeyString]=[]),e.commands[t.checkKeyString].push(t)}))}},{key:"splitShortCut",value:function(e){var t=e.toUpperCase().split("+").map((function(e){return e.trim()})).filter(Boolean),n=!1,r=!1,i=!1,a=!1,o=[];return t.forEach((function(e){e.includes("ALT")?n=!0:e.includes("CTRL")?r=!0:e.includes("SHIFT")?i=!0:e.includes("CMD")||e.includes("WIN")||e.includes("META")?a=!0:o.push(e)})),Eu(n?"ALT":"",r?"CTRL":"",i?"SHIFT":"",a?"META":"",Tu(o.join("")))}},{key:"makeKeyString",value:function(e){return Eu(e.altKey?"ALT":"",e.ctrlKey?"CTRL":"",e.shiftKey?"SHIFT":"",e.metaKey?"META":"",e.key.toUpperCase())}},{key:"makeCodeString",value:function(e){return Eu(e.altKey?"ALT":"",e.ctrlKey?"CTRL":"",e.shiftKey?"SHIFT":"",e.metaKey?"META":"",e.code.toUpperCase())}},{key:"makeKeyCodeString",value:function(e){return Eu(e.altKey?"ALT":"",e.ctrlKey?"CTRL":"",e.shiftKey?"SHIFT":"",e.metaKey?"META":"",e.keyCode)}},{key:"checkShortCut",value:function(e,t,n){return this.commands[e]||this.commands[t]||this.commands[n]}},{key:"checkWhen",value:function(e){return e.whenFunction()}},{key:"execute",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"keydown",r=this.checkShortCut(this.makeKeyCodeString(e),this.makeKeyString(e),this.makeCodeString(e));if(r){var i=r.filter((function(e){return e.eventType===n})).filter((function(e){return t.checkWhen(e)}));i.length&&e.preventDefault(),i.forEach((function(e){var n;(n=t.$editor).emit.apply(n,[e.command].concat(j()(e.args)))}))}}}]),e}(),Du=function(){function e(t){zn()(this,e),this.editor=t,this.config=new Map,this.initialize()}return Bn()(e,[{key:"initialize",value:function(){this.set("canvas.width",1e4),this.set("canvas.height",1e4),this.set("body.move.ms",30),this.set("grid.preview.position",[]),this.set("debug",!1)}},{key:"get",value:function(e){return this.config[e]}},{key:"set",value:function(e,t){this.config[e]!=t&&(this.config[e]=t,this.editor.emit("config:"+e))}},{key:"remove",value:function(e){delete this.config[e],this.editor.emit("config:"+e)}}]),e}(),Iu=function(){function e(t){zn()(this,e),this.$editor=t,this.currentIndex=-1,this.undoHistories=[],this.redoHistories=[],this.selection={}}return Bn()(e,[{key:"createCommand",value:function(e){return this.$editor.isPointerUp?"history.".concat(e):e}},{key:"saveSelection",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.selection=this.$editor.selection.toCloneObject()}},{key:"getUndoValues",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n={};return Object.keys(this.selection).forEach((function(r){n[r]={},Object.keys(t).forEach((function(t){n[r][t]=e.selection[r][t]}))})),n}},{key:"getUndoValuesForMulti",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n={};return Object.keys(t).forEach((function(r){n[r]={};var i=e.selection[r]||e.$editor.selection.itemsByIds(r)[0],a=t[r];Object.keys(a).forEach((function(e){n[r][e]=i[e]}))})),n}},{key:"add",value:function(e,t,n){var r={message:e,command:t,data:n};return this.undoHistories.push(r),this.currentIndex++,this.undoHistories.length=this.currentIndex+1,this.$editor.emit("refreshHistory"),r}},{key:"map",value:function(e){return[].concat(j()(this.undoHistories.map(e)),["-"],j()(this.redoHistories.map(e))).reverse()}},{key:"undo",value:function(){var e=this;if(!(this.currentIndex<-1)){this.currentIndex--;var t=this.undoHistories.pop();t&&t.command&&t.command.undo(this.$editor,t.data),this.$editor.nextTick((function(){e.$editor.emit("refreshHistory")}))}}},{key:"redo",value:function(){var e=this;if(!(this.currentIndex>this.length)){this.currentIndex<0&&this.currentIndex++;var t=this.undoHistories[this.currentIndex];t&&t.command&&(t.command.redo(this.$editor,t.data),this.$editor.debug(t)),this.$editor.nextTick((function(){e.$editor.emit("refreshHistory")}))}}},{key:"length",get:function(){return this.undoHistories.length}},{key:"selectedIds",get:function(){return Object.keys(this.selection)}}]),e}(),Mu=function(){function e(t){zn()(this,e),this.editor=t,this.codeSet=new Set,this.keyCodeSet=new Set}return Bn()(e,[{key:"add",value:function(e,t){!1===this.codeSet.has(e)&&this.codeSet.add(e),!1===this.keyCodeSet.has(t)&&this.keyCodeSet.add(t)}},{key:"remove",value:function(e,t){this.codeSet.delete(e),this.keyCodeSet.delete(t)}},{key:"hasKey",value:function(e){return this.codeSet.has(e)||this.keyCodeSet.has(e)}},{key:"check",value:function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return n.some((function(t){return e.hasKey(t)}))}}]),e}(),Lu=function(){function e(t){zn()(this,e),this.editor=t,this.canvasSize=null,this.cachedViewport=Ri(0,0,0,0),this.mouse=D.d.create(),this.scale=1,this.translate=D.d.create(),this.transformOrigin=D.d.create(),this.maxScale=250,this.minScale=.2,this.zoomFactor=1,this.resetWorldMatrix()}return Bn()(e,[{key:"setTransformOrigin",value:function(e){this.transformOrigin=e,this.resetWorldMatrix()}},{key:"setTransformOriginWithTranslate",value:function(e){var t=D.d.clone(this.transformOrigin);this.setTransformOrigin(e),this.setTranslate(D.d.add([],this.translate,D.d.subtract([],t,e)))}},{key:"setScale",value:function(e){this.scale=Math.min(Math.max(this.minScale,e),this.maxScale),this.resetWorldMatrix()}},{key:"setTranslate",value:function(e){this.translate=e,this.resetWorldMatrix()}},{key:"resetWorldMatrix",value:function(){this.matrix=Q(D.a.fromTranslation([],this.translate),D.a.fromTranslation([],this.transformOrigin),D.a.fromScaling([],[this.scale,this.scale,1]),D.a.fromTranslation([],D.d.negate([],this.transformOrigin))),this.matrixInverse=D.a.invert([],this.matrix),this.scaleMatrix=Q(D.a.fromScaling([],[this.scale,this.scale,1])),this.scaleMatrixInverse=D.a.invert([],this.scaleMatrix),this.refresh()}},{key:"refreshCanvasSize",value:function(e){if(this.canvasSize){this.canvasSize={x:e.x,y:e.y,width:e.width,height:e.height},this.cachedViewport=Ri(0,0,this.canvasSize.width,this.canvasSize.height);var t=D.d.transformMat4([],[this.canvasSize.width,this.canvasSize.height,0],this.scaleMatrixInverse),n=D.d.add([],this.verties[0],[t[0]/2,t[1]/2,0]),r=D.a.getTranslation([],Q(this.matrix,ee(D.a.fromTranslation([],n),this.scaleMatrix,D.a.invert([],D.a.fromTranslation([],n)))));this.setTranslate(r),this.setTransformOrigin(n)}else this.canvasSize={x:e.x,y:e.y,width:e.width,height:e.height},this.cachedViewport=Ri(0,0,this.canvasSize.width,this.canvasSize.height),this.setTransformOrigin([this.canvasSize.width/2,this.canvasSize.height/2,0]);this.editor.emit("updateViewport")}},{key:"refresh",value:function(){this.cachedViewport&&(this.verties=N(this.cachedViewport,this.matrixInverse))}},{key:"createWorldPosition",value:function(e,t){var n=e-this.canvasSize.x,r=t-this.canvasSize.y;return[this.verties[0][0]+(this.verties[2][0]-this.verties[0][0])*(n/this.canvasSize.width),this.verties[0][1]+(this.verties[2][1]-this.verties[0][1])*(r/this.canvasSize.height),0]}},{key:"setMousePoint",value:function(e,t){this.mouse=this.createWorldPosition(e,t),this.setTransformOriginWithTranslate(D.d.lerp([],this.verties[0],this.verties[2],.5)),this.editor.emit("updateViewport")}},{key:"zoom",value:function(e){var t=this.scale,n=t*e;this.setScale(n);var r=this.scale/t;this.zoomFactor=r,1!==r&&(this.setTransformOriginWithTranslate(D.d.lerp([],this.mouse,this.transformOrigin,1/e)),this.editor.emit("updateViewport"))}},{key:"pan",value:function(e,t){arguments.length>2&&void 0!==arguments[2]&&arguments[2];this.setTransformOriginWithTranslate(D.d.add([],this.transformOrigin,[e,t,0])),this.editor.emit("updateViewport")}},{key:"moveLayerToCenter",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-.2,n=D.d.lerp([],e[0],e[2],.5),r=D.d.dist(e[0],e[1]),i=D.d.dist(e[0],e[3]),a=D.d.lerp([],this.verties[0],this.verties[2],.5),o=D.d.dist(this.verties[0],this.verties[1]),s=D.d.dist(this.verties[0],this.verties[3]),c=Math.min(o/r,s/i)+t;this.setTranslate(D.d.add([],this.translate,D.d.subtract([],a,n))),this.setTransformOrigin(n),this.setScale(this.scale*c),this.editor.emit("updateViewport")}},{key:"applyVertex",value:function(e){return D.d.transformMat4([],e,this.matrix)}},{key:"applyVertexInverse",value:function(e){return D.d.transformMat4([],e,this.matrixInverse)}},{key:"applyVerties",value:function(e){return N(e,this.matrix)}},{key:"applyScaleVerties",value:function(e){return N(e,this.scaleMatrix)}},{key:"applyVertiesInverse",value:function(e){return N(e,this.matrixInverse)}},{key:"applyScaleVertiesInverse",value:function(e){return N(e,this.scaleMatrixInverse)}},{key:"createAreaVerties",value:function(e,t,n,r){return this.applyVertiesInverse(function(e,t,n,r){return Ri(e,t,n,r)}(e,t,n,r))}},{key:"pos",get:function(){return[(this.mouse[0]-this.verties[0][0])/(this.verties[2][0]-this.verties[0][0])*100,(this.mouse[1]-this.verties[0][1])/(this.verties[2][1]-this.verties[0][1])*100,0]}},{key:"minX",get:function(){return this.verties[0][0]}},{key:"maxX",get:function(){return this.verties[2][0]}},{key:"minY",get:function(){return this.verties[0][1]}},{key:"maxY",get:function(){return this.verties[2][1]}},{key:"height",get:function(){return this.maxY-this.minY}},{key:"width",get:function(){return this.maxX-this.minX}}]),e}(),Ru=function(){function e(){zn()(this,e)}return Bn()(e,[{key:"render",value:function(e,t){return li.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,li.a.awrap(this.toCloneObject(e,t));case 2:return n.abrupt("return",n.sent);case 3:case"end":return n.stop()}}),null,this)}},{key:"toCloneObject",value:function(e,t){var n,r,i,a;return li.a.async((function(o){for(;;)switch(o.prev=o.next){case 0:(n=e.attrs("itemType","elementType","type","visible","lock","selected")).referenceId=e.id,n.newTargetId=ie(),r=[],i=0,a=e.layers.length;case 5:if(!(i<a)){o.next=14;break}return o.t0=r,o.next=9,li.a.awrap(t.render(e.layers[i],t));case 9:o.t1=o.sent,o.t0.push.call(o.t0,o.t1);case 11:i++,o.next=5;break;case 14:return n.layers=r,o.abrupt("return",n);case 16:case"end":return o.stop()}}))}}]),e}();function Au(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function zu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Au(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Au(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Fu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Bu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Fu(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Fu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Gu=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Bu,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","text-clip","border-radius","border","box-shadow","text-shadow","clip-path","color","font-size","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","opacity","rotate","flex-layout","grid-layout","animation","transition"),r.t5={selectors:e.selectors.map((function(e){return e.clone()})),svg:e.svg.map((function(e){return e.clone()}))},r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4,r.t5));case 9:case"end":return r.stop()}}),null,this)}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=zu,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("x","y","width","height"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Ru));function Hu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Nu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Hu(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Hu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Xu=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Nu,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("name"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Gu);function Yu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Yu(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Yu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ku=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=_u,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("tagName"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Gu),Wu=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Ku);function Uu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Zu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Uu(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Uu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var qu=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){var r,i,a;return li.a.async((function(o){for(;;)switch(o.prev=o.next){case 0:return r=e.project,i=r.imageKeys[e.src],a=i.original,o.t0=Zu,o.t1={},o.next=7,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 7:return o.t2=o.sent,o.t3={src:a},o.abrupt("return",(0,o.t0)(o.t1,o.t2,o.t3));case 10:case"end":return o.stop()}}),null,this)}}]),t}(Ku);function Ju(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Qu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ju(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ju(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function eh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function th(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?eh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):eh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function nh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function rh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?nh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):nh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ih=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=rh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("name","description","rootVariable"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=th,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("timeline"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Qu,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Ru))),ah=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Ku);function oh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function sh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?oh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):oh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ch=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=sh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Ku);function lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function uh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?lh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):lh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var hh=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=uh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("d"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(ch);function ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function dh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ph(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ph(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var fh=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=dh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(ch);function vh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function yh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?vh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):vh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var gh=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=yh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(ch);function mh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function bh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var kh=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=bh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("content"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Ku);function xh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function wh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?xh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):xh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Sh=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=wh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("src"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Ku),Ph={project:new ih,artboard:new Xu,rect:new ah,circle:new Wu,image:new qu,text:new kh,video:new Sh,"svg-path":new hh,"svg-text":new gh,"svg-textpath":new fh},jh={render:function(e,t){var n;return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:if(e){r.next=2;break}return r.abrupt("return");case 2:if(!(n=Ph[e.itemType])){r.next=7;break}return r.next=6,li.a.awrap(n.render(e,t||this));case 6:return r.abrupt("return",r.sent);case 7:case"end":return r.stop()}}),null,this)},getResourceDataURI:function(e,t){return li.a.async((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}))}},Oh=function(){function e(t){zn()(this,e),this.editor=t}return Bn()(e,[{key:"getArtboardList",value:function(){var e,t;return li.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:if(e=!1,t=(this.editor.loadItem("artboards")||[]).map((function(t){return t.id||(t.id=ie(),e=!0),t})),!e){n.next=5;break}return n.next=5,li.a.awrap(this.setArtboardList(t));case 5:return n.abrupt("return",t);case 6:case"end":return n.stop()}}),null,this)}},{key:"setArtboardList",value:function(e){return li.a.async((function(t){for(;;)switch(t.prev=t.next){case 0:this.editor.saveItem("artboards",e);case 1:case"end":return t.stop()}}),null,this)}},{key:"getArtBoard",value:function(e){var t,n;return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,li.a.awrap(this.getArtboardList());case 2:if(t=r.sent,!(n=t.find((function(t){return t.id===e})))||!n.artboard){r.next=6;break}return r.abrupt("return",n.artboard);case 6:return r.abrupt("return",null);case 7:case"end":return r.stop()}}),null,this)}},{key:"saveArtboard",value:function(){var e,t,n,r,i=arguments;return li.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:if(e=i.length>0&&void 0!==i[0]?i[0]:"",!(t=this.editor.selection.current)){a.next=13;break}return a.next=5,li.a.awrap(this.getArtboardList());case 5:return n=a.sent,a.next=8,li.a.awrap(jh.render(t));case 8:return(r=a.sent).x="0px",r.y="0px",a.next=13,li.a.awrap(this.setArtboardList([].concat(j()(n),[{id:ie(),preview:e,artboard:r}])));case 13:case"end":return a.stop()}}),null,this)}},{key:"removeArtboard",value:function(e){var t;return li.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,li.a.awrap(this.getArtboardList());case 2:return t=n.sent,n.next=5,li.a.awrap(this.setArtboardList(t.filter((function(t){return t.id!==e}))));case 5:case"end":return n.stop()}}),null,this)}}]),e}();function $h(e,t){var n=Object.assign({width:24,height:24},t);return('\n        <svg \n            xmlns="http://www.w3.org/2000/svg" \n            width="'.concat(n.width,'" \n            height="').concat(n.height,'" \n            viewBox="0 0 24 24">').concat(e,"</svg>"))}var Ch=$h('\n    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/>\n'),Eh=$h('\n    <path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>\n'),Th=$h('<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"/>'),Vh=$h('<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"/>'),Dh=$h('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>'),Ih=$h('<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"/>'),Mh=$h('<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"/>'),Lh=$h('<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"/>'),Rh=$h('<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"/>'),Ah=$h('<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"/>'),zh=$h('<path d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>'),Fh=$h('<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>'),Bh=$h('<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"/>'),Gh=$h('<path d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"/>'),Hh=$h('<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"/>'),Nh=$h('<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"/>'),Xh=$h('<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"/>'),Yh=$h('<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"/>'),_h=$h('<path d="M19 13H5v-2h14v2z"/>'),Kh=$h('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),Wh=$h('<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>'),Uh=$h('<path d="M10 17l5-5-5-5v10z"/>'),Zh=$h('<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>'),qh=$h('<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"/>'),Jh=$h('<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"/>'),Qh=$h('<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"/>'),ep=$h('<path d="M5 4v3h5.5v12h3V7H19V4z"/>'),tp=$h('<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"/>'),np=$h('<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>'),rp=$h('<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"/>'),ip=$h('<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"/>'),ap=$h('<path d="M8 5v14l11-7z"/>'),op=$h('<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>'),sp=$h('<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"/>'),cp=$h('<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"/>'),lp=$h('<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"/>'),up=$h('<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"/>'),hp=$h('<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"/>'),pp=$h('<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"/>'),dp=$h('<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>'),fp=$h('<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"/>'),vp=$h('<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"/>'),yp=$h('<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"/>'),gp=$h('<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"/>'),mp=$h('<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"/>'),bp=$h('<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"/>'),kp=$h('<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"/>'),xp=$h('<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"/>'),wp=$h('<path d="M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z"/>'),Sp=$h('<path d="M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z"/>'),Pp=$h('<path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"/>'),jp=$h('<path d="M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"/>'),Op=$h('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),$p=$h('<path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"/>'),Cp=$h('<path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>'),Ep=$h('<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"/>'),Tp=$h('<path d="M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z"/>'),Vp=$h('<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"/>'),Dp=$h('<path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" />'),Ip=$h('<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" />'),Mp=$h('<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"/>'),Lp=$h('<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"/>'),Rp=$h('<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"/>'),Ap=$h('<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"/>'),zp=$h('<path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/>'),Fp=$h('<path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/>'),Bp=$h('<path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/>'),Gp=$h('<path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/>'),Hp=$h('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),Np=$h('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z" />'),Xp=$h('<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"/>'),Yp=$h('<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)"/>'),_p=$h('<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"/>'),Kp=$h('\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'),Wp=$h('<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"/>'),Up=$h('<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"/>'),Zp=$h('<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"/>'),qp=$h('<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"/>'),Jp=$h('<path d="M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z"/>'),Qp=$h('<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"/>'),ed=$h('<path d="M7 2v11h3v9l7-12h-4l4-8z"/>'),td=$h('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),nd=$h('<path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/>'),rd=$h('<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"/>'),id=$h('<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"/>'),ad=$h('<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"/>'),od=$h('<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"/>'),sd=$h('<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"/>'),cd=$h('<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"/>'),ld=$h('<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"/>'),ud=$h('<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"/>'),hd=$h('<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"/>'),pd=$h('<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"/>'),dd=$h('<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"/>'),fd=$h('<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"/>'),vd=$h('<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"/>'),yd=$h('<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"/>'),gd=$h('<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"/>'),md=$h('<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"/>'),bd=$h('<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"/>'),kd=$h('<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"/>'),xd=$h('<path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"/>'),wd=$h('<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"/>'),Sd=$h('<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"/>'),Pd=$h('<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"/>'),jd=$h('<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"/>'),Od=$h('\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'),$d=$h('<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"/>'),Cd=$h('<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"/>'),Ed=$h('\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'),Td=$h('<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"/>'),Vd=$h('<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"/>'),Dd=$h('<path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/>'),Id=$h('<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"/>'),Md=$h('<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>'),Ld=$h('<path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/>'),Rd=$h('<path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),Ad=$h('\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n'),zd=$h('<path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),Fd=$h('<path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Bd=$h('<path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Gd=$h('<path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Hd=$h('\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n'),Nd=$h('\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n'),Xd=$h('<path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/>'),Yd=$h('<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"/>'),_d=$h('<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"/>'),Kd=$h('<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"/>'),Wd=$h('<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"/>'),Ud=$h('\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    '),Zd=$h('\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'),qd=$h('\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    '),Jd=$h('\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    '),Qd=$h('\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'),ef=$h('\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'),tf=$h('<path d="M14 7l-5 5 5 5V7z"/>'),nf=$h('\n        <path d="M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2zM7 17h10V7H7v10zm2-8h6v6H9V9z"/>\n    '),rf=$h('<path d="M10 17l5-5-5-5v10z"/>'),af=$h('<path d="M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z"/>'),of=$h('<polygon points="11,2 13,2 13,7 21,7 21,10 13,10 13,14 18,14 18,17 13,17 13,22 11,22 11,17 6,17 6,14 11,14 11,10 3,10 3,7 11,7"/>'),sf=$h('<path d="M4,22H2V2h2V22z M22,7H6v3h16V7z M16,14H6v3h10V14z"/>'),cf=$h('<path d="M20,2h2v20h-2V2z M2,10h16V7H2V10z M8,17h10v-3H8V17z"/>'),lf=$h('<path d="M22,22H2v-2h20V22z M10,2H7v16h3V2z M17,8h-3v10h3V8z"/>'),uf=$h('<polygon points="22,11 17,11 17,6 14,6 14,11 10,11 10,3 7,3 7,11 1.84,11 1.84,13 7,13 7,21 10,21 10,13 14,13 14,18 17,18 17,13 22,13"/>'),hf=$h('<path d="M22,2v2H2V2H22z M7,22h3V6H7V22z M14,16h3V6h-3V16z"/>'),pf=$h('<path d="M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z"/>'),df=$h('<path d="M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z"/>'),ff=$h('\n        <path d="M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z" stroke=\'white\' stroke-width="0.5" />\n    '),vf=$h('<path d="M22,2v2H2V2H22z M7,10.5v3h10v-3H7z M2,20v2h20v-2H2z"/>'),yf=$h('<path d="M4,22H2V2h2V22z M22,2h-2v20h2V2z M13.5,7h-3v10h3V7z"/>'),gf=$h('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"/>'),mf=$h('<rect fill-rule="evenodd" height="2" width="16" x="4" y="11"/>');function bf(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var kf=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?bf(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):bf(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{fullscreen:Jh},{navigation:$h('<path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"/>'),delete_forever:gf,horizontal_rule:mf,open_in_full:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return($h('<polygon points="21,11 21,3 13,3 16.29,6.29 6.29,16.29 3,13 3,21 11,21 7.71,17.71 17.71,7.71" transform=\''.concat(e,"' stroke='white' stroke-width=\"0.5\" />"),{width:20,height:20}))},rotate:ff,align_horizontal_center:of,align_horizontal_left:sf,align_horizontal_right:cf,align_vertical_bottom:lf,align_vertical_center:uf,align_vertical_top:hf,vertical_distribute:vf,horizontal_distribute:yf,rotate_left:df,swap_horiz:pf,arrow_right:rf,group:nf,volume_down:Jd,arrowLeft:tf,volume_up:Qd,volume_off:ef,pentool:Zd,launch:Ud,apps:_d,outline_rect:Kd,outline_circle:Wd,keyboard:Yd,local_movie:Xd,same_height:Nd,same_width:Hd,layers:af,middle:Gd,bottom:Bd,top:Fd,right:zd,center:Ad,left:Rd,flag:Ld,lens:Md,local_library:Id,italic:Dd,strikethrough:Vd,underline:Td,cylinder:Ed,text_rotate:Cd,device_hub:$d,control_point:jd,flip_camera:Od,flipY:Pd,flip:Sd,account_tree:xd,format_shapes:wd,merge:bd,texture:kd,settings_input_component:md,view_comfy:gd,camera_roll:yd,broken_image:vd,shadow:fd,opacity:dd,looks:pd,vintage:hd,waves:ud,blur_linear:ld,blur:cd,landscape:sd,palette:od,diffuse:ad,specular:id,photo:rd,near_me:nd,view_list:td,flash_on:ed,doc:Qp,storage:Jp,archive:qp,file_copy:Zp,gps_fixed:Up,refresh:Wp,cat:Kp,shuffle:_p,replay:Yp,speed:Xp,alternate_reverse:Np,alternate:Hp,note:Ap,rect:Rp,circle:Lp,color_lens:Mp,cube:Ip,polygon:Dp,star:Vp,dahaze:Tp,brush:Ep,expand:Cp,list:Op,grid:$p,align_center:wp,align_justify:Sp,align_left:Pp,align_right:jp,color:xp,size:kp,edit:bp,outline_image:mp,ballot:vp,shape:fp,scatter:dp,transform:pp,gradient:hp,close:up,build:lp,code:cp,autorenew:sp,play:ap,pause:op,skip_next:zp,skip_prev:Fp,fast_forward:Bp,fast_rewind:Gp,filter:ip,input:rp,timer:tp,title:ep,paint:Qh,border_all:qh,border_inner:Jh,check:Zh,video:qd,arrowRight:Uh,screen:Wh,repeat:Kh,remove2:_h,setting:Yh,image:Xh,artboard:Nh,folder:Hh,publish:Gh,add_note:Bh,add:Fh,save:Ah,export:zh,redo:Rh,undo:Lh,lock:Mh,lock_open:gp,remove:Dh,copy:Ih,visible:Vh,add_box:Th,add_circle:yp,create_folder:Eh,chevron_right:Ch,chevron_left:np}),xf=function(){function e(){zn()(this,e)}return Bn()(e,[{key:"load",value:function(){var e,t,n,r,i,a,o,s=arguments;return li.a.async((function(c){for(;;)switch(c.prev=c.next){case 0:if(e=s.length>0&&void 0!==s[0]?s[0]:"default",!kf[e]){c.next=8;break}for(n=s.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=s[i];return a=st(kf[e])?(t=kf[e]).call.apply(t,[kf[e]].concat(r)):kf[e],o=new Blob([a],{type:"image/svg+xml"}),c.abrupt("return",new Promise((function(e,t){var n=new FileReader;n.onload=function(t){var n=t.target.result;e("url(".concat(n,") 12 12, auto"))},n.readAsDataURL(o)})));case 8:return c.abrupt("return",e);case 9:case"end":return c.stop()}}))}}]),e}(),wf=function(){function e(t){zn()(this,e),this.$editor=t}return Bn()(e,[{key:"revokeResource",value:function(e){var t=this,n=JSON.parse(e||"[]"),r={};return n.forEach((function(e){e.images.forEach((function(e){r["#".concat(e.id)]=e}))})),Object.keys(r).map((function(e){var t=r[e],n=Sc.parse(t.original,!0);t.local=n.local})),n.forEach((function(e){e.layers=t.applyAsset(e.layers,r)})),n}},{key:"applyAsset",value:function(e,t){var n=this;return nt(e)?e=e.map((function(e){return n.applyAsset(e,t)})):ot(e)?Object.keys(e).forEach((function(r){e[r]=n.applyAsset(e[r],t)})):it(e)&&Object.keys(t).forEach((function(n){var r=t[n];e.indexOf("#".concat(r.id))>-1&&(e=e.replace(new RegExp("#".concat(r.id),"g"),r.local))})),e}},{key:"project",get:function(){return this.$editor.selection.currentProject}}]),e}(),Sf="SELECTION",Pf=function(){function e(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];zn()(this,e),this.EDITOR_ID=ie(),this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=Sf,this.modeView="CanvasView",this.addComponentType="",this.locale=this.loadItem("locale")||"en_US",this.layout=this.loadItem("layout")||"all",this.loadManagers()}return Bn()(e,[{key:"loadManagers",value:function(){this.store=new Kn(this),this.config=new Du(this),this.snapManager=new Cf(this),this.commands=new Su(this),this.shortcuts=new Vu(this),this.selection=new Ks(this),this.timeline=new Js(this),this.history=new Iu(this),this.keyboardManager=new Mu(this),this.viewport=new Lu(this),this.storageManager=new Oh(this),this.cursorManager=new xf(this),this.assetManager=new wf(this),this.components=aa,this.initTheme()}},{key:"i18n",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return Us.get(e,t,n||this.locale)}},{key:"hasI18nkey",value:function(e,t){return Us.hasKey(e,t||this.locale)}},{key:"initI18n",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2?arguments[2]:void 0,a="".concat(t,".").concat(n);return e.hasI18nkey(a,i)?e.$i18n("".concat(t,".").concat(n),r,i):e.$i18n("".concat(n),r,i)}}},{key:"setLocale",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"en_US";this.locale=e,this.saveItem("locale",this.locale)}},{key:"setLayout",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"all";this.layout=e,this.saveItem("layout",this.layout)}},{key:"setUser",value:function(e){this.user=e}},{key:"initTheme",value:function(){var e="dark";window.localStorage&&(e=window.localStorage.getItem("easylogic.studio.theme"),e=["dark","light","toon"].includes(e)?e:"dark"),this.theme=e||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"themeValue",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Zs[this.theme][e]||t}},{key:"changeMode",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Sf;this.mode=e}},{key:"changeModeView",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"CanvasView";this.modeView=e}},{key:"isMode",value:function(e){return this.mode===e}},{key:"isAddMode",value:function(){return this.isMode("ADD")}},{key:"isSelectionMode",value:function(){return this.isMode(Sf)}},{key:"changeAddType",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.changeMode("ADD"),this.addComponentType=e,this.isComponent=t}},{key:"changeTheme",value:function(e){e=["light","toon"].includes(e)?e:"dark",this.theme=e,window.localStorage.setItem("easylogic.studio.theme",e)}},{key:"getFile",value:function(e){return this.images[e]||e}},{key:"setStore",value:function(e){this.store=e}},{key:"emit",value:function(){var e;this.store.source="EDITOR_ID",(e=this.store).emit.apply(e,arguments)}},{key:"on",value:function(){var e;(e=this.store).on.apply(e,arguments)}},{key:"off",value:function(){var e;(e=this.store).off.apply(e,arguments)}},{key:"offAll",value:function(){var e;(e=this.store).offAll.apply(e,arguments)}},{key:"debug",value:function(){var e;this.config.get("debug")&&(e=console).log.apply(e,arguments)}},{key:"command",value:function(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];var a,o;return this.isPointerUp?(a=this.store).emit.apply(a,["history.".concat(e),t].concat(r)):(o=this.store).emit.apply(o,[e].concat(r))}},{key:"nextTick",value:function(e){this.store&&this.store.nextTick(e)}},{key:"load",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.projects=e}},{key:"add",value:function(e){return this.projects.push(e),e}},{key:"remove",value:function(e){this.projects.splice(e,1)}},{key:"clear",value:function(){this.projects=[]}},{key:"get",value:function(e){return this.projects[e]}},{key:"replaceLocalUrltoRealUrl",value:function(e){var t=this.selection.currentProject,n={};return t.images.forEach((function(t){e.indexOf(t.local)>-1&&(n[t.local]=t.original)})),Object.keys(n).forEach((function(t){e.indexOf(t)>-1&&(e=e.replace(new RegExp(t,"g"),n[t]))})),e}},{key:"replaceLocalUrltoId",value:function(e){var t=this.projects,n={};return t.forEach((function(t){t.images.forEach((function(t){e.indexOf(t.local)>-1&&(n[t.local]="#"+t.id)}))})),Object.keys(n).forEach((function(t){e.indexOf(t)>-1&&(e=e.replace(new RegExp(t,"g"),n[t]))})),e}},{key:"makeResource",value:function(e){var t=JSON.stringify(e);return t=this.replaceLocalUrltoId(t)}},{key:"serialize",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=[];return e.forEach((function(e){var n=e.toJSON();n._parentId=e.parent?e.parent.id:void 0,n._positionInParent=e.positionInParent,t.push(n)})),JSON.stringify(t)}},{key:"createItem",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e._parentId&&(e.parent=this.searchItem(e._parentId),delete e._parentId),e.layers=(e.layers||[]).map((function(e){return t.createItem(e)}));var r=this.components.createComponent(e.itemType,e);return n&&r.parent.setPositionInPlace(e._positionInParent,r),r}},{key:"searchItem",value:function(e){var t=[];return it(e)?t.push(e):nt(e)&&(t=j()(e)),this.selection.currentProject.getSearchedIndexItemList(t).filter(Boolean)[0]}},{key:"deserialize",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=JSON.parse(e)||[];return r.map((function(e){return t.createItem(e,n)}))}},{key:"saveResource",value:function(e,t){window.localStorage.setItem("easylogic.studio.".concat(e),this.makeResource(t))}},{key:"saveItem",value:function(e,t){window.localStorage.setItem("easylogic.studio.".concat(e),JSON.stringify(t))}},{key:"loadResource",value:function(e){return this.assetManager.revokeResource(window.localStorage.getItem("easylogic.studio.".concat(e)))}},{key:"loadItem",value:function(e){return JSON.parse(window.localStorage.getItem("easylogic.studio.".concat(e))||JSON.stringify(""))}},{key:"zIndex",get:function(){return this.popupZIndex++}},{key:"isPointerUp",get:function(){return!this.config.get("bodyEvent")||"pointerup"===this.config.get("bodyEvent").type}},{key:"isPointerMove",get:function(){return!!this.config.get("bodyEvent")&&"pointermove"===this.config.get("bodyEvent").type}}]),e}(),jf=D.d.fromValues(0,0,0);function Of(e,t){return Math.abs(e[0]-t[0])<1}function $f(e,t){return Math.abs(e[1]-t[1])<1}var Cf=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;zn()(this,e),this.editor=t,this.map=new Map,this.snapTargetLayers=[],this.snapDistance=n}return Bn()(e,[{key:"clear",value:function(){var e=this;this.snapTargetLayers=this.editor.selection.snapTargetLayers.map((function(t){return e.convertMatrix(t)}))}},{key:"convertMatrix",value:function(e){var t=this.convertGuideAndPathMatrix(e),n=t.map((function(e){return e[0]})),r=t.map((function(e){return e[1]}));return{id:e.id,xList:n,yList:r,verties:t}}},{key:"convertGuideAndPathMatrix",value:function(e){var t=e.guideVerties(),n=e.pathVerties();return[].concat(j()(t),j()(n))}},{key:"getSnapPoints",value:function(){var e=this,t=[];return this.editor.selection.snapTargetLayersWithSelection.forEach((function(n){t.push.apply(t,e.convertGuideAndPathMatrix(n))})),t}},{key:"checkX",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=[];return e.forEach((function(e,i){t.forEach((function(t,a){var o=e-t;Math.abs(o)<=n&&r.push({targetX:e,sourceX:t,sourceIndex:a,targetIndex:i,dx:o})}))})),r}},{key:"checkY",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=[];return e.forEach((function(e,i){t.forEach((function(t,a){var o=e-t;Math.abs(o)<=n&&r.push({targetY:e,sourceY:t,sourceIndex:a,targetIndex:i,dy:o})}))})),r}},{key:"check",value:function(e){var t=this,n=[],r=this.snapDistance,i=e.map((function(e){return e[0]})),a=e.map((function(e){return e[1]}));return this.snapTargetLayers.forEach((function(e){var o=t.checkX(e.xList,i,r)[0],s=t.checkY(e.yList,a,r)[0];n.push(D.d.fromValues(o?o.dx:0,s?s.dy:0,0))})),n.find((function(e){return ut(e[0])||ut(e[1])}))||jf}},{key:"checkPoint",value:function(e){var t=this.check([e]);return D.d.add([],e,t)}},{key:"getGuidesByPointPoint",value:function(e,t){for(var n,r,i=[],a=0,o=e.length;a<o;a++){n=e[a];for(var s=0,c=t.length;s<c;s++)Of(n,r=t[s])&&i.push([n,r,"x"]),$f(n,r)&&i.push([n,r,"y"])}return i}},{key:"findGuide",value:function(e){var t=this,n=[];return this.snapTargetLayers.forEach((function(r){var i=t.getGuidesByPointPoint(e,r.verties);n.push.apply(n,i)})),n}},{key:"findGuideOne",value:function(e){return[this.findGuide(e)[0]]}}]),e}(),Ef=/^ME@/,Tf=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.join("|")},Vf=function(){return"ME@"+Tf.apply(void 0,arguments)},Df=function(e){function t(e){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return zn()(this,t),(n=Hn()(this,Xn()(t).call(this,e,r))).created(),n.initialize(),n.initializeStoreEvent(),n}return _n()(t,e),Bn()(t,[{key:"initializeProperty",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};si()(Xn()(t.prototype),"initializeProperty",this).call(this,e,n),e&&e.$store&&(this.$store=e.$store),e&&e.$editor&&(this.$editor=e.$editor)}},{key:"created",value:function(){}},{key:"getRealEventName",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"ME@",n=e.indexOf(t);return e.substr(n<0?0:n+t.length)}},{key:"splitMethod",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=Ot(e.split("|"),t),i=k()(r,2),a=i[0],o=i[1];return[a.length?+o[0].target:n,a,o]}},{key:"initializeStoreEvent",value:function(){var e=this;this.filterProps(Ef).forEach((function(t){var n=e.getRealEventName(t,"ME@"),r=e.splitMethod(n,"debounce"),i=k()(r,2),a=i[0],o=i[1],s=e.splitMethod(n,"throttle"),c=k()(s,2),l=c[0],u=c[1];n.split("|").filter((function(e){return-1===o.indexOf(e)&&-1===u.indexOf(e)})).map((function(e){return e.trim()})).forEach((function(n){var r=e[t].bind(e);r.displayName="".concat(e.sourceName,".").concat(n),r.source=e.source,e.$store.on(n,r,e,a,l)}))}))}},{key:"destoryStoreEvent",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){si()(Xn()(t.prototype),"destroy",this).call(this),this.destoryStoreEvent()}},{key:"rerender",value:function(){si()(Xn()(t.prototype),"rerender",this).call(this),this.initialize(),this.initializeStoreEvent()}},{key:"emit",value:function(e){var t;this.$store.source=this.source,this.$store.sourceContext=this;for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];(t=this.$store).emit.apply(t,[e].concat(r))}},{key:"nextTick",value:function(e){this.$store.nextTick(e)}},{key:"trigger",value:function(e){var t;this.$store.source=this.source;for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];(t=this.$store).trigger.apply(t,[e].concat(r))}},{key:"on",value:function(e,t){this.$store.on(e,t)}},{key:"off",value:function(e,t){this.$store.off(e,t)}},{key:"$i18n",value:function(e){return this.$editor.i18n(e)}},{key:"$initI18n",value:function(e){return this.$editor.initI18n(e)}},{key:"command",value:function(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];return this.$editor.isPointerUp?this.emit.apply(this,["history.".concat(e),t].concat(r)):this.emit.apply(this,[e].concat(r))}},{key:"$theme",value:function(e){return this.$editor.themeValue(e)}},{key:"$config",get:function(){return this.$editor.config}},{key:"$selection",get:function(){return this.$editor.selection}},{key:"$viewport",get:function(){return this.$editor.viewport}},{key:"$snapManager",get:function(){return this.$editor.snapManager}},{key:"$timeline",get:function(){return this.$editor.timeline}},{key:"$history",get:function(){return this.$editor.history}},{key:"$shortcuts",get:function(){return this.$editor.shortcuts}},{key:"$keyboardManager",get:function(){return this.$editor.keyboardManager}},{key:"$storageManager",get:function(){return this.$editor.storageManager}}]),t}(Ci),If={x:0,y:0},Mf={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},Lf=function(e){return new(function(t){function n(){return zn()(this,n),Hn()(this,Xn()(n).apply(this,arguments))}return _n()(n,t),Bn()(n,[{key:"initialize",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.$editor=new Pf,this.$store=this.$editor.store,this.$container=rr.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 e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.$config.set("body.move.ms",e);var t=0===e?this.loopBodyMoves.bind(this):Ke(this.loopBodyMoves.bind(this),this.$config.get("body.move.ms"));this.funcBodyMoves=t}},{key:"loopBodyMoves",value:function(){var e=this.$config.get("pos"),t=this.$config.get("bodyEvent"),n=this.$config.get("lastPos")||Mf;!(n.x===e.x&&n.y===e.y)&&this.moves.size&&(this.moves.forEach((function(n){var r=G(e.x,e.y,n.xy.x,n.xy.y);if(Math.abs(r)>.5){var i=Math.floor(e.x-n.xy.x),a=Math.floor(e.y-n.xy.y);n.func.call(n.context,i,a,"move",t.pressure)}})),this.$config.set("lastPos",e)),requestAnimationFrame(this.funcBodyMoves)}},{key:"removeBodyMoves",value:function(){var e=this.$config.get("pos"),t=this.$config.get("bodyEvent");e&&this.ends.forEach((function(n){n.func.call(n.context,e.x-n.xy.x,e.y-n.xy.y,"end",t.pressure)})),this.moves.clear(),this.ends.clear()}},{key:Vf("add/body/mousemove"),value:function(e,t,n){this.moves.add({func:e,context:t,xy:n})}},{key:Vf("add/body/mouseup"),value:function(e,t,n){this.ends.add({func:e,context:t,xy:n})}},{key:"getClassName",value:function(){return e.className||"csseditor"}},{key:"getContainer",value:function(){return e.container||document.body}},{key:"template",value:function(){return e.template||"<div></div>"}},{key:"components",value:function(){return e.components||{}}},{key:Vr("document"),value:function(e){var t=e.xy||If;this.$config.set("bodyEvent",e),this.$config.set("pos",t),this.requestId||(this.requestId=requestAnimationFrame(this.funcBodyMoves))}},{key:Dr("document"),value:function(e){this.$config.set("bodyEvent",e),this.removeBodyMoves(),cancelAnimationFrame(this.requestId),this.requestId=null}},{key:jr("window")+Yr(100),value:function(){this.emit("resize.window")}},{key:"commands",get:function(){return this.$editor.commands}},{key:"shortcuts",get:function(){return this.$editor.shortcuts}}]),n}(Df))(e)},Rf={App:v,Color:Mn,HueColor:Rn,ColorNames:sn,Dom:rr,EventMachine:Ci,UIElement:Df},Af={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(kf.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(kf.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(kf.repeat," Conic")},zf={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"},Ff=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return Zg}},{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(e){return So.parseStyle(kt(e))}},{key:"setValue",value:function(e){this.setState({value:e,images:this.parseBackgroundImage(e)})}},{key:"template",value:function(){var e=this.state.hideLabel?"hide":"";return("\n            <div class='background-image-editor' >\n                <div class='label ".concat(e,"'>\n                    <label>").concat(this.props.title||"","</label>\n                    <div class='tools'>\n                        <button type=\"button\" ref='$add'>").concat(kf.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(e,t){return"\n        <div class='popup-item'>\n          <object refClass=\"BlendSelectEditor\" \n                ref='$blend_".concat(e,"' \n                key='blendMode' \n                value=\"").concat(t,'" \n                params="').concat(e,'" \n                onchange="changeRangeEditor" \n            />\n        </div>\n        ')}},{key:Jr("$fillList"),value:function(){var e=this,t=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var i=n.image,a=zf[i.type],o=Af[i.type],s=n.selected?"selected":"";return n.selected&&(e.selectedIndex=r),"\n            <div class='fill-item ".concat(s,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(a,'" >\n                <object refClass="BackgroundPositionEditor" \n                    key="background-position"\n                    index="').concat(r,'"\n                    ref="$bp').concat(r,'"\n                    x="').concat(n.x,'"\n                    y="').concat(n.y,'"\n                    width="').concat(n.width,'"\n                    height="').concat(n.height,'"\n                    repeat="').concat(n.repeat,'"\n                    size="').concat(n.size,'"\n                    blendMode="').concat(n.blendMode,'"     \n                    onchange=\'changePattern\' />\n                <object refClass="GradientSingleEditor" \n                    index="').concat(r,'"\n                    ref="$gse').concat(r,'"\n                    image="').concat(n.image,'"\n                    color="').concat(t.color,"\"\n                    key=\"background-image\"\n                    onchange='changePattern'\n\n                />\n                <div class='fill-info'>\n                  <div class='gradient-info'>\n                    <div class='fill-title' ref=\"fillTitle").concat(r,'">').concat(o,"</div>\n                    <div class='blend'>\n                      ").concat(e.templateForBlendMode(r,n.blendMode),"\n                    </div>\n                    <div class='tools'>\n                      <button type=\"button\" class='remove' data-index='").concat(r,"'>").concat(kf.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var e=bt(So.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,e)}},{key:Vf("add"),value:function(){this.state.images.push(new So({image:new to({angle:90,colorsteps:[new Fa({percent:0,color:"white",index:0}),new Fa({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:pr("$add"),value:function(){this.trigger("add")}},{key:yr("$fillList .fill-item"),value:function(e){this.startIndex=+e.$dt.attr("data-index")}},{key:mr("$fillList .fill-item")+Zr,value:function(e){}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortBackgroundImage",value:function(e,t){this.sortItem(this.state.images,e,t)}},{key:gr("$fillList .fill-item")+Zr,value:function(e){var t=+e.$dt.attr("data-index");this.selectItem(this.startIndex,!0),this.sortBackgroundImage(this.startIndex,t),this.refresh(),this.modifyBackgroundImage()}},{key:"getCurrentBackgroundImage",value:function(){return this.state.images[this.selectedIndex]}},{key:pr("$fillList .tools .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.state.images.splice(t,1),this.refresh(),this.modifyBackgroundImage()}},{key:"selectItem",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t?this.refs["fillIndex".concat(e)].addClass("selected"):this.refs["fillIndex".concat(e)].removeClass("selected"),this.state.images.forEach((function(t,n){t.selected=n===e}))}},{key:Vf("selectFillPopupTab"),value:function(e,t){var n=zf[e];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:Vf("changeRangeEditor"),value:function(e,t,n){this.trigger("changePattern",e,m()({},e,t),n)}},{key:Vf("changePattern")+Yr(10),value:function(e,t,n){var r=+n;this.state.images[r].reset(t),this.modifyBackgroundImage(),this.refresh()}}]),t}(Df),Bf=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:ba.parseStyle(this.props.value||"")}}},{key:"template",value:function(){var e=this.state.hideLabel?"hide":"";return('\n      <div class="box-shadow-editor" >\n        <div class=\'label '.concat(e,"' >\n            <label>").concat(this.props.title||"",'</label>\n            <div class=\'tools\'>\n              <button type="button" ref="$add" title="add Box Shadow">').concat(kf.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    "))}},{key:Jr("$shadowList"),value:function(){var e=this.state.boxShadows.map((function(e,t){return'\n        <div class="shadow-item real" data-index="'.concat(t,'">\n          <div class="color">\n            <div class=\'color-view\' style="background-color: ').concat(e.color,'">\n            </div>\n          </div>\n          <div class="inset" data-value="').concat(e.inset,'">').concat(kf.check,'</div>\n          <div class="offset-x">').concat(e.offsetX,'</div>\n          <div class="offset-y">').concat(e.offsetY,'</div>\n          <div class="blur-radius">').concat(e.blurRadius,'</div>\n          <div class="spread-radius">').concat(e.spreadRadius,'</div>\n          <div class="tools">\n            <button type="button" class="remove" data-index="').concat(t,'">\n              ').concat(kf.remove2,"\n            </button>\n          </div>\n        </div>\n      ")}));return e.length&&e.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      ')),e.join("")}},{key:Vf("refreshSelection"),value:function(){this.refresh()}},{key:"modifyBoxShadow",value:function(){var e=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,e)}},{key:Vf("add"),value:function(){this.state.boxShadows.push(new ba({offsetX:nr.px(2),offsetY:nr.px(2),blurRadius:nr.px(3),spreadRadius:nr.px(1)})),this.refresh(),this.modifyBoxShadow()}},{key:pr("$add"),value:function(){this.trigger("add")}},{key:pr("$shadowList .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.state.boxShadows.splice(t,1),this.refresh(),this.modifyBoxShadow(),this.emit("hideBoxShadowPropertyPopup")}},{key:pr("$shadowList .shadow-item.real > div:not(.tools)"),value:function(e){var t=+e.$dt.closest("shadow-item").attr("data-index"),n=this.state.boxShadows[t];this.viewShadowPopup(n,t)}},{key:"viewShadowPopup",value:function(e,t){this.selectedIndex=t,this.viewBoxShadowPropertyPopup(e)}},{key:"viewBoxShadowPropertyPopup",value:function(e){this.emit("showBoxShadowPropertyPopup",{changeEvent:"changeBoxShadowEditorPopup",color:e.color,inset:e.inset,offsetX:e.offsetX,offsetY:e.offsetY,blurRadius:e.blurRadius,spreadRadius:e.spreadRadius},{id:this.id})}},{key:Vf("changeBoxShadowEditorColor"),value:function(e){this.trigger("changeBoxShadowEditorPopup",{color:e})}},{key:Vf("changeBoxShadowEditorPopup"),value:function(e,t){if(t.id===this.id){var n=this.state.boxShadows[this.selectedIndex];n&&(n.reset(e),this.refresh(),this.modifyBoxShadow())}}}]),t}(Df),Gf=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props["key-value-char"]||":",t=this.props.split||",",n=(this.props.options||"").split(t).map((function(e){return e.trim()})),r=this.props.value,i=this.props.tabindex;return{keyValueChar:e,splitChar:t,label:this.props.label||"",options:n,value:r,tabIndex:i}}},{key:"template",value:function(){var e=this.state,t=e.label,n=e.tabIndex?'tabIndex="1"':"";return"\n            <div class='select-editor ".concat(t?"has-label":"","'>\n                ").concat(t?'<label title="'.concat(t,'">').concat(t,"</label>"):"","\n                <select ref='$options' ").concat(n,"></select>\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:"setValue",value:function(e){this.state.value=e+"",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:ni("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Jr("$options"),value:function(){var e=this;return this.state.options.map((function(t){var n=t;if((a=t).includes(e.state.keyValueChar)){var r=a.split(e.state.keyValueChar),i=k()(r,2),a=i[0];n=i[1]}""===n?n=e.props["none-value"]?e.props["none-value"]:"":"-"===n&&(n="----------",a="");var o=a===e.state.value?"selected":"";return"<option ".concat(o,' value="').concat(a,'">').concat(n,"</option>")}))}},{key:"setOptions",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.setState({options:e.split(this.state.splitChar).map((function(e){return e.trim()}))})}},{key:kr("$options"),value:function(){this.updateData({value:this.refs.$options.value})}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}]),t}(Df),Hf=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Gf}}},{key:"initState",value:function(){var e=this.props.units||"px,em,%",t=nr.parse(this.props.value||nr.z());return{removable:"true"===this.props.removable,calc:"true"===this.props.calc,compact:"true"===this.props.compact,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:e,value:t}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:"refresh",value:function(){this.load()}},{key:Jr("$body"),value:function(){var e=this.state,t=e.min,n=e.max,r=e.step,i=e.label,a=e.removable,o=e.layout,s=e.compact,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=o,u=(+c).toString(),h=this.state.units.split(",").map((function(e){var t=e;return"number"===t&&(t=""),"".concat(e,":").concat(t)})).join(",");return'\n        <div \n            ref="$range"\n            class="'.concat(wt(m()({"range-editor":!0,"has-label":!!i,compact:!!s,"is-removable":a},l,!0)),'"\n        >\n            ').concat(i?'<label title="'.concat(i,'">').concat(i,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <input type='range' ref='$property' value=\"").concat(u,'" min="').concat(t,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(u,'" min="').concat(t,'" max="').concat(n,'" step="').concat(r,'" tabIndex="1" />\n                    <object refClass="SelectEditor"  ref=\'$unit\' key=\'unit\' value="').concat(this.state.selectedUnit||this.state.value.unit,'" options="').concat(h,"\" onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(kf.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(e){this.setState({value:nr.parse(e)})}},{key:wr("$propertyNumber"),value:function(e){this.refs.$rangeArea.addClass("focused")}},{key:Pr("$propertyNumber"),value:function(e){this.refs.$rangeArea.removeClass("focused")}},{key:pr("$remove"),value:function(e){this.updateData({value:""})}},{key:"updateData",value:function(e){this.setState(e,!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 nr(0,this.children.$unit.getValue()))}},{key:xr("$propertyNumber"),value:function(e){var t=+this.getRef("$propertyNumber").value;this.getRef("$property").val(t),this.initValue(),this.updateData({value:new nr(t,this.children.$unit.getValue())})}},{key:Cr("$property")+Wr("moveRange")+Ur("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeValue")}},{key:Vf("changeValue")+Kr(100),value:function(){var e=+this.getRef("$property").value;this.refs.$propertyNumber.val(e),this.initValue(),this.updateData({value:new nr(e,this.children.$unit.getValue())})}},{key:Vf("changeUnit"),value:function(e,t){this.initValue(),this.updateData({value:this.state.value.toUnit(t)})}}]),t}(Df),Nf=[{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"}],Xf=Nf.map((function(e){return e.key})),Yf=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Hf}}},{key:"initState",value:function(){return va.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='border-radius-editor' ref='$body'></div>"}},{key:Vf("changeBorderRadius"),value:function(e,t){var n=this;"border-radius"===e&&Xf.forEach((function(e){n.children["$".concat(e)].setValue(t.clone())})),this.setBorderRadius()}},{key:Jr("$body"),value:function(){var e=this,t=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(t,'" ref="$selector">\n          <button type="button" data-value="all">').concat(kf.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(kf.border_inner,'\n          </button>\n        </div>\n        <div class="radius-value">\n          <object refClass="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(Nf.map((function(t){var n=e.state[t.key],r=e.$i18n("border.radius.editor."+t.title);return'\n              <div>\n                  <object refClass="RangeEditor"  ref=\'$'.concat(t.key,"' label='").concat(r,"' key='").concat(t.key,"' value='").concat(n,"' onchange='changeBorderRadius' />\n              </div>  \n            ")})).join(""),"\n        </div>\n      </div>\n    ")}},{key:xr("$radiusSettingBox input"),value:function(e){this.setBorderRadius()}},{key:kr("$radiusSettingBox select"),value:function(e){this.setBorderRadius()}},{key:"setBorderRadius",value:function(){var e=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,Xf.forEach((function(t){e.state[t]=e.children["$".concat(t)].getValue()}))),this.modifyBorderRadius()}},{key:"modifyBorderRadius",value:function(){var e=this,t="";t=this.state.isAll?this.state["border-radius"]+"":Xf.map((function(t){return"".concat(e.state[t])})).join(" "),this.parent.trigger(this.props.onchange,t)}},{key:pr("$selector button"),value:function(e){var t=e.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",t),"all"===t?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderRadius()}}]),t}(Df),_f=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{params:this.props.params,color:this.props.color||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!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(e){this.setState({color:e})}},{key:"setValue",value:function(e){this.changeColor(e)}},{key:ni("$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:pr("$preview"),value:function(e){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorSingleEditor",color:this.state.color})}},{key:Vf("changeColorSingleEditor"),value:function(e,t){this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({color:e})}}]),t}(Df),Kf=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{label:this.props.label,value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e),this.modifyColor()}},{key:"updateEndData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e),this.modifyEndColor()}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(e){this.changeColor(e)}},{key:"modifyColor",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"modifyEndColor",value:function(){this.parent.trigger(this.props.onchangeend,this.props.key,this.state.value,this.props.params)}},{key:"changeColor",value:function(e){this.setState({value:e})}},{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 e=this.state.label;return"\n            <div class='color-view-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","            \n                <div class='color-code'>\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                    <input type=\"text\" ref='$colorCode' value='").concat(this.state.value,'\' tabIndex="1" />\n                </div>\n            </div>\n        ')}},{key:ni("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:ni("$colorCode"),value:function(){return{value:this.state.value}}},{key:wr("$colorCode"),value:function(e){this.refs.$colorCode.addClass("focused")}},{key:Pr("$colorCode"),value:function(e){this.refs.$colorCode.removeClass("focused")}},{key:pr("$preview"),value:function(e){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorViewEditor",changeEndEvent:"changeEndColorViewEditor",color:this.state.value})}},{key:pr("$remove"),value:function(e){this.updateData({value:""})}},{key:xr("$el .color-code input"),value:function(e){var t=e.$dt.value;this.refs.$miniView.cssText("background-color: ".concat(t)),this.updateData({value:t})}},{key:Vf("changeColorViewEditor"),value:function(e){this.updateData({value:e})}},{key:Vf("changeEndColorViewEditor"),value:function(e){this.updateEndData({value:e})}}]),t}(Df),Wf=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{key:this.props.key,currentBezier:Pe(this.props.value||"linear"),currentBezierIndex:0,selectedColor:"#609de2",animatedColor:"#609de266",curveColor:"#609de2",baseLineColor:"rgba(117, 117, 117, 0.46)"}}},{key:"template",value:function(){var e=$t(this.state.currentBezier,150,150),t=Ct(this.state.currentBezier,150,150),n=$t("ease",30,30),r=Ct("ease",30,30),i=$t("ease-in",30,30),a=Ct("ease-in",30,30),o=$t("ease-out",30,30),s=Ct("ease-out",30,30);return"\n            <div class='cubic-bezier-editor'>\n                <div class='predefined'>\n                    <div class='left' ref='$left'>".concat(kf.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(kf.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                        <svg class='item-canvas' width=\"30\" height=\"30\" viewBox=\"0 0 30 30\">\n                            <path d=\"").concat(n,'" stroke="white" stroke-width="1" fill=\'none\' />\n                            <path d="').concat(r,'" stroke="gray" stroke-width="1" fill=\'none\' />\n                        </svg>\n                    </div>\n                    <div class=\'item\' data-bezier=\'ease-in\' title=\'ease-in\'>\n                        <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                            <path d="').concat(i,'" stroke="white" stroke-width="1" fill=\'none\' />\n                            <path d="').concat(a,'" stroke="gray" stroke-width="1" fill=\'none\' /> \n                        </svg>\n                    </div>\n                    <div class=\'item\' data-bezier=\'ease-out\' title=\'ease-out\'>\n                        <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                            <path d="').concat(o,'" stroke="white" stroke-width="1" fill=\'none\' />\n                            <path d="').concat(s,'" stroke="gray" stroke-width="1" fill=\'none\' />\n                        </svg>\n                    </div>\n                </div>\n                <div class=\'bezier\'>\n                    <svg class=\'bezier-canvas\' width="150" height="150" viewBox="0 0 150 150" overflow="visible">\n                        <path d="').concat(e,'" stroke="white" stroke-width="1" fill=\'none\' ref=\'$bezierCanvas\' />\n                        <path d="').concat(t,"\" stroke=\"gray\" stroke-width=\"1\" fill='none' ref='$bezierCanvasPoint' />\n                    </svg>                \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:ni("$bezierCanvas"),value:function(){return{d:$t(this.state.currentBezier,150,150)}}},{key:ni("$bezierCanvasPoint"),value:function(){return{d:Ct(this.state.currentBezier,150,150)}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e),this.modifyCubicBezier()}},{key:"modifyCubicBezier",value:function(){this.parent.trigger(this.props.onchange,this.state.key,je(this.state.currentBezier))}},{key:pr("$left"),value:function(){var e=this.state,t=e.currentBezier,n=e.currentBezierIndex;0==n?n=Se.length-1:--n;t=Se[n];this.updateData({currentBezierIndex:n,currentBezier:t}),this.refresh()}},{key:pr("$right"),value:function(){var e=this.state,t=e.currentBezier,n=e.currentBezierIndex;n=++n%Se.length,t=Se[n],this.updateData({currentBezierIndex:n,currentBezier:t}),this.refresh()}},{key:pr("$text"),value:function(){var e=j()(Se[this.state.currentBezierIndex]);this.updateData({currentBezier:e}),this.refresh()}},{key:pr("$itemList .item"),value:function(e){var t=e.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",t);var n=Pe(t);this.updateData({currentBezier:n}),this.refresh()}},{key:"refresh",value:function(){this.refreshEasingText(),this.refreshBezierCanvas()}},{key:"refreshBezierCanvas",value:function(){this.bindData("$bezierCanvas"),this.bindData("$bezierCanvasPoint"),this.refreshPointer(),this.drawPoint()}},{key:"refreshEasingText",value:function(){this.refs.$text.html(this.state.currentBezier[4]||"ease")}},{key:"refreshPointer",value:function(){var e=Pe(this.state.currentBezier),t=this.refs.$control.width(),n=this.refs.$control.height(),r=e[0]*t,i=(1-e[1])*n;this.refs.$pointer1.css({left:nr.px(r).round(),top:nr.px(i).round()}),r=e[2]*t,i=(1-e[3])*n,this.refs.$pointer2.css({left:nr.px(r).round(),top:nr.px(i).round()})}},{key:"drawPoint",value:function(){var e=this;this.timer&&clearTimeout(this.timer),this.animationTimer&&clearTimeout(this.animationTimer),this.timer=setTimeout((function(){e.animationPoint()}),100)}},{key:"start",value:function(e){var t=this,n=this.animationCanvasData.func(e),r=10+(this.animationCanvasData.width-20)*n.y,i=this.animationCanvasData.context;i.beginPath(),i.arc(r,10,5,0,2*Math.PI),i.fill(),i.stroke(),i.closePath(),e>=1||(this.animationTimer=setTimeout((function(){t.start(e+.05)}),50))}},{key:"animationPoint",value:function(){var e=Pe(this.state.currentBezier),t=Ae(je(e));this.refs.$animationCanvas.clear();var n=this.refs.$animationCanvas.width(),r=this.refs.$animationCanvas.height(),i=this.refs.$animationCanvas.context();i.fillStyle=this.state.animatedColor,i.strokeStyle=this.state.selectedColor,i.lineWidth=1,this.animationCanvasData={func:t,width:n,height:r,context:i},this.start(0)}},{key:"setPosition",value:function(e){var t=this.refs.$control.width(),n=this.refs.$control.height(),r=this.refs.$control.offset().left,i=this.refs.$control.offset().top,a=e,o=a.x;0>o?o=0:a.x>document.body.clientWidth&&(o=document.body.clientWidth),(o-=r)<0&&(o=0),t<o&&(o=t);var s=a.y;return 0>s?s=0:a.y>document.body.clientHeight&&(s=document.body.clientHeight),s-=i,{x:R(o,t),y:s==n?0:(n-s)/n}}},{key:Cr("$pointer1")+Wr("movePointer1")+Ur("drawPoint"),value:function(e){this.clientX=e.clientX,this.clientY=e.clientY}},{key:"movePointer1",value:function(e,t){var n=this.setPosition({x:this.clientX+e,y:this.clientY+t});this.state.currentBezier[0]=n.x,this.state.currentBezier[1]=n.y,this.refreshBezierCanvas(),this.modifyCubicBezier()}},{key:Cr("$pointer2")+Wr("movePointer2")+Ur("drawPoint"),value:function(e){this.clientX=e.clientX,this.clientY=e.clientY}},{key:"movePointer2",value:function(e,t){var n=this.setPosition({x:this.clientX+e,y:this.clientY+t});this.state.currentBezier[2]=n.x,this.state.currentBezier[3]=n.y,this.refreshBezierCanvas(),this.modifyCubicBezier()}},{key:Vf("showCubicBezierEditor"),value:function(e){var t=Pe(e||this.state.currentBezier);this.setState({currentBezier:t}),this.refresh()}}]),t}(Df),Uf=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"getAllDropItems",value:function(e){var t=[];e.dataTransfer&&(t=j()(e.dataTransfer.types).map((function(t,n){if(t.includes("text"))return{kind:"string",type:t,data:e.dataTransfer.getData(t)}})).filter((function(e){return e})));var n=[];return e.dataTransfer&&(n=j()(e.dataTransfer.files)),[].concat(j()(t),j()(n))}}]),e}(),Zf=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],qf=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"],Jf=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"].join(","),Qf={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},ev={d:!0},tv={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},nv=function(e){return Qf[e]||!1},rv=function(e){return ev[e]||!1},iv=function(e){return tv[e]||!1};function av(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ov(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?av(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):av(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var sv={blur:Ro.spec,grayscale:zo.spec,"hue-rotate":Fo.spec,invert:Bo.spec,brightness:Go.spec,contrast:Ho.spec,"drop-shadow":_o.spec,opacity:No.spec,saturate:Xo.spec,sepia:Yo.spec,svg:Ao.spec},cv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Gf,RangeEditor:Hf,ColorViewEditor:Kf}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:Lo.parseStyle(this.props.value)}}},{key:"template",value:function(){var e=this.state.hideLabel?"hide":"";return("\n      <div class='filter-editor filter-list'>\n          <div class='label ".concat(e,"' >\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(kf.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>"))}},{key:Jr("$filterSelect"),value:function(){var e=Zf.map((function(e){return{title:e,value:e}})),t=this.getSVGFilterList();return(t.length?[].concat(j()(e),[{title:"-------",value:""}],j()(t)):j()(e)).map((function(e){var t=e.title,n=e.value;return"<option value='".concat(n,"'>").concat(t,"</option>")}))}},{key:"getSpec",value:function(e){return sv[e]}},{key:"makeDropShadowFilterTemplate",value:function(e,t,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(kf.remove2,'\n            </button>\n          </div>\n        </div>\n\n        <div class="filter-ui drop-shadow-color">\n          <object refClass="ColorViewEditor" \n            label="').concat(this.$i18n("filter.property.drop-shadow.color"),"\" \n            ref='$dropShadowColorView").concat(n,"' \n            params=\"").concat(n,'" \n            value="').concat(t.color,'" \n            onChange="changeDropShadowColor" />\n        </div>\n\n        ').concat(["offsetX","offsetY","blurRadius"].map((function(i){return'        \n            <div class="filter-ui drop-shadow">\n                <object refClass="RangeEditor"  \n                  ref=\'$'.concat(i).concat(n,"' \n                  label=\"").concat(r.$i18n("filter.property.drop-shadow.".concat(i)),'"\n                  key="').concat(n,'" \n                  min="').concat(e[i].min,'"\n                  min="').concat(e[i].max,'"\n                  params="').concat(i,'" \n                  value="').concat(t[i].value,'" units="').concat(e[i].units.join(","),'" onchange="changeRangeEditor" />\n            </div>')})).join(""),"\n      </div>\n    "))}},{key:"getSVGFilterList",value:function(){var e=this.$selection.currentProject,t=[];return e&&(t=e.svgfilters.map((function(e){return{title:"svg - #".concat(e.id),value:e.id}}))),t}},{key:"makeOneFilterEditor",value:function(e,t,n){if("svg"===t.type){var r="",i=this.$selection.currentProject;return i&&(r=(r=i.svgfilters.map((function(e){return e.id}))).length?","+r.join(","):""),'\n      <object refClass="SelectEditor"  \n        ref=\'$select'.concat(e,"' \n        key=\"").concat(e,'" \n        label="SVG Filter"\n        value="').concat(t.value,'" \n        options="').concat(r,'"\n        onchange="changeRangeEditor"  />')}return('\n      <object refClass="RangeEditor"  \n        ref=\'$range'.concat(e,"_").concat(t.type,"' \n        key=\"").concat(e,"\" \n        min='").concat(n.min,"'\n        max='").concat(n.max,"'\n        value=\"").concat(t.value,'" \n        units="').concat(n.units.join(","),'"   \n        onchange="changeRangeEditor" />\n      '))}},{key:"makeOneFilterTemplate",value:function(e,t,n){var r="svg"===t.type,i="".concat(this.$i18n("filter.property."+t.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?"":i,'">').concat(i,"</label>\n          ").concat("svg"!=t.type?'\n          <div class="filter-ui">\n            '.concat(this.makeOneFilterEditor(n,t,e),"\n          </div>\n        "):"\n          <div>\n            <span class='svg-filter-edit' data-index=\"".concat(n,'">').concat(t.value,"</span>\n          </div>\n        "),'          \n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(kf.remove2,"\n            </button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:"makeFilterTemplate",value:function(e,t){return"drop-shadow"===e.type?this.makeDropShadowFilterTemplate(this.getSpec(e.type),e,t):this.makeOneFilterTemplate(this.getSpec(e.type),e,t)}},{key:Jr("$filterList"),value:function(){var e=this;return this.state.filters.map((function(t,n){return e.makeFilterTemplate(t,n.toString())}))}},{key:yr("$filterList .filter-item .title label"),value:function(e){this.startIndex=+e.$dt.attr("data-index")}},{key:mr("$filterList .filter-item .title label")+Zr,value:function(e){}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortFilter",value:function(e,t){this.sortItem(this.state.filters,e,t)}},{key:gr("$filterList .filter-item")+Zr,value:function(e){var t=+e.$dt.attr("data-index");this.$selection.current&&(this.sortFilter(this.startIndex,t),this.refresh(),this.modifyFilter())}},{key:"modifyFilter",value:function(){var e=this.state.filters.join(" ");this.parent.trigger(this.props.onchange,e)}},{key:"makeFilter",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Lo.parse(ov({},t,{type:e}))}},{key:pr("$filterList .svg-filter-edit"),value:function(e){var t=+e.$dt.attr("data-index"),n=this.state.filters[t],r=this.$selection.currentProject;if(r){var i=r.getSVGFilterIndex(n.value);this.trigger("openSVGFilterPopup",i)}}},{key:Vf("openSVGFilterPopup"),value:function(e){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[e];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterRealUpdate",index:e,preview:!1,filters:t.filters})}},{key:Vf("changeSVGFilterRealUpdate"),value:function(e){var t=this.$selection.currentProject;t&&(t.setSVGFilterValue(e.index,{filters:e.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}},{key:Vf("add"),value:function(e){var t=this;"svg"===e?this.emit("addSVGFilterAssetItem",(function(n,r){t.state.filters.push(t.makeFilter(e,{value:r})),t.refresh(),t.modifyFilter(),t.trigger("openSVGFilterPopup",n)})):(this.state.filters.push(this.makeFilter(e)),this.refresh(),this.modifyFilter())}},{key:pr("$add"),value:function(){var e=this.refs.$filterSelect.value;this.trigger("add",e)}},{key:pr("$filterList .filter-menu .del"),value:function(e){var t=+e.$dt.attr("data-index");this.state.filters.splice(t,1),this.refresh(),this.modifyFilter()}},{key:Vf("changeDropShadowColor"),value:function(e,t,n){var r=+n;this.state.filters[r].reset({color:t}),this.modifyFilter()}},{key:Vf("changeRangeEditor"),value:function(e,t,n){n?this.state.filters[+e].reset(m()({},n,t)):this.state.filters[+e].reset({value:t}),this.modifyFilter()}},{key:Vf("refreshSVGArea")+Yr(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}]),t}(Df),lv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Gf}}},{key:"initState",value:function(){var e=this.props.units||"px,em,%",t=nr.parse(this.props.value||nr.z()),n=this.props.label||"";return kf[n]&&(n=kf[n]),{removable:"true"===this.props.removable,label:n,compact:"true"===this.props.compact,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:e,value:t}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:Jr("$body"),value:function(){var e=this.state,t=e.min,n=e.max,r=e.step,i=e.label,a=e.compact,o=e.removable,s=e.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=s,u=(+c).toString();return'\n        <div \n            ref="$range",\n            class="'.concat(wt(m()({"input-range-editor":!0,"has-label":!!i,compact:!!a,"is-removable":o},l,!0)),'"\n        >\n            ').concat(i?"<label>".concat(i,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(u,'" min="').concat(t,'" max="').concat(n,'" step="').concat(r,'" tabIndex="1" />\n                    \n                    <object refClass="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(kf.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(e){this.setState({value:nr.parse(e)},!1),this.refs.$propertyNumber.val(this.state.value.value),this.refs.$unit.val(this.state.value.unit)}},{key:wr("$propertyNumber"),value:function(e){this.refs.$range.addClass("focused")}},{key:Pr("$propertyNumber"),value:function(e){this.refs.$range.removeClass("focused")}},{key:pr("$remove"),value:function(e){this.updateData({value:""})}},{key:"updateData",value:function(e){this.setState(e,!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 nr(0,this.children.$unit.getValue()))}},{key:xr("$propertyNumber"),value:function(e){var t=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new nr(t,this.children.$unit.getValue())})}},{key:Vf("changeUnit"),value:function(e,t){this.initValue(),this.updateData({value:this.state.value.toUnit(t)})}},{key:Vf("changeVarType"),value:function(e,t){this.updateData({value:new nr(this.refs.$calc.value,t)})}}]),t}(Df),uv=["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"],hv=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],pv={"image-resource":kf.photo},dv={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},fv={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%"]},vv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{InputRangeEditor:lv,RangeEditor:Hf,SelectEditor:Gf}}},{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:So.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(e){this.setState({image:So.parseImage(e)},!1),this.refresh(),this.parent.trigger("changeTabType",this.state.image.type)}},{key:"template",value:function(){var e=this.state.image,t=(e=e||{}).type||"static-gradient";return"url"===t&&(t="image-resource"),"\n        <div class='gradient-editor' data-selected-editor='".concat(t,"'>\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(kf.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(kf.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(kf.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(kf.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(kf.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(kf.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(kf.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(kf.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(hv.map((function(e){return"<span class='picker-tab-item ".concat(e,"' data-editor='").concat(e,"'><span class='icon'>").concat(pv[e]||"","</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</label>\n              <object refClass='InputRangeEditor' ref='$range' calc=\"false\" key='length' onchange='changeColorStepOffset' />\n            </div>\n            <div class='tools' data-editor='tools'>\n              <label for='gradientConnected").concat(this.id,"'>connected </label>\n              <input type='checkbox'  id='gradientConnected").concat(this.id,"' ref='$cut' checked />\n            </div>\n            <div class='sub-editor' ref='$subEditor'> \n              <div data-editor='angle'>\n                <object refClass=\"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                <object refClass=\"RangeEditor\" label='Center X' ref='$radialPositionX' calc=\"false\" value=\"50%\"  key='radialPositionX' onchange='changeKeyValue' />\n              </div>                \n              <div data-editor='centerY'>                      \n                <span ref=\"RangeEditor\" label='Center Y' ref='$radialPositionY' calc=\"false\" value=\"50%\" key='radialPositionY' onchange='changeKeyValue' />\n              </div>                \n              <div data-editor='radialType'>              \n                <object refClass=\"SelectEditor\" label='Radial Type' ref='$radialType' value=\"\" options=\"").concat(uv.join(","),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:kr("$file"),value:function(e){var t=this;this.$selection.currentProject&&j()(e.target.files).forEach((function(e){t.emit("updateImageAssetItem",e,(function(e){t.trigger("setImageUrl",e)}))}))}},{key:pr("$el .preset-position [data-value]"),value:function(e){var t=e.$dt.attr("data-value");fv[t]&&(this.state.image.radialPosition=ht(fv[t]),this.refresh(),this.updateData())}},{key:dr("$gradientView")+Zr,value:function(e){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:Cr("$gradientView")+Wr("moveDragPosition"),value:function(e){var t=this.refs.$dragPosition.parent();this.containerRect=t.rect(),this.startXY=e.xy}},{key:"moveDragPosition",value:function(e,t){var n=this.startXY.x+e,r=this.startXY.y+t;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 i=nr.percent((n-this.containerRect.x)/this.containerRect.width*100),a=nr.percent((r-this.containerRect.y)/this.containerRect.height*100);this.state.image.radialPosition=[i,a],this.bindData("$dragPosition"),this.bindData("$gradientView"),this.children.$radialPositionX.setValue(i),this.children.$radialPositionY.setValue(a),this.updateData()}},{key:pr("$tab .picker-tab-item"),value:function(e){var t=e.$dt.attr("data-editor");this.$el.attr("data-selected-editor",t),this.parent.trigger("changeTabType",t);var n="image-resource"===t?this.state.image.url:this.state.url;this.state.image=So.changeImageType({type:t,url:n,colorsteps:this.state.image.colorsteps||[],angle:nr.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(e){"linear-gradient"===(e=this.$el.attr("data-selected-editor"))||"repeating-linear-gradient"===e?this.emit("addStatusBarMessage",""):this.emit("addStatusBarMessage","Drag if you want to move center position")}},{key:Vf("changeKeyValue"),value:function(e,t){"angle"===e&&(t=t.value),this.state.image[e]=t,"radialPositionX"!==e&&"radialPositionY"!==e||(this.state.image.radialPosition=[this.state.image.radialPositionX||"50%",this.state.image.radialPositionY||"50%"]),this.bindData("$gradientView"),this.updateData()}},{key:Vf("changeColorStepOffset"),value:function(e,t){this.currentStep&&(this.currentStep.percent=t.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:pr("$back"),value:function(e){var t=this.refs.$stepList.rect(),n=t.x,r=t.right,i=e.xy.x;i<n?i=n:i>r&&(i=r);var a=(i-n)/t.width*100;this.state.image.insertColorStep(a),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:ni("$el"),value:function(){var e=this.state.image.type;return"url"===e&&(e="image-resource"),this.parent.trigger("changeTabType",e),{"data-selected-editor":e}}},{key:ni("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:ni("$gradientView"),value:function(){var e=this.state.image.type,t="auto";return"url"!==e&&"image-resource"!==e||(t="cover"),{style:{"background-image":this.state.image.toString(),"background-size":t,"background-repeat":"no-repeat"}}}},{key:ni("$dragPosition"),value:function(){var e="50%",t="50%";if(dv[this.state.image.type]){var n=k()(this.state.image.radialPosition,2);e=n[0],t=n[1]}return{style:{left:e,top:t}}}},{key:Jr("$stepList"),value:function(){var e=this;return(this.state.image.colorsteps||[]).map((function(t,n){var r=e.$selection.isSelectedColorStep(t.id)?"selected":"";return("\n      <div class='step ".concat(r,"' data-id='").concat(t.id,"' data-cut='").concat(t.cut,"' style='left: ").concat(t.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(t.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(t.color,'"></div>\n      </div>'))}))}},{key:pr("$cut"),value:function(){this.currentStep&&(this.currentStep.cut=this.refs.$cut.checked(),this.refresh(),this.updateData())}},{key:"removeStep",value:function(e){this.state.image.removeColorStep(e),this.refresh(),this.updateData()}},{key:"selectStep",value:function(e){var t=this;this.state.id=e,this.$selection.selectColorStep(e),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find((function(e){return t.$selection.isSelectedColorStep(e.id)})),this.refs.$cut.checked(this.currentStep.cut),this.children.$range.setValue(nr.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:Cr("$stepList .step")+Wr(),value:function(e){var t=e.$dt.attr("data-id");if(e.altKey)return this.removeStep(t),!1;this.selectStep(t),this.startXY=e.xy,this.cachedStepListRect=this.refs.$stepList.rect()}},{key:"getStepListRect",value:function(){return this.cachedStepListRect}},{key:"move",value:function(e,t){var n=this.getStepListRect(),r=n.x,i=n.right,a=this.startXY.x+e;a<r?a=r:a>i&&(a=i);var o=(a-r)/n.width*100;this.currentStep.percent=o,this.children.$range.setValue(nr.percent(o)),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:"refresh",value:function(){this.load()}},{key:"getLinearGradient",value:function(){var e=this.state.image;return"linear-gradient(to right, ".concat(Na.toColorString(e.colorsteps),")")}},{key:Vf("setColorStepColor"),value:function(e){"static-gradient"===this.state.image.type?(this.state.image.colorsteps[0].color=e,this.refresh(),this.updateData()):this.currentStep&&(this.currentStep.color=e,this.refresh(),this.updateData())}},{key:Vf("setImageUrl"),value:function(e){this.state.image&&(this.state.url=e,this.state.image.reset({url:e}),this.refresh(),this.updateData())}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.parent.trigger(this.props.onchange,this.state.image.toString())}}]),t}(Df);function yv(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var gv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props.value;e="infinite"===e?new nr(0,"infinite"):nr.number(e.split("normal")[0]);var n=this.props.units||"px,em,%";return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yv(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yv(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"initState",this).call(this),{},{key:this.props.key,params:this.props.params||"",units:n,value:e})}}]),t}(Hf),mv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props.value.split(";").filter((function(e){return e.trim()})).map((function(e){var t=e.split(":"),n=k()(t,2),r=n[0],i=n[1];return{key:r=r.replace("--",""),value:i}}));return{hideLabel:"true"==this.props["hide-label"],params:this.props.params||"",values:e}}},{key:"template",value:function(){var e=this.state.hideLabel?"hide":"";return("\n        <div class='var-editor var-list'>\n            <div class='label ".concat(e,"' >\n                <label>").concat(this.props.title||"",'</label>\n                <div class=\'tools\'>\n                    <button type="button" ref="$add" title="add Var">').concat(kf.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>"))}},{key:Vf("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:pr("$add"),value:function(){this.trigger("add")}},{key:Jr("$varList"),value:function(){return this.state.values.map((function(e,t){return'\n                <div class=\'var-item\' >\n                    <div>\n                        <input type="text" data-type="key" value="'.concat(e.key,'" data-index="').concat(t,'"  placeholder="variable" />\n                    </div>\n                    <div>\n                        <input type="text" data-type="value" value="').concat(e.value,'" data-index="').concat(t,'"  placeholder="value" />\n                    </div>\n                    <div class="tools">\n                        <button type="button" class="del" data-index="').concat(t,'">\n                        ').concat(kf.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:pr("$varList .del"),value:function(e){var t=+e.$dt.attr("data-index");this.state.values.splice(t,1),this.refresh(),this.updateData()}},{key:xr("$varList input"),value:function(e){var t=+e.$dt.attr("data-index"),n=e.$dt.attr("data-type");this.state.values[t][n]=e.$dt.value,this.updateData()}},{key:"updateData",value:function(e){var t=this.state.values.map((function(e){return"".concat(e.key,":").concat(e.value)})).join(";");this.parent.trigger(this.props.onchange,t,this.props.params)}}]),t}(Df),bv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=nr.parse(this.props.value||nr.number(0));e=e.toUnit("number");var t=this.props.label||"";return kf[t]&&(t=kf[t]),{label:t,compact:"true"===this.props.compact,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:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:Jr("$body"),value:function(){var e=this.state,t=e.min,n=e.max,r=e.step,i=e.label,a=e.type,o=e.layout,s=e.compact,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=i?"has-label":"",u=s?"compact":"",h=o,p=(+c).toString();return"\n        <div class='number-input-editor ".concat(l," ").concat(u," ").concat(h,"' data-selected-type='").concat(a,"'>\n            ").concat(i?"<label>".concat(i,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(p,'" min="').concat(t,'" 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(e){this.setState({value:nr.parse(e)})}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:xr("$propertyNumber"),value:function(e){var t=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(t)})}}]),t}(Df);function kv(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xv(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?kv(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):kv(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var wv=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],Sv={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"]},Pv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{NumberInputEditor:bv,RangeEditor:Hf}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:Zi.parseStyle(this.props.value)}}},{key:"template",value:function(){var e=this,t=this.state.hideLabel?"hide":"";return"\n      <div class='transform-editor transform-list'>\n          <div class='label ".concat(t,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(wv.map((function(t){var n=e.$i18n("css.item."+t);return"<option value='".concat(t,"'>").concat(n,"</option>")})).join(""),'\n                </select>\n                <button type="button" ref="$add" title="add Transform">').concat(kf.add,"</button>\n              </div>\n          </div>\n          <div class='transform-list' ref='$transformList'></div>\n      </div>")}},{key:"getLabel",value:function(e,t){switch(e){case"scale":case"translate":case"translate3d":case"matrix":case"matrix3d":return Sv[e][t]}return""}},{key:"isMultiValue",value:function(e){switch(e){case"translate3d":case"matrix":case"matrix3d":return!0}return!1}},{key:"getRange",value:function(e){switch(e){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(e,t,n){var r=this;return('\n      <div class="transform-item" data-index="'.concat(n,'">\n        <div class="title" data-index="').concat(n,'">\n          <label draggable="true" >').concat(this.$i18n("css.item."+e),'</label>\n          <div class="transform-ui ').concat(e,'">\n            ').concat(t.value.map((function(t,i){var a=r.getLabel(e,i),o=r.getRange(e),s=o.min,c=o.max,l=o.step,u=o.units;return'\n                <div>\n                  <object refClass="RangeEditor"  \n                        ref=\'$range_'.concat(e,"_").concat(n,"_").concat(i,"' \n                        min=\"").concat(s,'" \n                        max="').concat(c,'" \n                        step="').concat(l,'" \n                        label="').concat(a,'"\n                        key="').concat(n,"\" \n                        params='").concat(i,"' \n                        value=\"").concat(t,'" \n                        units="').concat(u,'" \n                        onchange="changeRangeEditor" />\n                </div>')})).join(""),'      \n          </div>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(kf.remove2,"\n            </button>\n          </div>\n        </div>\n\n      </div>\n    "))}},{key:"makeMultiTransformTemplate",value:function(e,t,n){var r=this;return('\n      <div class="transform-item" data-index="'.concat(n,'">\n        <div class="title" data-index="').concat(n,'">\n          <label draggable="true" >').concat(this.$i18n("css.item."+e),'</label>\n          <div></div>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(kf.remove2,'\n            </button>\n          </div>\n        </div>\n        <div class="transform-ui ').concat(e,'">\n\n          ').concat("translate3d"===e?"\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"===e?"\n            <pre>\n  a | c | tx\t\n  b | d | ty\t\n  0 | 0 | 1</pre>\n          ":"","    \n          \n          ").concat("matrix3d"===e?"\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(e,"'>\n          ").concat(t.value.map((function(t,i){var a=r.getLabel(e,i),o=r.getRange(e),s=o.min,c=o.max,l=o.step,u=o.units;return'\n              <div>\n                <object refClass="NumberInputEditor"  \n                      ref=\'$range_'.concat(e,"_").concat(n,"_").concat(i,"' \n                      min=\"").concat(s,'" \n                      max="').concat(c,'" \n                      step="').concat(l,'" \n                      label="').concat(a,'"\n                      key="').concat(n,"\" \n                      params='").concat(i,"' \n                      value=\"").concat(t,'" \n                      units="').concat(u,'" \n                      onchange="changeRangeEditor" />\n              </div>')})).join(""),"   \n          </div>       \n        </div>\n      </div>\n    "))}},{key:"makeTransformTemplate",value:function(e,t){return this.isMultiValue(e.type)?this.makeMultiTransformTemplate(e.type,e,t):this.makeOneTransformTemplate(e.type,e,t)}},{key:Jr("$transformList"),value:function(){var e=this;return this.state.transforms.map((function(t,n){return e.makeTransformTemplate(t,n.toString())}))}},{key:yr("$transformList .transform-item .title label"),value:function(e){this.startIndex=+e.$dt.parent().attr("data-index")}},{key:mr("$transformList .transform-item")+Zr,value:function(e){}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortTransform",value:function(e,t){this.sortItem(this.state.transforms,e,t)}},{key:gr("$transformList .transform-item")+Zr,value:function(e){var t=+e.$dt.attr("data-index");this.$selection.current&&(this.sortTransform(this.startIndex,t),this.refresh(),this.modifyTransform())}},{key:"modifyTransform",value:function(){var e=this.state.transforms.join(" ");this.parent.trigger(this.props.onchange,e)}},{key:"getDefaultValue",value:function(e){switch(e){case"translateX":case"translateY":case"translateZ":return[nr.z()];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[nr.deg(0)];case"translate":return[nr.z(),nr.z()];case"translate3d":return[nr.z(),nr.z(),nr.z()];case"scale":return[nr.number(1),nr.number(1)];case"scaleX":case"scaleY":return[nr.number(1)];case"matrix":return[nr.number(1),nr.number(0),nr.number(0),nr.number(1),nr.number(0),nr.number(0)];case"matrix3d":return[nr.number(1),nr.number(0),nr.number(0),nr.number(0),nr.number(0),nr.number(1),nr.number(0),nr.number(0),nr.number(0),nr.number(0),nr.number(1),nr.number(0),nr.number(0),nr.number(0),nr.number(0),nr.number(1)]}return[nr.number(0)]}},{key:"makeTransform",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(e);return Zi.parse(xv({},t,{type:e,value:n}))}},{key:Vf("add"),value:function(e){this.state.transforms.push(this.makeTransform(e)),this.refresh(),this.modifyTransform()}},{key:pr("$add"),value:function(){var e=this.refs.$transformSelect.value;this.trigger("add",e)}},{key:pr("$transformList .transform-menu .del"),value:function(e){var t=+e.$dt.attr("data-index");this.state.transforms.splice(t,1),this.refresh(),this.modifyTransform()}},{key:Vf("changeRangeEditor"),value:function(e,t,n){n?this.state.transforms[+e].value[+n]=t:this.state.transforms[+e].reset({value:t}),this.modifyTransform()}}]),t}(Df),jv=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"},{key:"transform-origin-z",title:"Z"}],Ov=jv.map((function(e){return e.key})),$v={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%"},Cv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Hf}}},{key:"initState",value:function(){var e=this.props.value.split(" "),t={isAll:!1,"transform-origin":nr.percent(50),"transform-origin-x":nr.percent(50),"transform-origin-y":nr.percent(50)};return this.props.value&&(1===e.length?(t.isAll=!0,t["transform-origin"]=nr.parse(e[0]),t["transform-origin-x"]=nr.parse(e[0]),t["transform-origin-y"]=nr.parse(e[0])):2==e.length&&(t.isAll=!1,t["transform-origin-x"]=nr.parse(e[0]),t["transform-origin-y"]=nr.parse(e[1]))),t}},{key:"template",value:function(){return"\n      <div class='transform-origin-editor'>\n        <div class='direction' ref='$direction'>\n          <div class='pos' data-value='top left'></div>        \n          <div class='pos' data-value='top'></div>\n          <div class='pos' data-value='top right'></div>\n          <div class='pos' data-value='left'></div>\n          <div class='pos' data-value='center'></div>\n          <div class='pos' data-value='right'></div>\n          <div class='pos' data-value='bottom left'></div>                   \n          <div class='pos' data-value='bottom'></div>\n          <div class='pos' data-value='bottom right'></div>\n        </div>\n        <div ref='$body'></div>\n      </div>\n    "}},{key:pr("$direction .pos"),value:function(e){var t=e.$dt.attr("data-value");this.state.isAll=!1;var n=$v[t].split(" "),r=k()(n,2),i=r[0],a=r[1];this.state["transform-origin-x"]=nr.parse(i),this.state["transform-origin-y"]=nr.parse(a),this.refresh(),this.modifyTransformOrigin()}},{key:Vf("changeTransformOrigin"),value:function(e,t){var n=this;"transform-origin"===e&&Ov.forEach((function(e){n.children["$".concat(e)].setValue(t.toString())})),"transform-origin-z"===e&&(this.state[e]=t),this.setTransformOrigin()}},{key:Jr("$body"),value:function(){var e=this;return('\n      <div class="full transform-origin-item" ref="$partitialSetting" >\n        <div class="radius-setting-box" ref="$radiusSettingBox">\n          '.concat(jv.map((function(t){return'\n              <div>\n                  <object refClass="RangeEditor"  ref=\'$'.concat(t.key,"' compact=\"true\" label='").concat(t.title,"' key='").concat(t.key,"' value=\"").concat(e.state[t.key],"\" onchange='changeTransformOrigin' />\n              </div>  \n            ")})).join(""),"\n        </div>\n      </div>\n    "))}},{key:"setTransformOrigin",value:function(){var e=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,Ov.forEach((function(t){e.state[t]=e.children["$".concat(t)].getValue()}))),this.modifyTransformOrigin()}},{key:"modifyTransformOrigin",value:function(){var e="".concat(this.state["transform-origin-x"]," ").concat(this.state["transform-origin-y"]," ").concat(this.state["transform-origin-z"]||"0px");this.parent.trigger(this.props.onchange,this.props.key,e)}},{key:pr("$selector button"),value:function(e){var t=e.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",t),"all"===t?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setTransformOrigin()}}]),t}(Df),Ev=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],Tv=Ev.map((function(e){return e.key})),Vv={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%"},Dv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Hf}}},{key:"initState",value:function(){var e=this.props.value.split(" "),t={isAll:!0,"perspective-origin":nr.z(),"perspective-origin-x":nr.z(),"perspective-origin-y":nr.z()};return this.props.value&&(1===e.length?(t.isAll=!0,t["perspective-origin"]=nr.parse(e[0]),t["perspective-origin-x"]=nr.parse(e[0]),t["perspective-origin-y"]=nr.parse(e[0])):2==e.length&&(t.isAll=!1,t["perspective-origin-x"]=nr.parse(e[0]),t["perspective-origin-y"]=nr.parse(e[1]))),t}},{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:pr("$direction .pos"),value:function(e){var t=e.$dt.attr("data-value");this.state.isAll=!1;var n=Vv[t].split(" "),r=k()(n,2),i=r[0],a=r[1];this.state["perspective-origin-x"]=nr.parse(i),this.state["perspective-origin-y"]=nr.parse(a),this.refresh(),this.modifyPerspectiveOrigin()}},{key:Vf("changePerspectiveOrigin"),value:function(e,t){var n=this;"perspective-origin"===e&&Tv.forEach((function(e){n.children["$".concat(e)].setValue(t.toString())})),this.setPerspectiveOrigin()}},{key:Jr("$body"),value:function(){var e=this,t=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(t,'" ref="$selector">\n          <button type="button" data-value="all">').concat(kf.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(kf.border_inner,'\n          </button>\n        </div>\n        <div class="radius-value">\n          <object refClass="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(Ev.map((function(t){var n=e.$i18n(t.title);return('\n              <div>\n                  <object refClass="RangeEditor"  ref=\'$'.concat(t.key,"' label='").concat(n,"' key='").concat(t.key,"' value=\"").concat(e.state[t.key],"\" onchange='changePerspectiveOrigin' />\n              </div>  \n            "))})).join(""),"\n        </div>\n      </div>\n    ")}},{key:"setPerspectiveOrigin",value:function(){var e=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,Tv.forEach((function(t){e.state[t]=e.children["$".concat(t)].getValue()}))),this.modifyPerspectiveOrigin()}},{key:"modifyPerspectiveOrigin",value:function(){var e="";e=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,e)}},{key:pr("$selector button"),value:function(e){var t=e.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",t),"all"===t?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setPerspectiveOrigin()}}]),t}(Df),Iv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=nr.parse(this.props.value||nr.number(0));return e=e.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:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:Jr("$body"),value:function(){var e=this.state,t=e.min,n=e.max,r=e.step,i=e.label,a=e.type,o=e.removable,s=e.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=i?"has-label":"",u=o?"is-removable":"",h=s,p=(+c).toString();return"\n        <div class='number-range-editor ".concat(l," ").concat(u," ").concat(h,"' data-selected-type='").concat(a,"'>\n            ").concat(i?'<label title="'.concat(i,'">').concat(i,"</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(t,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <input type='number' ref='$propertyNumber' value=\"").concat(p,'" min="').concat(t,'" max="').concat(n,'" step="').concat(r,"\" tabIndex=\"1\" />\n                </div>\n            </div>\n            <button type='button' class='remove' ref='$remove' title='Remove'>").concat(kf.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(e){this.setState({min:nr.parse(e)})}},{key:"setMax",value:function(e){this.setState({max:nr.parse(e)})}},{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(e){this.setState({value:nr.parse(e)})}},{key:wr("$propertyNumber"),value:function(e){this.refs.$propertyNumber.addClass("focused")}},{key:Pr("$propertyNumber"),value:function(e){this.refs.$propertyNumber.removeClass("focused")}},{key:pr("$remove"),value:function(e){this.updateData({value:""})}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:xr("$propertyNumber"),value:function(e){var t=+this.getRef("$propertyNumber").value;this.getRef("$property").val(t),this.updateData({value:this.state.value.set(t)})}},{key:Cr("$property")+Wr("moveRange")+Ur("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeValue")}},{key:Vf("changeValue")+Kr(100),value:function(){var e=+this.getRef("$property").value;this.getRef("$propertyNumber").val(e),""===this.state.value&&(this.state.value=nr.number(0)),this.updateData({value:this.state.value.set(e)})}}]),t}(Df),Mv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{clippath:this.props.value}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e),this.modifyClipPath()}},{key:"getValue",value:function(){return this.state.clippath}},{key:"setValue",value:function(e){this.setState({clippath:e})}},{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:Jr(),value:function(){var e=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(e,"</div>\n        </div>\n        ")}},{key:pr(),value:function(e){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){this.emit("showClipPathPopup",{changeEvent:"changeClipPathEditor","clip-path":this.state.clippath})}},{key:Vf("changeClipPathEditor"),value:function(e){this.updateData({clippath:e["clip-path"]})}}]),t}(Df),Lv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:Va.parseStyle(this.props.value)}}},{key:"template",value:function(){var e=this.state.hideLabel?"hide":"";return('\n      <div class="text-shadow-editor" >\n        <div class=\'label '.concat(e,"' >\n            <label>").concat(this.props.title||"",'</label>        \n            <div class=\'tools\'>\n              <button type="button" ref="$add" title="add Text Shadow">').concat(kf.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    "))}},{key:Jr("$shadowList"),value:function(){var e=this.state.textShadows.map((function(e,t){return'\n        <div class="shadow-item real" data-index="'.concat(t,'">\n          <div class="color">\n            <div class=\'color-view\' style="background-color: ').concat(e.color,'">\n            </div>\n          </div>\n          <div class="offset-x">').concat(e.offsetX,'</div>\n          <div class="offset-y">').concat(e.offsetY,'</div>\n          <div class="blur-radius">').concat(e.blurRadius,'</div>\n          <div class="tools">\n            <button type="button" class="remove" data-index="').concat(t,'">\n              ').concat(kf.remove2,"\n            </button>\n          </div>\n        </div>\n      ")}));return e.length&&e.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      '),e.join("")}},{key:"modifyTextShadow",value:function(){var e=this.state.textShadows.join(", ");this.parent.trigger(this.props.onchange,e)}},{key:Vf("add"),value:function(){this.state.textShadows.push(new Va),this.refresh(),this.modifyTextShadow()}},{key:pr("$add"),value:function(){this.trigger("add")}},{key:pr("$shadowList .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.state.textShadows.splice(t,1),this.refresh(),this.modifyTextShadow()}},{key:pr("$shadowList .shadow-item.real > div:not(.tools)"),value:function(e){var t=+e.$dt.closest("shadow-item").attr("data-index"),n=this.state.textShadows[t];this.viewShadowPopup(n,t)}},{key:"viewShadowPopup",value:function(e,t){this.setState({selectedIndex:t},!1),this.viewTextShadowPropertyPopup(e)}},{key:"viewTextShadowPropertyPopup",value:function(e){this.emit("showTextShadowPropertyPopup",{changeEvent:"changeTextShadowEditorPopup",color:e.color,offsetX:e.offsetX,offsetY:e.offsetY,blurRadius:e.blurRadius},{id:this.id})}},{key:Vf("changeTextShadowEditorPopup"),value:function(e,t){t.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(e),this.refresh(),this.modifyTextShadow())}}]),t}(Df),Rv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{NumberRangeEditor:Iv}}},{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(kf.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(e){return e.split(" ").filter(Boolean).map((function(e){return+e}))}},{key:"setValue",value:function(e){nt(e)||(e=this.generateValue(e)),this.setState({value:e})}},{key:Jr("$body"),value:function(){return this.state.value.map((function(e,t){var n=t+1;return("\n        <div class='dasharray-item'>\n          <object refClass=\"NumberRangeEditor\"  \n            ref='$".concat(n,"' \n            label='").concat(n,"'\n            key='").concat(t,'\' \n            value="0" \n            min="0"\n            max="1000"\n            step="1"\n            onchange="changeRangeEditor" \n          />\n          <button type="button" data-index="').concat(t,"\" class='delete'>").concat(kf.remove2,"</button>\n        </div>\n      "))}))}},{key:Vf("changeRangeEditor"),value:function(e,t){var n=+e;this.state.value[n]=t,this.modifyStrokeDashArray()}},{key:pr("$add"),value:function(){this.state.value.push(0),this.refresh()}},{key:pr("$body .delete"),value:function(e){var t=+e.$dt.attr("data-index");this.state.value.splice(t,1),this.refresh(),this.modifyStrokeDashArray()}},{key:"modifyStrokeDashArray",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.toStringValue(),this.props.params)}}]),t}(Df);function Av(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var zv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{parser:new ea(this.props.value||"")}}},{key:"makeSegments",value:function(){return this.refs.$data.$$(".segment").map((function(e){var t=e.$(".command"),n=t.attr("data-command");return"Z"===n&&"false"===t.attr("data-toggle")?null:{command:n,values:e.$$(".values input[type=number]").map((function(e){return+e.value}))}})).filter((function(e){return e}))}},{key:"updateData",value:function(){var e=this.makeSegments();this.state.parser.resetSegments(e),this.modifyPathData()}},{key:"modifyPathData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"setValue",value:function(e){this.setState({parser:new ea(e)})}},{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:Jr("$data"),value:function(){var e=this,t=[];this.state.parser.segments.forEach((function(n,r){var i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Av(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Av(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},n);t.push(i);var a=e.state.parser.segments[r+1];a&&"M"===a.command&&("Z"!==i.command?t.push({command:"Z",toggle:!1,values:[]}):i.toggle=!0)}));var n=this.state.parser.segments[this.state.parser.segments.length-1];n&&"Z"!==n.command&&t.push({command:"Z",toggle:!1,values:[]});var r=t.map((function(e){var t="M"===e.command?"m":"";return("\n                <div class='segment ".concat(t,"'>\n                    <div class='command' data-command='").concat(e.command,"' data-toggle=\"").concat(e.toggle,"\" title='Toggle'>").concat(e.command,"</div>\n                    <div class='values'>\n                        ").concat(e.values.map((function(e){return'<input type="number" value="'.concat(e,'" />')})).join(""),"\n\n                        ").concat("Z"===e.command?!1===e.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:xr("$data input[type=number]")+Yr(300),value:function(e){this.updateData()}},{key:pr("$data .command[data-toggle]"),value:function(e){var t=e.$dt.attrs("data-command","data-toggle"),n=k()(t,2),r=n[0],i=n[1];"Z"===r&&(i="false"!==i?"false":"true",e.$dt.attr("data-toggle",i),this.updateData())}}]),t}(Df),Fv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{parser:new fs(this.props.value||"")}}},{key:"makeSegments",value:function(){return this.refs.$data.$$(".segment").map((function(e){return{x:+e.$('[data-key="x"]').value,y:+e.$('[data-key="y"]').value}}))}},{key:"updateData",value:function(){var e=this.makeSegments();this.state.parser.resetSegments(e),this.modifyPolygonData()}},{key:"modifyPolygonData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"setValue",value:function(e){this.setState({parser:new fs(e||"")})}},{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:Jr("$data"),value:function(){return this.state.parser.segments.map((function(e){return'\n                <div class=\'segment\'>\n                    <div class=\'values\'>\n                        <label>X <input type="number" data-key="x" value="'.concat(e.x,'" /></label>\n                        <label>Y <input type="number" data-key="y" value="').concat(e.y,'" /></label>\n                    </div>\n                </div>\n            ')}))}},{key:xr("$data input[type=number]")+Yr(300),value:function(e){this.updateData()}}]),t}(Df),Bv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Hf,SelectEditor:Gf}}},{key:"initState",value:function(){var e=(this.props.value||"").split(",").map((function(e){return e.trim()})),t=k()(e,4);return{id:t[0],distance:t[1]||"0%",rotateStatus:t[2]||"auto",rotate:t[3]||"0deg"}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyOffsetPath()}},{key:"getValue",value:function(){var e=this;return Object.keys(this.state).map((function(t){return e.state[t]})).join(",")}},{key:"refresh",value:function(){this.load()}},{key:"setValue",value:function(e){var t=(e||"").split(",").map((function(e){return e.trim()})),n=k()(t,4),r=n[0],i=n[1],a=n[2],o=n[3];this.setState({id:r,distance:i,rotateStatus:a,rotate:o},!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 e=this.$selection.currentProject,t={};return e&&e.allLayers.filter((function(e){return e.is("svg-path","svg-polygon")})).forEach((function(e){t[e.id]=e})),{options:Object.keys(t).map((function(e){return"".concat(e,":").concat(t[e].name)})).join(","),paths:t}}},{key:Jr(),value:function(){var e=this.getOptions(),t=","+e.options,n=e.paths||{},r=this.state,i=r.id,a=r.rotateStatus,o=r.rotate,s=r.distance;return"\n        <div>\n            <div class='offset-path-item'>\n                <object refClass=\"SelectEditor\"  ref='$path' label='".concat(this.$i18n("offset.path.list.editor.path"),'\' key="id" value="').concat(i,'" options="').concat(t,"\" 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[i]&&n[i].totalLength||0,"</span></div>\n            </div>\n            <div class='offset-path-item'>\n                <object refClass=\"RangeEditor\"  ref='$distance' label='").concat(this.$i18n("offset.path.list.editor.distance"),'\' min="0" max="100" value="').concat(s||"0%","\" key='distance' unit=\"%,px\" onchange='changeRangeEditor' /> \n            </div>\n            <div class='offset-path-item'>\n                <object refClass=\"SelectEditor\"  ref='$status' label='").concat(this.$i18n("offset.path.list.editor.direction"),"' key='rotateStatus' value=\"").concat(a,"\" options=\"auto,auto angle,angle,reverse,element\" onchange='changeRangeEditor' /> \n            </div>\n            <div class='offset-path-item'>\n                <object refClass=\"RangeEditor\"  ref='$rotate' label='").concat(this.$i18n("offset.path.list.editor.rotate"),"' min=\"0\" max=\"2000\" key='rotate' value='").concat(o||"0deg","' units=\"deg,turn\" onchange='changeRangeEditor' /> \n            </div>     \n        </div>           \n        ")}},{key:ni("$totalLength"),value:function(){var e=this.state.id,t=(this.getOptions().paths[e]||{totalLength:0}).totalLength||0;return{innerHTML:"<span>".concat(t,"</span>")}}},{key:Vf("changeRangeEditor"),value:function(e,t){this.updateData(m()({},e,t)),this.bindData("$totalLength")}}]),t}(Df),Gv={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},Hv=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"parseStyle",value:function(e){return kt(e)}},{key:"parseValue",value:function(e){var t="",n="",r="";return e.split(" ").filter((function(e){return e.trim()})).forEach((function(e){Gv[e]?t=e:Mn.isColor(e)?r=e:n=e})),{style:t,color:r,width:n}}},{key:"joinValue",value:function(e){return"".concat(e.width," ").concat(e.style||"solid"," ").concat(e.color)}},{key:"join",value:function(e){return[e.border?"border: ".concat(e.border):"",e["border-top"]?"border-top: ".concat(e["border-top"]):"",e["border-left"]?"border-left: ".concat(e["border-left"]):"",e["border-right"]?"border-right: ".concat(e["border-right"]):"",e["border-bottom"]?"border-bottom: ".concat(e["border-bottom"]):""].filter((function(e){return e})).join(";")}}]),e}(),Nv=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),Xv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{InputRangeEditor:lv,RangeEditor:Hf,SelectEditor:Gf,ColorViewEditor:Kf,ColorSingleEditor:_f}}},{key:"initState",value:function(){return{value:Hv.parseValue(this.props.value)}}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"getValue",value:function(){return Hv.joinValue(this.state.value)}},{key:"setValue",value:function(e){this.state.value=Hv.parseValue(e),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||nr.z()),this.children.$style.setValue(this.state.value.style||"solid"),this.children.$color.setValue(this.state.value.color||"rgba(0, 0, 0, 1)")}},{key:"template",value:function(){var e=this.state.value,t=e.width,n=e.style,r=e.color;return('\n      <div class="border-value-editor">\n        <div class=\'editor-area\'>\n          <object refClass="RangeEditor"  ref=\'$width\' min="0" max="100" step="1" key=\'width\' value="'.concat(t,"\" onchange='changeKeyValue' />\n        </div>\n        <div class='editor-area'>\n          <object refClass=\"SelectEditor\"  ref='$style' key='style' options='").concat(Nv,"' value=\"").concat(n||"solid","\" onchange=\"changeKeyValue\" />\n        </div>\n        <div class='editor-area'>\n          <object refClass=\"ColorSingleEditor\" ref='$color' key='color' value=\"").concat(r||"rgba(0, 0, 0, 1)",'"  onchange="changeKeyValue" />\n        </div>\n\n      </div>\n    '))}},{key:Vf("changeKeyValue"),value:function(e,t){var n=this.state.value;n[e]=t,this.updateData({value:n})}}]),t}(Df),Yv=["border"],_v={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},Kv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{BorderValueEditor:Xv}}},{key:"initState",value:function(){var e=Hv.parseStyle(this.props.value);return{direction:Object.keys(e)[0]||"border",borders:e}}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"getValue",value:function(){return Hv.join(this.state.borders)}},{key:"setValue",value:function(e){this.state.borders=Hv.parseStyle(e),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:Jr("$editorArea"),value:function(){var e=this;return Yv.map((function(t){var n=_v[t]||t;return n=e.$i18n("border.editor."+n),"\n      <div>\n        <object refClass='BorderValueEditor' ref='$".concat(t,"' label='").concat(n,"' key=\"").concat(t,'" value="').concat(e.state.borders[t],'" 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:Vf("changeKeyValue"),value:function(e,t){var n=this.state.borders;n[e]=t,this.updateData({borders:n})}}]),t}(Df),Wv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{NumberRangeEditor:Iv}}},{key:"initState",value:function(){var e=(this.props.value||"").split(":"),t=k()(e,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 e=this.state,t=e.start,n=e.end,r=e.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                    <object refClass=\"NumberRangeEditor\"  \n                        ref='$s' \n                        label='Start' \n                        key='start' \n                        min=\"0\" \n                        max=\"".concat(r,'" \n                        step="0.001" \n                        value="').concat(t*r,"\" \n                        onchange=\"changeValue\" \n                    />\n                </div>\n                <div class='item'>\n                    <object refClass=\"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:Vf("changeValue"),value:function(e,t){this.updateData(m()({},e,t/this.state.duration),!0)}},{key:Cr("$start")+Wr("moveStart"),value:function(e){this.rect=this.refs.$progress.rect(),this.pos=nr.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=nr.parse(this.refs.$end.css("left")).toPx(this.rect.width)}},{key:"moveStart",value:function(e,t){var n=Math.min(this.max.value,Math.max(0,this.pos.value+e));this.state.start=n/this.rect.width,this.children.$s.setValue(this.state.start*this.state.duration),this.refresh(),this.updateData()}},{key:ni("$start"),value:function(){return{"data-info":this.state.start,style:{left:nr.percent(100*(this.state.start||0))}}}},{key:Cr("$end")+Wr("moveStartForEnd"),value:function(e){this.rect=this.refs.$progress.rect(),this.pos=nr.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=nr.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=nr.px(this.rect.width)}},{key:"moveStartForEnd",value:function(e,t){var n=Math.max(this.min.value,Math.min(this.max.value,this.pos.value+e));this.state.end=n/this.rect.width,this.children.$e.setValue(this.state.end*this.state.duration),this.refresh(),this.updateData()}},{key:ni("$end"),value:function(){return{"data-info":this.state.end,style:{left:nr.percent(100*(this.state.end||1))}}}},{key:ni("$bar"),value:function(){var e=this.state.start||0,t=this.state.end||1;return{style:{left:nr.percent(100*e),width:nr.percent(100*(t-e))}}}},{key:"getValue",value:function(){var e=this.state,t=e.start,n=e.end,r=e.duration;return"".concat(t,":").concat(n,":").concat(r)}},{key:"setValue",value:function(e){var t=e.split(":"),n=k()(t,3),r=n[0],i=n[1],a=n[2];this.setState({start:Number(r),end:Number(i),duration:Number(a)})}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.setState(e,t),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),t}(Df),Uv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{BorderEditor:Kv,NumberRangeEditor:Iv,SelectEditor:Gf,TextShadowEditor:Lv,BoxShadowEditor:Bf,FilterEditor:cv,ColorViewEditor:Kf,RangeEditor:Hf,StrokeDashArrayEditor:Rv,BackgroundImageEditor:Ff,TransformEditor:Pv,TransformOriginEditor:Cv,PerspectiveOriginEditor:Dv,VarEditor:mv,BorderRadiusEditor:Yf,ClipPathEditor:Mv,PathDataEditor:zv,PolygonDataEditor:Fv,OffsetPathListEditor:Bv,MediaProgressEditor:Wv}}},{key:"initState",value:function(){return{hideTitle:"true"===this.props["hide-title"],hideRefresh:"true"===this.props["hide-refresh"],properties:[]}}},{key:"updateData",value:function(e){this.setState(e,!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(wt({"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(kf.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(e){switch(e){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 nr.string("");case"offset-distance":return nr.percent(0);case"rotate":return nr.deg(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return nr.z()}}},{key:pr("$addProperty"),value:function(e){var t=this.getRef("$propertySelect").value;if(this.state.properties.find((function(e){return e.key===t})))alert("".concat(t," is already added."));else{var n=this.getPropertyDefaultValue(t),r=this.$selection.current;r&&(n=r[t]),this.state.properties.push({key:t,value:n}),this.refresh(),this.modifyProperty()}}},{key:"makeIndivisualPropertyColorEditor",value:function(e,t){var n=e.key.split("-").join("");return("\n      <div class='property-editor'>\n        <object refClass=\"ColorViewEditor\" ref='$".concat(n).concat(t,"' value=\"").concat(e.value,'" key="').concat(e.key,'" onChange="changeColorProperty" />\n      </div>\n    '))}},{key:"makeCustomePropertyEditor",value:function(e,t){return"\n      <div class='property-editor'>\n        <".concat(e.editor,' \n          onchange="changeSelect"\n          ref="$customProperty').concat(t,'"\n          key="').concat(e.key,'"\n          value="').concat(e.value,'"\n        />\n      </div>\n    ')}},{key:"makeIndivisualPropertyEditor",value:function(e,t){return"background-image"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"BackgroundImageEditor\" ref='$backgroundImage".concat(t,"' key=\"").concat(e.key,'" hide-title="').concat(this.state.hideTitle,'" value="').concat(e.value,'" onChange="changeBackgroundImageProperty" />\n        </div>\n      '):"filter"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$filter".concat(t,"' value=\"").concat(e.value,'" onChange="changeFilterProperty" />\n        </div>\n      '):"backdrop-filter"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$backdropFilter".concat(t,"' value=\"").concat(e.value,'" onChange="changeBackdropFilterProperty" />\n        </div>\n      '):"box-shadow"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"BoxShadowEditor\" ref='$boxshadow".concat(t,"' value=\"").concat(e.value,'" hide-label="false" onChange="changeBoxShadowProperty" />\n        </div>\n      '):"text-shadow"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"TextShadowEditor\" ref='$textshadow".concat(t,"' value=\"").concat(e.value,'" hide-label="false" onChange="changeTextShadowProperty" />\n        </div>\n      '):"var"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"VarEditor\" ref='$var".concat(t,"' value=\"").concat(e.value,'" onChange="changeVar" />\n        </div>\n      '):"transform"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"TransformEditor\" ref='$transform".concat(t,"' value=\"").concat(e.value,'" onChange="changeTransform" />\n        </div>\n      '):"transform-origin"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"TransformOriginEditor\" ref='$transformOrigin".concat(t,"' value=\"").concat(e.value,'" onChange="changeTransformOrigin" />\n        </div>\n      '):"perspective-origin"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"PerspectiveOriginEditor\" ref='$perspectiveOrigin".concat(t,"' value=\"").concat(e.value,'" onChange="changePerspectiveOrigin" />\n        </div>\n      '):"fill-rule"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"SelectEditor\"  \n          ref='$fillRule".concat(t,'\' \n          key=\'fill-rule\' \n          icon="true" \n          options="nonzero,evenodd" \n          value="').concat(e.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"stroke-linecap"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"SelectEditor\"  \n          ref='$strokeLinecap".concat(t,'\' \n          key=\'stroke-linecap\' \n          icon="true" \n          options="butt,round,square" \n          value="').concat(e.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"stroke-linejoin"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"SelectEditor\"  \n          ref='$strokeLinejoin".concat(t,'\' \n          key=\'stroke-linejoin\' \n          icon="true" \n          options="miter,arcs,bevel,miter-clip,round" \n          value="').concat(e.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"mix-blend-mode"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"BlendSelectEditor\" \n          ref='$mixBlendMode".concat(t,"' \n          key='mix-blend-mode' \n          icon=\"true\" \n          value=\"").concat(e.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"stroke-dasharray"===e.key?'\n        <object refClass="StrokeDashArrayEditor" \n          ref=\'$strokeDashArray'.concat(t,"' \n          key='stroke-dasharray'\n          value='").concat(e.value,"' \n          onchange='changeSelect' \n        />\n      "):"border-radius"===e.key?'\n        <object refClass="BorderRadiusEditor"\n          ref=\'$borderRadius'.concat(t,"' \n          key='border-radius'\n          value='").concat(e.value,"' \n          onchange='changeBorderRadius' \n        />\n      "):"border"===e.key?'\n        <object refClass="BorderEditor"\n          ref=\'$border'.concat(t,"' \n          key='border'\n          value='").concat(e.value,"' \n          onchange='changeKeyValue' \n        />\n      "):"clip-path"===e.key?'\n        <object refClass="ClipPathEditor"\n          ref=\'$clipPath'.concat(t,"' \n          key='clip-path'\n          value='").concat(e.value,"' \n          onchange='changeClipPath' \n        />\n      "):"d"===e.key?'\n        <object refClass="PathDataEditor" ref=\'$pathData'.concat(t,"' key='d' value='").concat(e.value,"' onchange='changeSelect' />\n      "):"points"===e.key?'\n        <object refClass="PolygonDataEditor" ref=\'$polygonData'.concat(t,"' key='points' value='").concat(e.value,"' onchange='changeSelect' />\n      "):"offset-path"===e.key?'\n        <object refClass="OffsetPathListEditor" ref=\'$offsetPathList'.concat(t,"' key='offset-path' value='").concat(e.value,"' onchange='changeSelect' />\n      "):"playTime"===e.key?'\n        <object refClass="MediaProgressEditor" ref=\'$playTime'.concat(t,"'  key='playTime' value=\"").concat(e.value,'" onchange="changeSelect" />      \n      '):"\n      <div class='property-editor'>\n        ???\n\n      </div>\n    "}},{key:Vf("changeKeyValue"),value:function(e,t){this.modifyPropertyValue(e,t)}},{key:Vf("changeBorderRadius"),value:function(e){this.modifyPropertyValue("border-radius",e)}},{key:Vf("changeClipPath"),value:function(e){this.modifyPropertyValue("clip-path",e)}},{key:Vf("changeColorProperty"),value:function(e,t){this.modifyPropertyValue(e,t)}},{key:Vf("changeBackgroundImageProperty"),value:function(e,t){this.modifyPropertyValue(e,t)}},{key:Vf("changeFilterProperty"),value:function(e){this.modifyPropertyValue("filter",e)}},{key:Vf("changeBackdropFilterProperty"),value:function(e){this.modifyPropertyValue("backdrop-filter",e)}},{key:Vf("changeBoxShadowProperty"),value:function(e){this.modifyPropertyValue("box-shadow",e)}},{key:Vf("changeTextShadowProperty"),value:function(e){this.modifyPropertyValue("text-shadow",e)}},{key:Vf("changeVar"),value:function(e){this.modifyPropertyValue("var",e)}},{key:Vf("changeTransform"),value:function(e){this.modifyPropertyValue("transform",e)}},{key:Vf("changeTransformOrigin"),value:function(e){this.modifyPropertyValue("transform-origin",e)}},{key:Vf("changePerspectiveOrigin"),value:function(e){this.modifyPropertyValue("perspective-origin",e)}},{key:Vf("changeSelect"),value:function(e,t){this.modifyPropertyValue(e,t)}},{key:"makePropertyEditor",value:function(e,t){if(e.editor)return this.makeCustomePropertyEditor(e,t);switch(e.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(e,t);case"color":case"background-color":case"text-fill-color":case"text-stroke-color":case"stroke":case"fill":return this.makeIndivisualPropertyColorEditor(e,t);case"opacity":case"fill-opacity":case"stroke-dashoffset":case"offset-distance":return"\n          <div class='property-editor'>\n            <object refClass=\"NumberRangeEditor\"  \n              ref='$opacity".concat(t,"' \n              key='").concat(e.key,"' \n              min=\"").concat(0,'"\n              max="').concat(1,'"\n              step="').concat(.01,'"\n              value="').concat(e.value||1,'"\n              selected-unit=\'number\'\n              removable="true"\n              onchange="changeRangeEditor" />\n          </div>\n        ');case"rotate":return"\n          <div class='property-editor'>\n            <object refClass=\"RangeEditor\"  \n              ref='rangeEditor".concat(t,"' \n              key='").concat(e.key,"' \n              value='").concat(e.value,'\'  \n              min="-2000"\n              max="2000"\n              units="deg" \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            <object refClass=\"RangeEditor\"  ref='rangeEditor".concat(t,"' key='").concat(e.key,"' value='").concat(e.value,'\' max="1000" onChange="changeRangeEditor" />\n          </div>\n        ')}}},{key:Vf("changeRangeEditor"),value:function(e,t){this.modifyPropertyValue(e,t+"")}},{key:"searchKey",value:function(e,t){this.state.properties.filter((function(t){return t.key===e})).forEach(t)}},{key:"modifyPropertyValue",value:function(e,t){this.searchKey(e,(function(e){e.value=t})),this.modifyProperty()}},{key:"makePropertySelect",value:function(){return"\n      <select class='property-select' ref='$propertySelect'>\n        <optgroup label='Position'>\n          <option value='x'>x</option>\n          <option value='y'>y</option>        \n        </optgroup>\n        <optgroup label='Size'>\n          <option value='width'>width</option>\n          <option value='height'>height</option>\n        </optgroup>      \n        <optgroup label='Box Model'>\n          <option value='margin-left'>margin-left</option>\n          <option value='margin-right'>margin-right</option>\n          <option value='margin-bottom'>margin-bottom</option>\n          <option value='margin-top'>margin-top</option>\n          <option value='padding-left'>padding-left</option>\n          <option value='padding-right'>padding-right</option>\n          <option value='padding-bottom'>padding-bottom</option>\n          <option value='padding-top'>padding-top</option>       \n        </optgroup>\n        <optgroup label='Border'>\n          <option value='border'>border</option>\n          <option value='border-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:Jr("$property"),value:function(){var e=this;return this.state.properties.map((function(t,n){return"\n        <div class='css-property-item'>\n          <div class='title'>\n            <label>".concat(t.key,"</label>\n            <div class='tools'>\n              <button type=\"button\" class='remove' data-index=\"").concat(n,'">').concat(kf.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(kf.refresh,"</button> Refresh</label>\n            </div>\n          </div>\n          <div class='value-editor'>\n            ").concat(e.makePropertyEditor(t,n),"\n          </div>\n        </div>\n      ")}))}},{key:Vf("showCSSPropertyEditor"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:e}),this.refresh()}},{key:pr("$property .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.state.properties.splice(t,1),this.refresh(),this.modifyProperty()}},{key:pr("$property .refresh"),value:function(e){this.parent.trigger("refreshPropertyValue")}}]),t}(Df),Zv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{InputRangeEditor:lv,RangeEditor:Hf,CSSPropertyEditor:Uv}}},{key:"initState",value:function(){return{offsets:[]}}},{key:"updateData",value:function(e){this.setState(e,!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            <object refClass=\"InputRangeEditor\" \n              key='offset' \n              min='0' \n              max='100' \n              step=\"0.01\" \n              value=\"".concat(nr.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:Vf("changeRangeEditor"),value:function(e,t){var n=this.state.offsets[this.selectedIndex];n&&(n.offset=t.clone(),this.refresh(),this.modifyOffset())}},{key:"templateForProperty",value:function(){return"<object refClass=\"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(e,t){return"<div class='offset-item' style='left: ".concat(e.offset,";' data-offset-index='").concat(t.toString(),"'></div>")}},{key:"selectItem",value:function(e){!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(et(e)){e=-1;for(var t=0,n=this.state.offsets.length;t<n;t++)if(this.state.offsets[t].selected){e=t;break}-1===e&&(e=0)}this.getRef("$offset").attr("data-selected-value",e),this.selectedIndex=e,this.state.offsets.forEach((function(t,n){t.selected=n===e}));var r=this.state.offsets.filter((function(e){return e.selected}));this.selectedOffsetItem=r.length?r[0]:{},this.refreshOffsetInput()}},{key:"refreshOffsetInput",value:function(){var e=this.state.offsets[this.selectedIndex];e&&this.children.$offsetInput.setValue(e.offset)}},{key:Jr("$offset"),value:function(){var e=this;return this.state.offsets.map((function(t,n){return e.makeOffset(t,n)}))}},{key:"isNotOffsetItem",value:function(e){return!rr.create(e.target).hasClass("offset-item")&&!this.currentOffset}},{key:pr("$offset")+Fr("isNotOffsetItem")+Zr,value:function(e){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var t=e.xy.x,n=nr.percent((t-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new Vs({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:Cr("$offset .offset-item")+Wr("moveOffset")+Ur("endOffset"),value:function(e){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=nr.parse(e.$dt.css("left")),this.currentOffset=e.$dt,this.currentOffsetIndex=+e.$dt.attr("data-offset-index"),this.currentOffsetXY=e.xy,this.baseOffsetMin=this.baseOffsetArea.left,this.baseOffsetMax=this.baseOffsetArea.left+this.baseOffsetWidth,this.isRemoveOffset=!1,e.altKey?this.isRemoveOffset=!0:(this.selectItem(this.currentOffsetIndex,!0),this.refreshOffsetInput())}},{key:"moveOffset",value:function(e,t){if(!this.isRemoveOffset){var n=this.currentOffsetXY.x+e;n<this.baseOffsetMin&&(n=this.baseOffsetMin),n>this.baseOffsetMax&&(n=this.baseOffsetMax);var r=nr.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(e){this.state.offsets.splice(e,1),this.selectItem(0),this.refresh(),this.modifyOffset()}},{key:"endOffset",value:function(e,t){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:Vf("showOffsetEditor"),value:function(e){this.setState(e),this.selectItem(),this.refresh()}},{key:Vf("changeCSSPropertyEditor"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=this.state.offsets[this.selectedIndex];t&&(t.properties=j()(e)),this.modifyOffset()}}]),t}(Df),qv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Hf}}},{key:"parseValue",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",t=new nr("","closest-side"),n="";if((e=e||"50%").includes("at")){var r=e.split("at").map((function(e){return e.trim()})),i=k()(r,2);t=i[0],n=i[1]}else n=e.trim();var a=n.split(" "),o=k()(a,2),s=o[0],c=o[1];return et(c)&&(c=s),{radius:t,x:s=nr.parse(s),y:c=nr.parse(c)}}},{key:"initState",value:function(){return this.parseValue(this.props.value)}},{key:"template",value:function(){return"\n        <div class='clip-path-editor circle-editor'>\n            <object refClass=\"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:ni("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:Cr("$area")+Wr()+Ur(),value:function(e){this.areaRect=this.refs.$area.rect(),this.startXY=e.xy}},{key:"move",value:function(e,t){var n=this.startXY.x+e,r=this.startXY.y+t;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 i=nr.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=nr.percent((r-this.areaRect.y)/this.areaRect.height*100).round(1);this.refs.$pointer.css({left:i,top:a}),this.updateData({x:i,y:a}),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){var e=this.state,t=e.x,n=e.y,r=e.radius,i="".concat(t," ").concat(n),a=r+"";return a.includes("closest-side")?a="closest-side":a.includes("farthest-side")&&(a="farthest-side"),r?"".concat(a," at ").concat(i):"".concat(i)}},{key:"updateData",value:function(e){this.setState(e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:Vf("changeRangeEditor"),value:function(e,t){if("radius"===e){var n=t,r=t.unit+"";r.includes("closest-side")?n=new nr("","closest-side"):r.includes("farthest-side")&&(n=new nr("","farthest-side")),this.updateData({radius:n})}}}]),t}(Df),Jv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props.value;return{label:this.props.label||"",value:e}}},{key:"template",value:function(){var e=this.state.label;return"\n            <div class='text-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","\n                <input type='text' ref='$text' />\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:ni("$text"),value:function(){return{value:this.state.value}}},{key:xr("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(e){this.setState(e),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}]),t}(Df),Qv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{values:this.props.values.split(" ").map((function(e){return+e})),column:this.props.column}}},{key:"template",value:function(){return"<div class='small-editor input-array-editor' ref='$body' ></div>"}},{key:ni("$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:Jr("$body"),value:function(){return this.state.values.map((function(e,t){return'\n                <div class=\'number-editor\'>\n                    <input type="number" value="'.concat(e,'" step="0.01" data-index="').concat(t,'" />\n                </div>\n            ')}))}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.values,this.props.params)}},{key:xr("$body input"),value:function(e){var t=e.$dt,n=+t.attr("data-index"),r=+t.value;this.state.values[n]=r,this.updateData()}}]),t}(Df);function ey(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ty(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ey(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ey(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ny="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),ry={xChannelSelector:!0,yChannelSelector:!0},iy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"hasLight",value:function(){return!1}},{key:"isLight",value:function(){return!1}},{key:"isSource",value:function(){return!1}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=ae();return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,ty({itemType:"svgfilter",id:n,in:[],bound:{x:100,y:100,targetX:0,targetY:0},connected:[]},e))}},{key:"getInCount",value:function(){return 0}},{key:"setIn",value:function(e,t){this.json.in[e]={id:t.id,type:t.type}}},{key:"setConnected",value:function(e){0===this.json.connected.filter((function(t){return t.id===e.id})).length&&this.json.connected.push({id:e.id})}},{key:"convert",value:function(e){return it(e.in)&&(e.in=JSON.parse(e.in)),it(e.bound)&&(e.bound=JSON.parse(e.bound)),it(e.connected)&&(e.connected=JSON.parse(e.connected)),e}},{key:"toCloneObject",value:function(){return ty({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("id","in","bound","connected"))}},{key:"getDefaultAttribute",value:function(){var e=this,t=[];return this.json.connected.length&&t.push('result="'.concat(this.json.id,'result"')),Object.keys(ry).filter((function(t){return!!e.json[t]})).forEach((function(n){t.push("".concat(n,'="').concat(e.json[n],'"'))})),t.join(" ")+" "+this.getSourceInAttribute()}},{key:"hasInIndex",value:function(){return!1}},{key:"getSourceInAttribute",value:function(e){var t=this;return(e||this.json.in).map((function(e,n){if(!e)return"";var r=0===n?"":n+1+"";return t.hasInIndex()||(r=""),ny.includes(e.type)?"in".concat(r,'="').concat(e.type,'"'):"in".concat(r,'="').concat(e.id,'result"')})).join(" ")}},{key:"toString",value:function(){var e=this.json,t=e.type,n=e.value;return"<fe".concat(t,' value="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}],[{key:"parse",value:function(e){return new(0,Xy[e.type])(e)}}]),t}(Yi),ay=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:t.spec.hueRotate.defaultValue})}},{key:"convert",value:function(e){return e.hueRotate=nr.parse(e.hueRotate),e}},{key:"toString",value:function(){var e=this.json,t=e.id,n=e.hueRotate;return('\n      <feColorMatrix type="hueRotate" result="romatrix-'.concat(t,'"  values="').concat(n,'"/>\n      <feColorMatrix type="matrix" in="romatrix-').concat(t,'" 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    '))}}]),t}(iy);ay.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:nr.number(0)}};var oy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Merge"})}},{key:"getInCount",value:function(){return 3}},{key:"getDefaultAttribute",value:function(){var e=[];return this.json.connected.length&&e.push('result="'.concat(this.json.id,'result"')),e.join(" ")}},{key:"toString",value:function(){var e=this,t=this.json.in;return"\n    <feMerge  ".concat(this.getDefaultAttribute()," >\n      ").concat(t.map((function(t){return"<feMergeNode ".concat(e.getSourceInAttribute([t])," />")})).join(""),"\n    </feMerge>")}}]),t}(iy);oy.spec={};var sy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Composite",operator:t.spec.operator.defaultValue,k1:t.spec.k1.defaultValue,k2:t.spec.k2.defaultValue,k3:t.spec.k3.defaultValue,k4:t.spec.k4.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var e=this.json,t=e.operator,n=e.k1,r=e.k2,i=e.k3,a=e.k4,o="";return"arithmetic"===t&&(o=' k1="'.concat(n,'" k2="').concat(r,'" k3="').concat(i,'" k4="').concat(a,'" ')),'<feComposite operator="'.concat(t,'" ').concat(o,"  ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}]),t}(iy);sy.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:nr.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:nr.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:nr.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:nr.number(0)}};var cy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Morphology",operator:t.spec.operator.defaultValue,radius:t.spec.radius.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json,t=e.operator,n=e.radius;return'<feMorphology operator="'.concat(t,'" radius="').concat(n,'"  ').concat(this.getDefaultAttribute()," />")}}]),t}(iy);cy.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(0)}};var ly=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Turbulence",filterType:t.spec.filterType.defaultValue,baseFrequency:t.spec.baseFrequency.defaultValue,numOctaves:t.spec.numOctaves.defaultValue,seed:t.spec.seed.defaultValue})}},{key:"convert",value:function(e){return e.baseFrequency=nr.parse(e.baseFrequency),e.numOctaves=nr.parse(e.numOctaves),e.seed=nr.parse(e.seed),e}},{key:"toString",value:function(){var e=this.json,t=e.filterType,n=e.baseFrequency,r=e.numOctaves,i=e.seed;return("<feTurbulence ".concat(xt({type:t,baseFrequency:n,numOctaves:r,seed:i}),"   ").concat(this.getDefaultAttribute()," />"))}}]),t}(iy);ly.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:nr.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:nr.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:nr.number(0)}};var uy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"DisplacementMap",scale:t.spec.scale.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"convert",value:function(e){return e.scale=nr.parse(e.scale),e}},{key:"toString",value:function(){var e=this.json.scale,t=e.value?'scale="'.concat(e,'"'):"";return"<feDisplacementMap ".concat(t,"  ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}]),t}(iy);uy.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:nr.number(0)}};var hy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"ColorMatrix",values:t.spec.values.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json.values.join(" ");return'<feColorMatrix type="matrix" values="'.concat(e,'"  ').concat(this.getDefaultAttribute()," />")}}]),t}(iy);hy.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 py=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"ConvolveMatrix",kernelMatrix:t.spec.kernelMatrix.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json.kernelMatrix.join(" ");return'<feConvolveMatrix kernelMatrix="'.concat(e,'"  ').concat(this.getDefaultAttribute()," />")}}]),t}(iy);py.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var dy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"GaussianBlur",stdDeviationX:t.spec.stdDeviationX.defaultValue,stdDeviationY:t.spec.stdDeviationY.defaultValue,edgeMode:t.spec.edgeMode.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(e){return e.stdDeviationX=nr.parse(e.stdDeviationX),e.stdDeviationY=nr.parse(e.stdDeviationY),e}},{key:"toString",value:function(){var e=this.json,t=e.stdDeviationX,n=e.stdDeviationY,r=e.edgeMode,i="".concat(t," ").concat(n);return t===n&&(i=t),'<feGaussianBlur  stdDeviation="'.concat(i,'" edgeMode="').concat(r,'"  ').concat(this.getDefaultAttribute()," />")}}]),t}(iy);dy.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var fy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Flood",x:t.spec.x.defaultValue,y:t.spec.y.defaultValue,width:t.spec.width.defaultValue,height:t.spec.height.defaultValue,color:t.spec.color.defaultValue,opacity:t.spec.opacity.defaultValue})}},{key:"convert",value:function(e){return e.x=nr.parse(e.x),e.y=nr.parse(e.y),e.width=nr.parse(e.width),e.height=nr.parse(e.height),e}},{key:"toString",value:function(){var e=this.json,t=e.opacity,n=e.color,r=e.x,i=e.y,a=e.width,o=e.height;return"<feFlood ".concat(xt({x:r,y:i,width:a,height:o}),' flood-opacity="').concat(t,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}]),t}(iy);fy.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:nr.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var vy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"ComponentTransfer",r:t.spec.r.defaultValue,g:t.spec.g.defaultValue,b:t.spec.b.defaultValue,a:t.spec.a.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"parse",value:function(e){var t=e.split(" "),n=S()(t),r=n[0],i=n.slice(1);if("table"===r||"discrete"===r)return{type:r,tableValues:i.join(" ")};if("linear"===r){var a=k()(i,2);return{type:r,slop:a[0],intercept:a[1]}}if("gamma"===r){var o=k()(i,3);return{type:r,amplitude:o[0],exponent:o[1],offset:o[2]}}return{type:r}}},{key:"toString",value:function(){var e=this.json,t=e.r,n=e.g,r=e.b,i=e.a;return t=this.parse(t),n=this.parse(n),r=this.parse(r),i=this.parse(i),"<feComponentTransfer ".concat(this.getDefaultAttribute()," >\n      ").concat(t&&"<feFuncR ".concat(xt(t)," />"),"\n      ").concat(n&&"<feFuncG ".concat(xt(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(xt(r)," />"),"\n      ").concat(i&&"<feFuncA ".concat(xt(i)," />"),"\n    </feComponentTransfe>")}}]),t}(iy);vy.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 yy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"DistantLight",azimuth:t.spec.azimuth.defaultValue,elevation:t.spec.elevation.defaultValue})}},{key:"isLight",value:function(){return!0}},{key:"toString",value:function(){return""}},{key:"toLightString",value:function(){var e=this.json,t=e.azimuth,n=e.elevation;return("<feDistantLight ".concat(xt({azimuth:t,elevation:n})," />"))}}]),t}(iy);yy.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)}};var gy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"PointLight",x:t.spec.x.defaultValue,y:t.spec.y.defaultValue,z:t.spec.z.defaultValue})}},{key:"isLight",value:function(){return!0}},{key:"toString",value:function(){return""}},{key:"toLightString",value:function(){var e=this.json,t=e.x,n=e.y,r=e.z;return("<fePointLight ".concat(xt({x:t,y:n,z:r})," />"))}}]),t}(iy);gy.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)}};var my=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"SpotLight",x:t.spec.x.defaultValue,y:t.spec.x.defaultValue,z:t.spec.x.defaultValue,pointsAtX:t.spec.pointsAtX.defaultValue,pointsAtY:t.spec.pointsAtY.defaultValue,pointsAtZ:t.spec.pointsAtZ.defaultValue,specularExponent:t.spec.specularExponent.defaultValue,limitingConeAngle:t.spec.limitingConeAngle.defaultValue})}},{key:"isLight",value:function(){return!0}},{key:"toString",value:function(){}},{key:"toLightString",value:function(){var e=this.json,t=e.x,n=e.y,r=e.z,i=e.pointsAtX,a=e.pointsAtY,o=e.pointsAtZ,s=e.specularExponent,c=e.limitingConeAngle;return("<feSpotLight ".concat(xt({x:t,y:n,z:r,pointsAtX:i,pointsAtY:a,pointsAtZ:o,specularExponent:s,limitingConeAngle:c})," />"))}}]),t}(iy);function by(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}my.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)}};var ky=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"DiffuseLighting",surfaceScale:t.spec.surfaceScale.defaultValue,lightingColor:t.spec.lightingColor.defaultValue,diffuseConstant:t.spec.diffuseConstant.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?by(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):by(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("surfaceScale","lightingColor","diffuseConstant","lightInfo"))}},{key:"hasLight",value:function(){return!0}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json,t=e.surfaceScale,n=e.diffuseConstant,r=e.lightingColor;return("<feDiffuseLighting ".concat(xt({surfaceScale:t,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>"))}}]),t}(iy);function xy(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ky.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var wy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"SpecularLighting",surfaceScale:t.spec.surfaceScale.defaultValue,lightingColor:t.spec.lightingColor.defaultValue,specularConstant:t.spec.specularConstant.defaultValue,specularExponent:t.spec.specularExponent.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?xy(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):xy(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("surfaceScale","lightingColor","specularConstant","specularExponent","lightInfo"))}},{key:"hasLight",value:function(){return!0}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json,t=e.surfaceScale,n=e.specularConstant,r=e.specularExponent,i=e.lightingColor;return("<feSpecularLighting ".concat(xt({surfaceScale:t,specularConstant:n,specularExponent:r,"lighting-color":i}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>"))}},{key:"getSourceInAttribute",value:function(){return""}}]),t}(iy);wy.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Sy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Offset",dx:t.spec.dx.defaultValue,dy:t.spec.dy.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json,t=e.dx,n=e.dy;return("<feOffset \n      ".concat(xt({dx:t,dy:n}),"  ").concat(this.getDefaultAttribute()," />"))}}]),t}(iy);Sy.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)}};var Py=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Blend",mode:t.spec.mode.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var e=this.json.mode;return("<feBlend ".concat(xt({mode:e})," ").concat(this.getDefaultAttribute()," />"))}},{key:"hasInIndex",value:function(){return!0}}]),t}(iy);function jy(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Oy(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?jy(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):jy(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Py.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var $y=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Oy({type:"Source"},e))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}]),t}(iy),Cy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}]),t}($y),Ey=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}]),t}($y),Ty=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}]),t}($y),Vy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}]),t}($y),Dy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}]),t}($y),Iy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}]),t}($y),My=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"DropShadow",dx:t.spec.dx.defaultValue,dy:t.spec.dy.defaultValue,stdDeviation:t.spec.stdDeviation.defaultValue,color:t.spec.color.defaultValue,opacity:t.spec.opacity.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json,t=e.dx,n=e.dy,r=e.stdDeviation,i=e.color,a=e.opacity;return("<feDropShadow ".concat(xt({dx:t,dy:n,stdDeviation:r,"flood-color":i,"flood-opacity":a}),"  ").concat(this.getDefaultAttribute()," />"))}}]),t}(iy);My.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:nr.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:nr.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Ly=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Saturate",values:t.spec.values.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json.values;return('<feColorMatrix type="saturate" values="'.concat(e,'"  ').concat(this.getDefaultAttribute()," />"))}}]),t}(iy);Ly.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:nr.number(0)}};var Ry=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"HueRotate",values:t.spec.values.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json.values;return('<feColorMatrix type="hueRotate" values="'.concat(e,'"  ').concat(this.getDefaultAttribute()," />"))}}]),t}(iy);Ry.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:nr.number(0)}};var Ay=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"LuminanceAlpha"})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){return'<feColorMatrix type="luminanceToAlpha" '.concat(this.getDefaultAttribute()," />")}}]),t}(iy);Ay.spec={};var zy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Tile",x:t.spec.x.defaultValue,y:t.spec.y.defaultValue,width:t.spec.width.defaultValue,height:t.spec.height.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(e){return e.x=nr.parse(e.x),e.y=nr.parse(e.y),e.width=nr.parse(e.width),e.height=nr.parse(e.height),e}},{key:"toString",value:function(){var e=this.json,t=e.x,n=e.y,r=e.width,i=e.height;return"<feTile ".concat(xt({x:t,y:n,width:r,height:i})," ").concat(this.getDefaultAttribute()," />")}}]),t}(iy);zy.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)}};var Fy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Image",x:t.spec.x.defaultValue,y:t.spec.y.defaultValue,width:t.spec.width.defaultValue,height:t.spec.height.defaultValue,src:t.spec.src.defaultValue,alignment:t.spec.alignment.defaultValue,scaleing:t.spec.scaleing.defaultValue})}},{key:"convert",value:function(e){return e.x=nr.parse(e.x),e.y=nr.parse(e.y),e.width=nr.parse(e.width),e.height=nr.parse(e.height),e}},{key:"toString",value:function(){var e=this.json,t=e.src,n=e.x,r=e.y,i=e.width,a=e.height,o=e.alignment,s=e.scaleing;return"<feImage ".concat(xt({x:n,y:r,width:i,height:a,"xlink:href":t,preserveAspectRatio:"".concat(o," ").concat(s)})," ").concat(this.getDefaultAttribute()," />")}}]),t}(iy);function By(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Gy(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?By(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):By(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}Fy.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.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 Hy=["result"],Ny=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Gy({itemType:"svgfilter",result:""},e))}},{key:"getDefaultAttribute",value:function(){var e=this;return Hy.map((function(t){return"".concat(t,'="').concat(e.json[t],'"')})).join(" ")}},{key:"toString",value:function(){var e=this.json,t=e.type,n=e.value;return"<fe".concat(t,' value="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}],[{key:"parse",value:function(e){return new(0,Xy[e.type])(e)}}]),t}(Yi),Xy={Image:Fy,Tile:zy,Saturate:Ly,HueRotate:Ry,LuminanceAlpha:Ay,DropShadow:My,SourceGraphic:Cy,SourceAlpha:Ey,BackgroundImage:Ty,BackgroundAlpha:Vy,FillPaint:Dy,StrokePaint:Iy,ComponentTransfer:vy,DistantLight:yy,PointLight:gy,SpotLight:my,DiffuseLighting:ky,SpecularLighting:wy,Blend:Py,Offset:Sy,RotaMatrix:ay,GaussianBlur:dy,Flood:fy,Merge:oy,Composite:sy,Morphology:cy,Turbulence:ly,DisplacementMap:uy,ColorMatrix:hy,ConvolveMatrix:py},Yy={Image:Fy.spec,Tile:zy.spec,DropShadow:My.spec,Saturate:Ly.spec,HueRotate:Ry.spec,LuminanceAlpha:Ay.spec,Offset:Sy.spec,ComponentTransfer:vy.spec,SpecularLighting:wy.spec,SpotLight:my.spec,PointLight:gy.spec,DistantLight:yy.spec,DiffuseLighting:ky.spec,Blend:Py.spec,RotaMatrix:ay.spec,Merge:oy.spec,GaussianBlur:dy.spec,Flood:fy.spec,Morphology:cy.spec,Composite:sy.spec,Turbulence:ly.spec,DisplacementMap:uy.spec,ColorMatrix:hy.spec,ConvolveMatrix:py.spec};function _y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ky(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_y(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Wy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{TextEditor:Jv,NumberRangeEditor:Iv,SelectEditor:Gf}}},{key:"initState",value:function(){return Ky({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(e){var t=e.split(" "),n=S()(t),r=n[0],i=n.slice(1);if("linear"===r)var a=k()(i,2),o=a[0],s=a[1];else if("gamma"===r)var c=k()(i,3),l=c[0],u=c[1],h=c[2];return{type:r,values:i,slop:o,intercept:s,amplitude:l,exponent:u,offset:h}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:Jr("$body"),value:function(){var e=this,t=this.state,n=t.type,r=t.label,i=r?"has-label":"";return'\n        <object refClass="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(i,"' 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                <object refClass=\"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(t){return'\n                        <div>\n                            <object refClass="NumberRangeEditor"  label=\''.concat(t,"' ref='$").concat(t,"' key='").concat(t,"' value=\"").concat(e.state[t],'" onchange="changeLinear" />\n                        </div>                    \n                    ')})).join(""),"\n            </div>\n            <div data-type='gamma'>\n                ").concat(["amplitude","exponent","offset"].map((function(t){return'\n                        <div>\n                            <object refClass="NumberRangeEditor"  label=\''.concat(t,"' ref='$").concat(t,"' key='").concat(t,"' value=\"").concat(e.state[t],'" onchange="changeGamma" />\n                        </div>                    \n                    ')})).join(""),"            \n            </div>                                                \n        </div>\n    ")}},{key:Vf("changeType"),value:function(e,t){this.updateData({type:t}),this.refresh()}},{key:"getValue",value:function(){switch(this.state.type){case"table":case"discrete":return[this.state.type].concat(j()(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(e){this.setState(Ky({},this.parse(e)))}},{key:Vf("changeValues"),value:function(e,t){this.updateData(m()({},e,t.split(" ")))}},{key:Vf("changeLinear"),value:function(e,t){this.updateData(m()({},e,t))}},{key:Vf("changeGamma"),value:function(e,t){this.updateData(m()({},e,t))}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),t}(Df),Uy={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"},Zy=Object.keys(Uy).map((function(e){return{title:e,values:Uy[e]}})),qy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{values:be(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:ni("$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:Jr("$sample"),value:function(){return Zy.map((function(e,t){return"<div class='sample-item' title='".concat(e.title,"' data-index=\"").concat(t,'">').concat(e.title,"</div>")}))}},{key:pr("$sample .sample-item"),value:function(e){var t=+e.$dt.attr("data-index"),n=Zy[t];this.updateData({values:be(n.values)}),this.load("$body")}},{key:Jr("$body"),value:function(){var e=this.state.values,t=["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        "+e.map((function(e,n){var r="";return n%5==0&&(r="<div>".concat(t[Math.floor(n/5)],"</div>")),"\n                ".concat(r,'\n                <div class=\'number-editor\'>\n                    <input type="number" value="').concat(e,'" step="0.01" data-index="').concat(n,'" />\n                </div>\n            ')}))}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.values,this.props.params)}},{key:xr("$body input"),value:function(e){var t=e.$dt,n=+t.attr("data-index"),r=+t.value;this.state.values[n]=r,this.updateData()}}]),t}(Df),Jy={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"}]}]},Qy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(e){this.setState({value:e})}},{key:Jr("$body"),value:function(){var e=this.$selection.currentProject;if(e)return"\n            <div class='preview-container'>\n                <img src=\"".concat(e.getImageValueById(this.state.value)||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:kr("$file"),value:function(e){var t=this,n=j()(e.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(e){t.trigger("changeImageSelectEditor",e)}))}},{key:pr("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:Vf("changeImageSelectEditor"),value:function(e){this.updateData({value:e}),this.refresh()}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}]),t}(Df);function eg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var tg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getBlendList",value:function(){var e=this;return Jf.split(",").map((function(t){return"".concat(t,":").concat(e.$i18n("blend.".concat(t)))}))}},{key:"initState",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?eg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):eg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"initState",this).call(this),{options:this.getBlendList()})}}]),t}(Gf);function ng(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function rg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ng(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ng(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ig=[{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"}]}],ag=[{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 og(e){switch(e){case"SpecularLighting":return kf.specular;case"DiffuseLighting":return kf.diffuse;case"SourceGraphic":case"SourceAlpha":return kf.image;case"BackgroundImage":case"BackgroundAlpha":return kf.outline_image;case"Flood":return kf.palette;case"Image":return kf.landscape;case"GaussianBlur":return kf.blur;case"ColorMatrix":return kf.blur_linear;case"Turbulence":return kf.waves;case"Saturate":return kf.vintage;case"HueRotate":return kf.looks;case"LuminanceAlpha":return kf.opacity;case"DropShadow":return kf.shadow;case"Morphology":return kf.broken_image;case"ConvolveMatrix":return kf.camera_roll;case"Offset":return kf.transform;case"Tile":return kf.view_comfy;case"Blend":return kf.gradient;case"Composite":return kf.merge;case"Merge":return kf.settings_input_component;case"DisplacementMap":return kf.texture}return""}function sg(e){switch(e){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 cg=[45],lg=[20],ug={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},hg={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(hg).forEach((function(e){hg[e]=hg[e].map((function(e){return e+20}))}));var pg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{BlendSelectEditor:tg,ColorMatrixEditor:qy,InputArrayEditor:Qv,NumberRangeEditor:Iv,RangeEditor:Hf,ColorViewEditor:Kf,SelectEditor:Gf,TextEditor:Jv,FuncFilterEditor:Wy,ImageSelectEditor:Qy}}},{key:"makeFilterSelect",value:function(){var e=this;return("\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(Pt(ig,(function(t){return"\n          <div class='group' label=\"".concat(e.$i18n(t.label),'">\n            ').concat(Pt(t.items,(function(t){return'\n                <div class=\'item\' draggable="true" value="'.concat(t.value,"\">\n                  <span class='icon'>").concat(og(t.value),"</span>\n                  ").concat(e.$i18n(t.label),"\n                </div>\n                ")})),"\n          </div>\n        ")})),"\n    </div>\n    "))}},{key:"makeFilterTemplateSelect",value:function(){var e=this;return("\n  \n    <div class='filter-item-list' ref=\"$filterTemplateSelect\">\n  \n      ".concat(Pt(ag,(function(t){return"\n          <div class='group' label=\"".concat(e.$i18n(t.label),'">\n            ').concat(Pt(t.items,(function(t){return' <div class=\'item\' draggable="true" value="'.concat(t.value,'">').concat(e.$i18n(t.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:pr("$header .tab-item:not(.empty-item)"),value:function(e){var t=+e.$dt.attr("data-value");this.state.selectedTabIndex!==t&&(this.$el.$$('[data-value="'.concat(this.state.selectedTabIndex,'"]')).forEach((function(e){return e.removeClass("selected")})),this.$el.$$('[data-value="'.concat(t,'"]')).forEach((function(e){return e.addClass("selected")})),this.setState({selectedTabIndex:t},!1))}},{key:yr("$filterSelect .item"),value:function(e){var t=e.$dt.attr("value");e.dataTransfer.setData("filter/type",t)}},{key:mr("$connectedLinePanel")+Zr,value:function(){}},{key:gr("$connectedLinePanel")+Zr,value:function(e){var t={x:e.offsetX,y:e.offsetY},n=e.dataTransfer.getData("filter/type");this.makeFilterNode(n,{bound:t})}},{key:"makeFilterNode",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.state.filters.push(this.makeFilter(e,t)),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(e){var t=Jy[e];t&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(t)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(e){return Yy[e]}},{key:"makeFilterEditorTemplate",value:function(e,t,n){var r="".concat(t.type).concat(n).concat(this.state.selectedIndex).concat(Date.now());if("color-matrix"===e.inputType)return'\n        <div>\n          <object refClass="ColorMatrixEditor" \n            ref=\'$colorMatrix'.concat(r,"' \n            label=\"").concat(e.title,'"\n            key="').concat(n,"\"       \n            column='").concat(e.column,"' \n            values='").concat(t[n].join(" "),'\' \n            onchange="changeRangeEditor"\n          />\n        </div>\n        ');if("input-array"===e.inputType)return'\n        <div>\n          <object refClass="InputArrayEditor" \n            ref=\'$inputArray'.concat(r,"' \n            label=\"").concat(e.title,'"\n            key="').concat(n,'"       \n            column-label="R,G,B,A,M",\n            row-label="R,G,B,A",\n            column=\'').concat(e.column,"' \n            values='").concat(t[n].join(" "),'\' \n            onchange="changeRangeEditor"\n          />\n        </div>\n        ');if("blend"===e.inputType)return'\n        <div>\n          <object refClass="BlendSelectEditor" \n            ref=\'$blend'.concat(r,"' \n            label=\"").concat(e.title,'"\n            key="').concat(n,"\"\n            value='").concat(t[n].toString(),'\' \n            onchange="changeRangeEditor"             \n          />\n        </div>\n        ');if("select"===e.inputType){var i=e.options;return st(e.options)&&(i=e.options(this.state.filters)),'\n          <div>\n            <object refClass="SelectEditor"  \n              ref=\'$select'.concat(r,"' \n              label=\"").concat(e.title,"\"\n              options='").concat(i,"' \n              key=\"").concat(n,"\"\n              value='").concat(t[n].toString(),'\' \n              onchange="changeRangeEditor"             \n            />\n          </div>\n          ')}return"text"===e.inputType?'\n        <div>\n          <object refClass="TextEditor" \n            ref=\'$text'.concat(r,"' \n            label=\"").concat(e.title,'"\n            key="').concat(n,"\"\n            value='").concat(t[n].toString(),'\' \n            onchange="changeTextEditor"\n          />\n        </div>\n        '):"number-range"===e.inputType?' \n        <div>\n          <object refClass="NumberRangeEditor"  \n            ref=\'$numberrange'.concat(r,"' \n            label=\"").concat(e.title,"\" \n            layout='block'             \n            min=\"").concat(e.min,'"\n            max="').concat(e.max,'"\n            step="').concat(e.step,'"\n            key="').concat(n,'" \n            value="').concat(t[n].toString(),'" \n            onchange="changeRangeEditor" \n          />\n        </div>\n      '):"color"===e.inputType?'\n        <div>\n          <object refClass="ColorViewEditor" \n            ref=\'$colorview'.concat(r,"' \n            label=\"").concat(e.title,'" \n            key="').concat(n,'"\n            value="').concat(t[n].toString(),'" \n            onchange="changeSVGFilterColorViewEditor" \n          />\n        </div>\n      '):"FuncFilter"===e.inputType?'\n        <div>\n          <object refClass="FuncFilterEditor" \n            ref=\'$funcFilter'.concat(r,"' \n            label=\"").concat(e.title,'" \n            key="').concat(n,'"\n            value="').concat(t[n].toString(),'" \n            onchange="changeFuncFilterEditor" \n          />\n        </div>\n      '):"ImageSelectEditor"===e.inputType?'\n        <div>\n          <object refClass="ImageSelectEditor" \n            ref=\'$imageSelect'.concat(r,"' \n            label=\"").concat(e.title,'" \n            key="').concat(n,'"\n            value="').concat(t[n].toString(),'" \n            onchange="changeRangeEditor" \n          />\n        </div>\n      '):'\n      <div>\n        <object refClass="RangeEditor"  \n          ref=\'$range'.concat(r,"' \n          layout='block' \n          calc='false' \n          label=\"").concat(e.title,'" \n          min="').concat(e.min,'"\n          max="').concat(e.max,'"\n          step="').concat(e.step,'"\n          key="').concat(n,'" \n          value="').concat(t[n].toString(),'" \n          units="').concat(e.units.join(","),'" \n          onchange="changeRangeEditor" \n        />\n      </div>\n    ')}},{key:"makeOneFilterTemplate",value:function(e,t){var n=this;return('\n    <div class="filter-item">\n      <div class="title">\n        <label>'.concat(t.type,'</label>\n        <div class="filter-menu">\n          <button type="button" class="del">').concat(kf.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(qe(e,(function(e,r){return n.makeFilterEditorTemplate(r,t,e)})),"\n\n      </div>\n    </div>\n  "))}},{key:"makeFilterTemplate",value:function(e){return this.makeOneFilterTemplate(this.getSpec(e.type),e)}},{key:Jr("$filterList"),value:function(){return this.state.selectedFilter&&!1===this.state.selectedFilter.isSource()?this.makeFilterTemplate(this.state.selectedFilter):""}},{key:"modifyFilter",value:function(){var e=this;this.state.filters.forEach((function(t){t.isLight()&&t.connected.length&&t.connected.forEach((function(n){e.state.filters.filter((function(e){return e.id===n.id})).forEach((function(e){e.reset({lightInfo:t.toLightString()})}))}))})),this.parent.trigger(this.props.onchange,this.props.key,this.state.filters)}},{key:"parseFilter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.map((function(e){return Ny.parse(e)}))}},{key:"makeFilter",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Ny.parse(rg({},t,{type:e}))}},{key:pr("$filterSelect .item[value]"),value:function(e){var t=e.$dt.attr("value");this.makeFilterNode(t)}},{key:pr("$filterTemplateSelect .item[value]"),value:function(e){var t=e.$dt.attr("value");this.applyTemplate(t)}},{key:pr("$filterList .filter-menu .del"),value:function(e){this.removeFilter(this.state.selectedFilter.id)}},{key:Jr("$graphPanel"),value:function(){return this.makeGraphPanel()}},{key:"selectFilter",value:function(e){this.setState({selectedIndex:e,selectedFilter:this.state.filters[e]},!1),this.load("$filterList")}},{key:Cr("$graphPanel .filter-node")+Wr()+Ur(),value:function(e){this.$target=e.$dt,this.$point=null,this.pointType="object",this.pointIndex=0;var t=this.refs.$graphPanel.rect();this.rect=t;var n=+this.$target.attr("data-index");this.selectFilter(n),this.$target.onlyOneClass("selected");var r=rr.create(e.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 i=this.state.selectedFilter;this.startXY=ht(i.bound)}if("in"===this.pointType||"out"===this.pointType){var a=r.rect(),o=a.x-t.x,s=a.y-t.y,c=o+a.width/2,l=s+a.height/2;this.startXY={x:c,y:l}}this.startXY.dx=0,this.startXY.dy=0,this.load("$dragLinePanel")}},{key:Jr("$dragLinePanel"),value:function(){if("in"===this.pointType||"out"===this.pointType){var e=this.startXY,t=e.x,n=e.y,r=e.dx,i=e.dy;return('\n      <svg>\n        <path \n          class="drag-line"\n          fill="transparent"\n          stroke-width="1"\n          d="\n            M'.concat(t,",").concat(n,"\n            L").concat(t+r,",").concat(n+i,' \n            Z\n          "\n        />\n      </svg>\n      '))}return""}},{key:"makeConnectedPath",value:function(e){var t=new ps,n=e[0],r=e[e.length-1];if(!n)return"";if(!r)return"";var i=Math.abs(n.x-r.x)/2;return t.M(n).C({x:n.x+i,y:n.y},{x:r.x-i,y:r.y},r),t.d}},{key:"createPath",value:function(e,t){if(t.path)return t.path;var n=e.bound.x+cg[0],r=e.bound.y+lg[0],i=this.state.filters.map((function(e,t){return{it:e,index:t}})).find((function(e){return!!e&&(!!e.it&&(e&&e.it.id===t.id))})),a="".concat(i.it.getInCount()),o=i.it.in.map((function(e,t){return{it:e,index:t}})).find((function(t){return!!t&&(!!t.it&&t.it.id===e.id)}));if(!o)return[];var s=o.index;return[{x:n,y:r},{x:i.it.bound.x+ug[a][0],y:i.it.bound.y+hg[a][s]}]}},{key:Jr("$connectedLinePanel"),value:function(){var e=this;return("\n      <svg>\n        ".concat(this.state.filters.map((function(t){return t.connected.map((function(n){var r=e.createPath(t,n),i=sg(t.type);return'\n              <path \n                class="connected-line"\n                data-source-type="'.concat(i,'"\n                d="').concat(e.makeConnectedPath(r),'"\n              />\n\n              ').concat(r.length&&'\n                <circle \n                  data-source-type="'.concat(i,'"\n                  data-target-id="').concat(n.id,'"\n                  data-source-id="').concat(t.id,'"\n                  class="connected-remove-circle"\n                  cx="').concat((r[0].x+r[1].x)/2,'"\n                  cy="').concat((r[0].y+r[1].y)/2,'"\n                />\n              '),"\n              \n            ")})).join("")})).join(""),"\n      </svg>\n    "))}},{key:pr("$connectedLinePanel .connected-remove-circle"),value:function(e){var t=e.$dt.attrs("data-target-id","data-source-id"),n=k()(t,2),r=n[0],i=n[1],a=this.state.filters;a.filter((function(e){return e.id===i})).forEach((function(e){e.connected=e.connected.filter((function(e){return e.id!=r}))})),a.filter((function(e){return e.id===r})).forEach((function(e){e.in=e.in.map((function(e){return e&&e.id==i?null:e}))})),this.refresh(),this.modifyFilter()}},{key:"getCenterXY",value:function(e){var t=e.rect(),n=t.x-this.rect.x,r=t.y-this.rect.y;return{x:n+t.width/2,y:r+t.height/2}}},{key:"end",value:function(e,t){if("in"===this.pointType||"out"===this.pointType){this.startXY.dx=e,this.startXY.dy=t;var n=this.state.selectedFilter,r=this.$config.get("bodyEvent"),i=rr.create(r.target),a=i.closest("filter-node");if("out"===this.pointType){if(i.hasClass("in"))if(s=this.state.filters[+a.attr("data-index")])if(!s.hasLight()&&n.isLight());else{var o=+i.attr("data-index");s.in[o]||(s.setIn(o,n),n.setConnected(s))}}else if("in"===this.pointType){var s;if(i.hasClass("out"))(s=this.state.filters[+a.attr("data-index")])&&(n.hasLight()&&!s.isLight()||n.in[this.pointIndex]||(n.setIn(this.pointIndex,s),s.setConnected(n)))}this.pointType=""}this.load("$dragLinePanel"),this.load("$connectedLinePanel"),this.modifyFilter()}},{key:"move",value:function(e,t){var n=this.state.selectedFilter;n&&(this.startXY.dx=e,this.startXY.dy=t,"in"===this.pointType?this.load("$dragLinePanel"):"out"===this.pointType?this.load("$dragLinePanel"):(n.reset({bound:{x:this.startXY.x+e,y:this.startXY.y+t}}),this.$target.css({left:nr.px(n.bound.x),top:nr.px(n.bound.y)}),this.load("$connectedLinePanel")))}},{key:"makeGraphPanel",value:function(){var e=this;return this.state.filters.map((function(t,n){return"\n        <div class='filter-node ".concat(wt({selected:n===e.state.selectedIndex}),"' data-type=\"").concat(t.type,'" data-index="').concat(n,'" data-filter-id="').concat(t.id,"\" style='left: ").concat(t.bound.x,"px;top: ").concat(t.bound.y,"px;'>\n          <div class='label'>").concat(e.$i18n(t.type),"</div>\n          <div class='remove'>").concat(kf.close,"</div>\n          <div class='preview' data-source-type=\"").concat(sg(t.type),"\" data-filter-type='").concat(t.type,"'>").concat(og(t.type),"</div>\n          <div class='in-list'>\n            ").concat(ft(t.getInCount()).map((function(e,t){return"<div class='in' data-index='".concat(t,"'></div>")})).join(""),"\n          </div>\n          \n          <div class='out' data-index=\"0\">").concat(kf.chevron_right,"</div>\n          ").concat(t.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:Vf("changeSVGFilterColorViewEditor"),value:function(e,t,n){this.trigger("changeRangeEditor",e,t,n)}},{key:Vf("changeFuncFilterEditor"),value:function(e,t){var n=this.state.selectedFilter;n&&n.reset(m()({},e,t)),this.modifyFilter()}},{key:Vf("changeRangeEditor"),value:function(e,t){var n=this.state.selectedFilter;n&&n.reset(m()({},e,t)),this.modifyFilter()}},{key:Vf("changeTextEditor"),value:function(e,t){var n=this.state.selectedFilter;n&&n.reset(m()({},e,t)),this.modifyFilter()}},{key:"removeFilter",value:function(e){var t=this.state.filters.filter((function(t){return t.id!=e}));t.forEach((function(t){t.connected=t.connected.filter((function(t){return t.id!=e})),t.in=t.in.filter((function(t){return t.id!=e}))})),this.state.selectedFilter.id===e&&(this.state.selectedFilter=null,this.state.selectedIndex=-1),this.setState({filters:t}),this.modifyFilter()}},{key:pr("$graphPanel .filter-node .remove"),value:function(e){var t=+e.$dt.closest("filter-node").attr("data-index"),n=this.state.filters[t];this.removeFilter(n.id)}}]),t}(Df),dg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:ni("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:Jr("$body"),value:function(){var e=this;return Object.keys(kf).map((function(t){var n=kf[t],r=t===e.state.value?"selected":"";return"<div class='list-view-item ".concat(r,"'  data-key='").concat(t,"'>").concat(n,"</div>")}))}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(e){this.state.value=e,this.refresh()}},{key:pr("$body .list-view-item"),value:function(e){var t=e.$dt.attr("data-key");e.$dt.onlyOneClass("selected"),this.updateData({value:t})}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}]),t}(Df),fg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{IconListViewEditor:dg}}},{key:"initState",value:function(){return{fit:!!this.props.value.fit,icon:this.props.value.icon||""}}},{key:"template",value:function(){var e=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(e,"  /> </label>\n          </div>\n          <div>\n            <object refClass=\"IconListViewEditor\" ref='$svg' key='svg' value=\"").concat(this.state.icon,'" column="6" onchange=\'changeClipPath\' />\n          </div>\n      </div>'))}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyClipPath()}},{key:pr("$fit"),value:function(){this.updateData({fit:this.refs.$fit.checked()})}},{key:Vf("changeClipPath"),value:function(e,t){this.updateData({icon:t})}},{key:"modifyClipPath",value:function(){var e=this.state,t=e.icon,n=e.fit;this.parent.trigger(this.props.onchange,this.props.key,{icon:t,fit:n})}}]),t}(Df),vg=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],yg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Hf}}},{key:"initState",value:function(){var e=qo.parse(this.props.value),t=k()(e,5),n=t[0],r=t[1],i=t[2],a=t[3],o=t[4];return{isAll:1===n,all:r.clone(),top:r.clone(),right:i.clone(),bottom:a.clone(),left:o.clone()}}},{key:"template",value:function(){return"<div class='direction-editor' ref='$body'></div>"}},{key:Vf("changeBorderRadius"),value:function(e,t){var n=this;"all"===e&&vg.forEach((function(e){n.state[e.key]=t.clone(),n.children["$".concat(e.key)].setValue(t.clone())})),this.updateData(m()({},e,t))}},{key:Jr("$body"),value:function(){var e=this,t=this.state.isAll?"all":"partitial",n=this.state.all,r="all"===t?"display:none":"display:block";return'\n      <div class="property-item direction-item">\n        <div class="radius-selector" data-selected-value="'.concat(t,'" ref="$selector">\n          <button type="button" data-value="all">').concat(kf.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(kf.border_inner,'\n          </button>\n        </div>\n        <div class="radius-value">\n          <object refClass="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(vg.map((function(t){var n=e.state[t.key];return('\n              <div>\n                  <object refClass="RangeEditor"  ref=\'$'.concat(t.key,"' label='").concat(t.title,"' key='").concat(t.key,"' value=\"").concat(n,"\" onchange='changeBorderRadius' />\n              </div>  \n            "))})).join(""),"\n        </div>\n      </div>\n    ")}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1);var t=[];t=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,t)}},{key:pr("$selector button"),value:function(e){var t=e.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",t),"all"===t?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.updateData({isAll:"all"===t})}}]),t}(Df),gg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props["key-value-char"]||":",t=this.props.split||",",n=(this.props.options||"").split(t).map((function(e){return e.trim()})),r=(this.props.icons||"").split(t).map((function(e){return e.trim()})),i=(this.props.colors||"").split(t).map((function(e){return e.trim()})),a=this.props.value||"";return{keyValueChar:e,label:this.props.label||"",compact:"true"===this.props.compact,options:n,icons:r,colors:i,value:a}}},{key:"template",value:function(){var e=this.state,t=e.label,n=e.compact?"compact":"";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 ").concat(n,"' ref='$options'></div>\n            </div>\n        ")}},{key:pr("$close"),value:function(){this.updateData({value:""}),this.refresh()}},{key:"getValue",value:function(){return this.state.value||""}},{key:"setValue",value:function(e){this.setState({value:e})}},{key:Jr("$options")+Xr,value:function(){var e=this;return this.state.options.map((function(t,n){var r=t,i=t,a="";if((c=t).includes(e.state.keyValueChar)){var o=c.split(e.state.keyValueChar),s=k()(o,2),c=s[0];r=s[1]}var l=c===e.state.value,u=l?"selected":"";if(""===t){r=kf.close;i="close"}else{var h=e.state.icons[n];kf[h]&&(a="icon"),i=r,r=kf[h]||r||h||t}var p=e.state.colors[n],d={};return l&&p&&(d["background-color"]=p),"<div class='select-icon-item ".concat(u," ").concat(a,"' style='").concat(bt(d),"' data-value=\"").concat(c,"\" title='").concat(i,"'>").concat(r,"</div>")}))}},{key:pr("$options .select-icon-item"),value:function(e){var t=e.$dt.attr("data-value");this.updateData({value:t}),this.refresh()}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),t}(Df);function mg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function bg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var kg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyValue(e)}},{key:"modifyValue",value:function(e){this.parent.trigger(this.props.onchange,this.props.key,e,this.state.index)}},{key:"setValue",value:function(e){this.setState(bg({},e))}},{key:ni("$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:pr("$preview"),value:function(e){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:Vf("changeBackgroundPositionPattern"),value:function(e,t){t.id===this.id&&this.updateData(bg({},e))}}]),t}(Df);function xg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var wg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{index:this.props.index,image:this.props.image,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyValue(e)}},{key:"modifyValue",value:function(e){this.parent.trigger(this.props.onchange,this.props.key,e,this.state.index)}},{key:"setValue",value:function(e){this.setState(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?xg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):xg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e))}},{key:ni("$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:pr("$preview"),value:function(e){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:Vf("changeGradientSingle"),value:function(e,t){this.updateData({image:e}),this.refresh()}}]),t}(Df),Sg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:bl.parseImage(this.props.image||"transparent")}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyValue(e)}},{key:"modifyValue",value:function(e){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(e){this.setState({image:bl.parseImage(e)})}},{key:ni("$fillView"),value:function(){var e=this.state.image;return e?{innerHTML:e.toSVGString(this.fillId)}:{innerHTML:""}}},{key:ni("$fillColor"),value:function(){var e=this.state.image;return e?{fill:e.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:ni("$colors"),value:function(){var e=this.state.image;if(!e)return{fill:"transparent"};var t="url"!=e.type?"".concat(e.colorsteps[0].color):"transparent";return(e.type.includes("linear")||e.type.includes("radial"))&&(t=e.colorsteps.map((function(e){return"<span class='color' style='background-color: ".concat(e.color,"' title='").concat(e.color,"'></span>")})).join("")),{innerHTML:"<div> ".concat(t," </div>")}}},{key:"template",value:function(){var e=this.state,t=e.label,n=(e.removable,e.simple);return"\n            <div class='fill-single-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</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:pr("$preview"),value:function(e){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:Vf("changeFillSingle"),value:function(e,t){this.updateData({image:bl.parseImage(e)}),this.refresh()}},{key:"fillId",get:function(){return this.id+"fill"}}]),t}(Df);function Pg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var jg=["static-gradient","linear-gradient","radial-gradient","image-resource"],Og={"image-resource":kf.photo},$g={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%"}},Cg=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],Eg=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],Tg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{InputRangeEditor:lv,RangeEditor:Hf,SelectIconEditor:gg,SelectEditor:Gf}}},{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:bl.parseImage(this.props.value||"transparent")||hl.create()}}},{key:"setValue",value:function(e){this.setState({cachedRect:null,image:bl.parseImage(e)},!1),this.refresh(),this.parent.trigger("changeTabType",this.state.image.type)}},{key:"template",value:function(){var e=this,t=this.state.image,n=(t=t||{}).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(kf.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(kf.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(kf.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(kf.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(kf.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(kf.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(kf.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(kf.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(jg.map((function(e){return"<span class='picker-tab-item ".concat(e,"' data-editor='").concat(e,"'><span class='icon'>").concat(Og[e]||"","</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              <object refClass="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                  <object refClass=\"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                  <object refClass=\"SelectEditor\"  label='Pattern' ref='$patternUnits' options='userSpaceOnUse' key='patternUnits' onchange='changeKeyValue' />\n                </div>                  \n                ").concat(Eg.map((function(n){var r=e.$i18n("fill.editor."+n);return("\n                    <div data-editor='".concat(n,"'>\n                      <object refClass=\"RangeEditor\"  label='").concat(r,"' ref='$").concat(n,"' value=\"").concat(e.getImageFieldValue(t,n),"\" key='").concat(n,"' onchange='changeKeyValue' />\n                    </div>\n                  "))})).join(""),"\n                                                                                                                                \n            </div>            \n        </div>\n      ")}},{key:"getImageFieldValue",value:function(e,t){var n=e[t];if(et(n))switch(t){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:kr("$file"),value:function(e){var t=this;this.$selection.currentProject&&j()(e.target.files).forEach((function(e){t.emit("updateImageAssetItem",e,(function(e){t.trigger("setImageUrl",e)}))}))}},{key:pr("$el .preset-position [data-value]"),value:function(e){var t=e.$dt.attr("data-value");$g[t]&&(this.state.image.reset($g[t]),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(e){return nr.parse(this.getImageFieldValue(this.state.image,e))}},{key:ni("$line"),value:function(){var e=this.getDrawAreaRect(),t=e.width,n=e.height;return{x1:this.getFieldValue("x1").toPx(t),y1:this.getFieldValue("y1").toPx(n),x2:this.getFieldValue("x2").toPx(t),y2:this.getFieldValue("y2").toPx(n)}}},{key:ni("$startPoint"),value:function(){var e=this.getDrawAreaRect(),t=e.width,n=e.height;return{cx:this.getFieldValue("x1").toPx(t),cy:this.getFieldValue("y1").toPx(n)}}},{key:ni("$endPoint"),value:function(){var e=this.getDrawAreaRect(),t=e.width,n=e.height;return{cx:this.getFieldValue("x2").toPx(t),cy:this.getFieldValue("y2").toPx(n)}}},{key:ni("$centerPoint"),value:function(){var e=this.getDrawAreaRect(),t=e.width,n=e.height;return{cx:this.getFieldValue("cx").toPx(t),cy:this.getFieldValue("cy").toPx(n)}}},{key:ni("$fPoint"),value:function(){var e=this.getDrawAreaRect(),t=e.width,n=e.height;return{cx:this.getFieldValue("fx").toPx(t),cy:this.getFieldValue("fy").toPx(n)}}},{key:Cr("$pointerDrawArea circle[data-type]")+Wr("moveDragPointer"),value:function(e){this.containerRect=this.refs.$pointerDrawArea.rect(),this.startXY=e.xy,this.type=e.$dt.attr("data-type"),this.state.cachedRect=null}},{key:"getRectRate",value:function(e,t,n){var r=e.width,i=e.height,a=e.x,o=e.y;return a>t?t=a:a+r<t&&(t=a+r),o>n?n=o:o+i<n&&(n=o+i),{left:nr.percent((t-a)/r*100),top:nr.percent((n-o)/i*100)}}},{key:"moveDragPointer",value:function(e,t){var n=this.startXY.x+e,r=this.startXY.y+t,i=this.getRectRate(this.containerRect,n,r),a=i.left,o=i.top;"start"==this.type?(this.state.image.reset({x1:a,y1:o}),this.children.$x1.setValue(a),this.children.$y1.setValue(o),this.bindData("$startPoint"),this.bindData("$line")):"end"==this.type?(this.state.image.reset({x2:a,y2:o}),this.children.$x2.setValue(a),this.children.$y2.setValue(o),this.bindData("$endPoint"),this.bindData("$line")):"center"==this.type?(this.state.image.reset({cx:a,cy:o}),this.children.$cx.setValue(a),this.children.$cy.setValue(o),this.bindData("$centerPoint")):"f"==this.type&&(this.state.image.reset({fx:a,fy:o}),this.children.$fx.setValue(a),this.children.$fy.setValue(o),this.bindData("$fPoint")),this.bindData("$gradientView"),this.updateData()}},{key:pr("$tab .picker-tab-item"),value:function(e){var t=this,n=e.$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,i={};Cg.forEach((function(e){i[e]=t.children["$".concat(e)].getValue()})),this.state.image=bl.changeImageType(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Pg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Pg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({type:n,url:r,colorsteps:this.state.image.colorsteps||[]},i)),this.refresh(),this.updateData(),this.sendMessage()}},{key:"sendMessage",value:function(e){"linear-gradient"===(e=this.$el.attr("data-selected-editor"))?this.emit("addStatusBarMessage",""):"url"===e||"image-resource"===e?this.emit("addStatusBarMessage",this.$i18n("fill.editor.message.click.image")):this.emit("addStatusBarMessage",this.$i18n("fill.editor.message.drag.position"))}},{key:Vf("changeKeyValue"),value:function(e,t){this.state.image.reset(m()({},e,t)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:Vf("changeColorStepOffset"),value:function(e,t){this.currentStep&&(this.currentStep.percent=t.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:pr("$back"),value:function(e){var t=this.refs.$stepList.rect(),n=t.x,r=t.right,i=e.xy.x;i<n?i=n:i>r&&(i=r);var a=(i-n)/t.width*100;this.state.image.insertColorStep(a),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:ni("$el"),value:function(){var e=this.state.image.type;return"url"===e&&(e="image-resource"),this.parent.trigger("changeTabType",e),{"data-selected-editor":e}}},{key:ni("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:ni("$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:Jr("$stepList"),value:function(){var e=this;return(this.state.image.colorsteps||[]).map((function(t,n){var r=e.$selection.isSelectedColorStep(t.id)?"selected":"";return("\n      <div class='step ".concat(r,"' data-id='").concat(t.id,"' style='left: ").concat(t.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(t.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(t.color,'"></div>\n      </div>'))}))}},{key:"removeStep",value:function(e){this.state.image.removeColorStep(e),this.refresh(),this.updateData()}},{key:"selectStep",value:function(e){var t=this;this.state.id=e,this.$selection.selectColorStep(e),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find((function(e){return t.$selection.isSelectedColorStep(e.id)})),this.children.$range.setValue(nr.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:Cr("$stepList .step")+Wr(),value:function(e){var t=e.$dt.attr("data-id");if(e.altKey)return this.removeStep(t),!1;this.selectStep(t),this.startXY=e.xy,this.cachedStepListRect=this.refs.$stepList.rect()}},{key:"getStepListRect",value:function(){return this.cachedStepListRect}},{key:"move",value:function(e,t){var n=this.getStepListRect(),r=n.x,i=n.right,a=this.startXY.x+e;a<r?a=r:a>i&&(a=i);var o=(a-r)/n.width*100;this.currentStep.percent=o,this.children.$range.setValue(nr.percent(o)),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:"refresh",value:function(){this.load()}},{key:"getLinearGradient",value:function(){var e=this.state.image;return"linear-gradient(to right, ".concat(Na.toColorString(e.colorsteps),")")}},{key:Vf("setColorStepColor"),value:function(e){"static-gradient"===this.state.image.type?(this.state.image.setColor(e),this.refresh(),this.updateData()):this.currentStep&&(this.currentStep.color=e,this.refresh(),this.updateData())}},{key:Vf("setImageUrl"),value:function(e){this.state.image&&(this.state.url=e,this.state.image.reset({url:e}),this.refresh(),this.updateData())}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.parent.trigger(this.props.onchange,this.state.image.toString())}},{key:"fillId",get:function(){return this.id+"fill"}}]),t}(Df),Vg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props.value;return{options:[],label:this.props.label||"",value:e}}},{key:"template",value:function(){var e=this.state.label;return"\n            <div class='svg-filter-select-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","\n                <select ref='$options'></select>\n                <button type='button' class='open thin' ref='$open' title='Open SVG Filter Editor'>").concat(kf.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(kf.remove,"</button>\n            </div>\n        ")}},{key:pr("$remove"),value:function(e){this.updateData({value:""})}},{key:pr("$open"),value:function(e){var t=this.state.value;if(t.includes("id")){var n=this.$selection.currentProject.getSVGFilterIndex(t);n>-1&&this.trigger("openSVGFilterPopup",n)}}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(e){this.setState({value:e})}},{key:"refresh",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.load()}},{key:ni("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Jr("$options"),value:function(){var e=this,t=this.$selection.currentProject,n="";return t&&(n=(n=t.svgfilters.map((function(e){return e.id}))).length?","+n.join(","):""),(n=(n+=",-,new").split(",")).map((function(t){var n=t;if((a=t).includes(":")){var r=a.split(":"),i=k()(r,2),a=i[0];n=i[1]}""===n?n=e.props["none-value"]?e.props["none-value"]:"":"-"===n&&(n="----------",a="");var o=a===e.state.value?"selected":"";return"<option ".concat(o,' value="').concat(a,'">').concat(n,"</option>")}))}},{key:"setOptions",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.setState({options:e.split(this.state.splitChar).map((function(e){return e.trim()}))})}},{key:"sendMessage",value:function(e){"new"===e?this.emit("addStatusBarMessage",this.$i18n("svgfilter.select.editor.message.create")):"-"===e?this.emit("addStatusBarMessage",this.$i18n("svgfilter.select.editor.message.select")):this.emit("addStatusBarMessage","")}},{key:kr("$options"),value:function(){var e=this,t=this.refs.$options.value;"new"==t?this.emit("addSVGFilterAssetItem",(function(t,n){e.updateData({value:n}),e.refresh(),e.trigger("openSVGFilterPopup",t)})):"-"===t||this.updateData({value:t})}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:Vf("refreshSVGArea")+Yr(1e3),value:function(){this.load("$options")}},{key:Vf("openSVGFilterPopup"),value:function(e){this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea");var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[e];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterEditorRealUpdate",preview:!1,index:e,filters:t.filters})}},{key:Vf("changeSVGFilterEditorRealUpdate"),value:function(e){var t=this.$selection.currentProject;t&&(t.setSVGFilterValue(e.index,{filters:e.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}]),t}(Df),Dg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props.value;return{label:this.props.label||"",height:nr.px(100),value:e}}},{key:"template",value:function(){var e=this.state,t=e.label,n=e.height,r=e.value;return"\n            <div class='text-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</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(e,t){this.setState({value:e},!1),t&&this.setState({height:t},!1),this.refresh()}},{key:ni("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:xr("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(e){this.setState(e),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}]),t}(Df);function Ig(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Mg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ig(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ig(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Lg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectIconEditor:gg}}},{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(e){var t=this;return e.split(",").map((function(e){return"".concat(e,":").concat(t.$i18n("flex.layout.editor."+e))})).join(",")}},{key:"initState",value:function(){return Mg({},kt(this.props.value))}},{key:"setValue",value:function(e){this.setState(Mg({},kt(e)))}},{key:"getValue",value:function(){return bt(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Jr("$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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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:Vf("changeKeyValue"),value:function(e,t,n){this.setState(m()({},e,t),!1),this.modifyData()}}]),t}(Df),Rg=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,Ag=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Gf,NumberInputEditor:bv,InputRangeEditor:lv}}},{key:"getLayoutItemOptions",value:function(){var e=this;return"none,auto,repeat,length".split(",").map((function(t){return"".concat(t,":").concat(e.$i18n("grid.box.editor.".concat(t)))})).join(",")}},{key:"initState",value:function(){return{label:this.props.label,list:this.parseValue(this.props.value)}}},{key:"setValue",value:function(e){this.setState({list:this.parseValue(e)})}},{key:"parseValue",value:function(e){for(var t=null,n=[];null!==(t=Rg.exec(e));){var r=t[0];if("auto"===r)n.push({type:"auto",count:0,value:"0px"});else if(r.includes("repeat")){var i=r.split("repeat(")[1].split(")");i.pop();var a=i.join("").split(","),o=S()(a),s=o[0],c=o.slice(1);n.push({type:"repeat",count:s,value:c.join(", ")})}else n.push({type:"length",count:1,value:r})}return n}},{key:"getValue",value:function(){return this.state.list.map((function(e){return"repeat"===e.type?"repeat(".concat(e.count,", ").concat(e.value,")"):"auto"===e.type||"none"===e.type?e.type:e.value})).join(" ")}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"makeItem",value:function(e,t){return"\n            <div class='item' data-repeat-type='".concat(e.type,"' data-index='").concat(t,"' >\n                <div class='repeat'>\n                    <object refClass=\"SelectEditor\" \n                        ref='$").concat(t,"-type' \n                        options=\"").concat(this.getLayoutItemOptions(),'" \n                        key="type" \n                        value="').concat(e.type||"auto",'" \n                        params="').concat(t,'" \n                        onchange="changeKeyValue" />\n                </div>\n                <div class=\'count\'>\n                    <object refClass="NumberInputEditor" \n                        ref=\'$').concat(t,'-count\' \n                        key="count" \n                        value="').concat(e.count,'" \n                        params="').concat(t,"\" \n                        max='1000'\n                        onchange=\"changeKeyValue\" />\n                </div>                \n                <div class='value'>\n                    <object refClass=\"InputRangeEditor\" \n                        ref='$").concat(t,'-value\' \n                        key="value" \n                        value="').concat(e.value,'" \n                        params="').concat(t,"\" \n                        units='auto,fr,px,em,%'\n                        onchange=\"changeKeyValue\" />\n                </div>\n                <div class='tools'>\n                    <button type=\"button\" class='copy'>").concat(kf.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(kf.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:Jr("$list"),value:function(){var e=this;return this.state.list.map((function(t,n){return e.makeItem(t,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(kf.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:pr("$list .remove"),value:function(e){var t=+e.$dt.closest("item").attr("data-index");this.state.list.splice(t,1),this.refresh(),this.modifyData()}},{key:pr("$list .copy"),value:function(e){var t=+e.$dt.closest("item").attr("data-index"),n=clone(this.state.list[t]);this.state.list.splice(t,0,n),this.refresh(),this.modifyData()}},{key:pr("$add"),value:function(){this.trigger("add")}},{key:Vf("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:Vf("changeKeyValue"),value:function(e,t,n){var r=+n,i=this.state.list[r];i&&("type"===e&&this.refs.$list.$('[data-index="'.concat(r,'"]')).attr("data-repeat-type",t),i[e]=t),this.modifyData()}}]),t}(Df),zg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Hf}}},{key:"initState",value:function(){return{label:this.props.label,value:this.parseValue(this.props.value)}}},{key:"setValue",value:function(e){this.setState({list:this.parseValue(e)})}},{key:"parseValue",value:function(e){return nr.parse(e)}},{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                    <object refClass=\"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:Jr("$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:Vf("changeKeyValue"),value:function(e,t){this.state.value=t,this.modifyData()}}]),t}(Df);function Fg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Bg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Fg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Fg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Gg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectIconEditor:gg,GridBoxEditor:Ag,GridGapEditor:zg}}},{key:"initState",value:function(){return Bg({},kt(this.props.value))}},{key:"setValue",value:function(e){this.setState(Bg({},kt(e)))}},{key:"getValue",value:function(){return bt(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Jr("$body"),value:function(){return"\n            <div class='grid-layout-item'>\n                <object refClass=\"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                <object refClass=\"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                <object refClass=\"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                <object refClass=\"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:Vf("changeKeyValue"),value:function(e,t,n){this.setState(m()({},e,t),!1),this.modifyData()}}]),t}(Df);function Hg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Ng=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectIconEditor:gg}}},{key:"initState",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Hg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Hg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},kt(this.props.value))}},{key:"setValue",value:function(e){this.setState(kt(e))}},{key:"getValue",value:function(){return bt(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Jr("$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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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:Vf("changeKeyValue"),value:function(e,t,n){this.setState(m()({},e,t),!1),this.modifyData()}}]),t}(Df);function Xg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Yg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectIconEditor:gg}}},{key:"initState",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Xg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Xg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},kt(this.props.value))}},{key:"setValue",value:function(e){this.setState(kt(e))}},{key:"getValue",value:function(){return bt(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Jr("$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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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:Vf("changeKeyValue"),value:function(e,t,n){this.setState(m()({},e,t),!1),this.modifyData()}}]),t}(Df);function _g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Kg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_g(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Wg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{index:this.props.index,x:nr.parse(this.props.x),y:nr.parse(this.props.y),width:nr.parse(this.props.width),height:nr.parse(this.props.height),lineWidth:nr.parse(this.props.linewidth),lineHeight:nr.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 e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyValue(e)}},{key:"modifyValue",value:function(e){this.parent.trigger(this.props.onchange,this.props.key,e,this.state.index)}},{key:"setValue",value:function(e){this.setState(Kg({},e))}},{key:ni("$miniView"),value:function(){var e=Kg({},this.state);return this.state.width.value>80&&(e.width=nr.px(80),e.x=nr.px(e.x.value/this.state.width.value/80)),this.state.height.value>80&&(e.height=nr.px(80),e.y=nr.px(this.state.y.value/this.state.height.value/80)),{cssText:Dc.parse(e).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:pr("$preview"),value:function(e){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showPatternInfoPopup",{changeEvent:"changePatternInfo",data:this.state,instance:this})}},{key:Vf("changePatternInfo"),value:function(e){this.updateData(Kg({},e))}}]),t}(Df),Ug=[{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)"}]}}],Zg={MediaProgressEditor:Wv,BlendSelectEditor:tg,PatternEditor:function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Gf,ColorSingleEditor:_f,PatternSizeEditor:Wg}}},{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(e){return Dc.parseStyle(e)}},{key:"setValue",value:function(e){this.setState({value:e,patterns:this.parsePattern(e)})}},{key:"template",value:function(){var e=this.state.hideLabel?"hide":"";return("\n            <div class='pattern-editor' >\n                <div class='label ".concat(e,"'>\n                    <label>").concat(this.props.title||"","</label>\n                    <div class='tools'>\n                        <button type=\"button\" ref='$add'>").concat(kf.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        "))}},{key:Jr("$patternList"),value:function(){var e=this;return this.state.patterns.map((function(t,n){var r=t.selected?"selected":"";return t.selected&&(e.selectedIndex=n),"\n            <div class='pattern-item ".concat(r,"' data-index='").concat(n,"' ref=\"fillIndex").concat(n,'"  draggable=\'true\'>\n                <object refClass="PatternSizeEditor" \n                    key="pattern-size"\n                    ref="$bp').concat(n,'"\n                    type="').concat(t.type,'"\n                    x="').concat(t.x,'"\n                    y="').concat(t.y,'"\n                    width="').concat(t.width,'"\n                    height="').concat(t.height,'"\n                    index="').concat(n,'"\n                    foreColor="').concat(t.foreColor,'"\n                    backColor="').concat(t.backColor,'"\n                    blendMode="').concat(t.blendMode,'"\n                    lineWidth="').concat(t.lineWidth,'"\n                    lineHeight="').concat(t.lineHeight,"\"\n                    onchange='changePatternSizeInfo' />\n                <div class='tools'>\n                    <button type=\"button\" class='remove' title='Remove a pattern' data-index='").concat(n,"'>").concat(kf.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var e=Dc.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,e)}},{key:Vf("add"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",t=Ug.find((function(t){return t.key===e}));t&&(this.state.patterns.push.apply(this.state.patterns,Dc.parseStyle(t.execute()[0].pattern)),this.refresh(),this.modifyPattern())}},{key:pr("$add"),value:function(){this.trigger("add")}},{key:yr("$patternList .pattern-item"),value:function(e){this.startIndex=+e.$dt.attr("data-index")}},{key:mr("$patternList .pattern-item")+Zr,value:function(e){}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortPattern",value:function(e,t){this.sortItem(this.state.patterns,e,t)}},{key:gr("$patternList .pattern-item")+Zr,value:function(e){var t=+e.$dt.attr("data-index");this.selectItem(this.startIndex,!0),this.sortPattern(this.startIndex,t),this.modifyPattern(),this.refresh()}},{key:"getCurrentPattern",value:function(){return this.state.patterns[this.selectedIndex]}},{key:pr("$patternList .tools .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.state.patterns.splice(t,1),this.modifyPattern(),this.refresh()}},{key:"selectItem",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t?this.refs["fillIndex".concat(e)].addClass("selected"):this.refs["fillIndex".concat(e)].removeClass("selected"),this.state.patterns.forEach((function(t,n){t.selected=n===e}))}},{key:Vf("changePatternSizeInfo")+Yr(10),value:function(e,t,n){this.state.patterns[n].reset(t),this.modifyPattern(),this.refresh()}}]),t}(Df),PatternSizeEditor:Wg,GridGapEditor:zg,NumberInputEditor:bv,GridLayoutItemEditor:Yg,GridBoxEditor:Ag,FlexLayoutItemEditor:Ng,GridLayoutEditor:Gg,FlexLayoutEditor:Lg,TextAreaEditor:Dg,ColorMatrixEditor:qy,FuncFilterEditor:Wy,SVGFilterSelectEditor:Vg,FillEditor:Tg,FillSingleEditor:Sg,BorderEditor:Kv,BorderValueEditor:Xv,GradientSingleEditor:wg,BackgroundPositionEditor:kg,OffsetPathListEditor:Bv,PolygonDataEditor:Fv,PathDataEditor:zv,StrokeDashArrayEditor:Rv,InputRangeEditor:lv,SelectIconEditor:gg,ImageSelectEditor:Qy,IconListViewEditor:dg,InputArrayEditor:Qv,DirectionEditor:yg,SVGClipPathEditor:fg,NumberRangeEditor:Iv,TextEditor:Jv,SVGFilterEditor:pg,CircleEditor:qv,BackgroundImageEditor:Ff,BoxShadowEditor:Bf,BorderRadiusEditor:Yf,ColorSingleEditor:_f,ColorViewEditor:Kf,CubicBezierEditor:Wf,FilterEditor:cv,GradientEditor:vv,IterationCountEditor:gv,OffsetEditor:Zv,CSSPropertyEditor:Uv,PerspectiveOriginEditor:Dv,RangeEditor:Hf,SelectEditor:Gf,TextShadowEditor:Lv,TransformEditor:Pv,TransformOriginEditor:Cv,VarEditor:mv},qg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return Zg}},{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(kf.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:pr("$close"),value:function(){this.$el.hide()}},{key:Cr("$title")+Wr("movePopupTitle")+Ur("endPopupTitle"),value:function(){this.x=nr.parse(this.$el.css("left")),this.y=nr.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(e,t){var n=nr.px(this.x.value+e),r=nr.px(this.y.value+t);this.$el.css({left:n,top:r,right:"auto",bottom:"auto"})}},{key:"show",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:200,t=28,n=320,r=this.$el.css("top"),i=this.$el.css("left"),a="auto"!==r?nr.parse(r):nr.px(110),o="auto"!==i?nr.parse(i):nr.px(document.body.clientWidth-n-t-e);this.$el.css({top:a,left:o,"z-index":this.$editor.zIndex}).show("inline-block")}},{key:"hide",value:function(){this.$el.hide()}},{key:Vf("hidePropertyPopup"),value:function(){this.hide()}}]),t}(Df);function Jg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Qg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:nr.z(),offsetY:nr.z(),blurRadius:nr.z(),spreadRadius:nr.z()}}},{key:"updateData",value:function(e){this.setState(e,!1),this.emit(this.changeEvent,e,this.state.params)}},{key:"getBody",value:function(){return"<div class='box-shadow-property-popup' ref='$popup'></div>"}},{key:Jr("$popup"),value:function(){return'\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=\"popup-item offset-x\">\n          <object refClass=\"RangeEditor\"  ref='$offsetX' label='X' key='offsetX' value=\"").concat(this.state.offsetX,"\" onchange='changeRangeEditor' />\n        </div>\n        <div class=\"popup-item offset-y\">\n          <object refClass=\"RangeEditor\"  ref='$offsetY' label='Y' key='offsetY' value=\"").concat(this.state.offsetY,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class=\"popup-item blur-radius\">\n          <object refClass=\"RangeEditor\"  ref='$blurRadius' label='Blur' key='blurRadius' value=\"").concat(this.state.blurRadius,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class=\"popup-item spread-radius\">\n          <object refClass=\"RangeEditor\"  ref='$spreadRadius' label='Spread' key='spreadRadius' value=\"").concat(this.state.spreadRadius,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class='popup-item'>\n          <object refClass=\"ColorViewEditor\" \n              ref='$foreColor' \n              label=\"color\" \n              key='color' \n              value=\"").concat(this.state.color,'"\n              onchange="changeRangeEditor" />\n        </div>        \n      </div>\n    ')}},{key:pr("$popup .select button"),value:function(e){var t=e.$dt.attr("data-value");this.getRef("$type").attr("data-selected-value",t),this.updateData({inset:"inset"===t})}},{key:Cr("$popup .drag-board")+Wr("movePointer"),value:function(e){this.offsetX=e.offsetX,this.offsetY=e.offsetY;var t=this.getRef("$dragBoard").rect();this.boardWidth=t.width,this.boardHeight=t.height}},{key:"refreshPointer",value:function(){this.getRef("$pointer").css({left:this.state.offsetX,top:this.state.offsetY})}},{key:"movePointer",value:function(e,t){var n=this.offsetX+e,r=this.offsetY+t,i=this.boardWidth/2,a=this.boardHeight/2,o=n-i,s=r-a;o<-i?o=-i:o>i&&(o=i),s<-a?s=-a:s>a&&(s=a),o=Math.floor(o),s=Math.floor(s),this.getRef("$offsetX").val(o),this.getRef("$offsetY").val(s),this.updateData({offsetX:nr.px(o),offsetY:nr.px(s)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:Vf("changeRangeEditor"),value:function(e,t){this.updateData(m()({},e,t)),"offsetX"!==e&&"offsetY"!==e||this.refreshPointer()}},{key:Vf("showBoxShadowPropertyPopup"),value:function(e,t){this.changeEvent=e.changeEvent||"changeBoxShadowPropertyPopup",this.setState(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Jg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Jg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e,{params:t})),this.refresh(),this.show(432)}},{key:Vf("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}]),t}(qg);ki({BoxShadowPropertyPopup:Qg});var em=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:nr.z(),offsetY:nr.z(),blurRadius:nr.z()}}},{key:"updateData",value:function(e){this.setState(e,!1),this.emit(this.changeEvent,e,this.params)}},{key:"getBody",value:function(){return"<div class='text-shadow-property-popup' ref='$popup'></div>"}},{key:Jr("$popup"),value:function(){return'\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 class='popup-item'>\n          <object refClass=\"RangeEditor\"  ref='$offsetX' label='Offset X' key='offsetX' min=\"-100\" max='100' value='").concat(this.state.offsetX,"' onchange='changeShadow' />\n        </div>\n        <div class='popup-item'>\n          <object refClass=\"RangeEditor\"  ref='$offsetY' label=\"Offset Y\" key='offsetY' min=\"-100\" max='100' value='").concat(this.state.offsetY,"' onchange='changeShadow' />\n        </div>\n        <div class='popup-item'>\n          <object refClass=\"RangeEditor\"  ref='$blurRadius' label=\"Blur Radius\" key='blurRadius' value='").concat(this.state.blurRadius,"' onchange='changeShadow' />\n        </div>\n        <div class='popup-item'>\n          <object refClass=\"ColorViewEditor\" \n              ref='$foreColor' \n              label=\"color\" \n              key='color' \n              value=\"").concat(this.state.color,'"\n              onchange="changeShadow" />\n        </div>        \n      </div>\n    ')}},{key:Vf("changeShadow"),value:function(e,t){this.updateData(m()({},e,t)),"offsetX"!==e&&"offsetY"!==e||this.refreshPointer()}},{key:Cr("$popup .drag-board")+Wr("movePointer"),value:function(e){this.offsetX=e.offsetX,this.offsetY=e.offsetY;var t=this.getRef("$dragBoard").rect();this.boardWidth=t.width,this.boardHeight=t.height}},{key:"refreshPointer",value:function(){this.getRef("$pointer").css({left:this.state.offsetX,top:this.state.offsetY})}},{key:"movePointer",value:function(e,t){var n=this.offsetX+e,r=this.offsetY+t,i=this.boardWidth/2,a=this.boardHeight/2,o=n-i,s=r-a;o<-i?o=-i:o>i&&(o=i),s<-a?s=-a:s>a&&(s=a),o=Math.floor(o),s=Math.floor(s),this.updateData({offsetX:nr.px(o),offsetY:nr.px(s)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:Vf("showTextShadowPropertyPopup"),value:function(e,t){this.changeEvent=e.changeEvent||"changeTextShadowPropertyPopup",this.params=t,this.setState(e,!1),this.refresh(),this.show(432)}},{key:Vf("hideTextShadowPropertyPopup"),value:function(){this.hide()}}]),t}(qg);function tm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({TextShadowPropertyPopup:em});var nm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"components",value:function(){return{SelectEditor:Gf,CubicBezierEditor:Wf,RangeEditor:Hf,IterationCountEditor:gv}}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{}}}},{key:"updateData",value:function(e){this.state.data=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tm(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},this.state.data,{},e),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='animation-property-popup' ref='$popup'></div>"}},{key:Jr("$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      <object refClass="CubicBezierEditor" ref=\'$cubicBezierEditor\' key="timingFunction" value="').concat(this.state.data.timingFunction||"linear","\" 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:Jr("$name"),value:function(){var e=this,t=this.$selection.currentProject,n=[];return t&&t.keyframes&&(n=t.keyframes.map((function(e){return{key:e.name,value:e.name}}))),n.unshift({key:"Select a keyframe",value:""}),n.map((function(t){var n=t.value===e.name?"selected":"",r=e.$i18n(t.key);return"<option value='".concat(t.value,"' ").concat(n,">").concat(r,"</option>")}))}},{key:kr("$name"),value:function(){this.updateData({name:this.refs.$name.value})}},{key:"templateForDirection",value:function(){var e=this,t="normal,reverse,alternate,alternate-reverse".split(",").map((function(t){return"".concat(t,":").concat(e.$i18n(t))})).join(",");return"\n      <div class='direction'>\n        <object refClass=\"SelectEditor\"  \n            label='".concat(this.$i18n("animation.property.popup.direction"),"'\n            ref='$direction' \n            key='direction' \n            value=\"").concat(this.state.data.direction,"\"\n            options='").concat(t,"'\n            onChange='changeSelect'\n        /> \n      </div>\n    ")}},{key:Vf("changeSelect"),value:function(e,t){this.updateData(m()({},e,t))}},{key:"templateForPlayState",value:function(){return"\n    <div class='play-state'>\n      <object refClass=\"SelectEditor\"  \n          label='".concat(this.$i18n("animation.property.popup.play.state"),"'\n          ref='$playState' \n          key='playState' \n          value=\"").concat(this.state.data.playState,"\"\n          options='").concat(["paused","running"],"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForFillMode",value:function(){var e=this,t="none,forwards,backwards,both".split(",").map((function(t){return"".concat(t,":").concat(e.$i18n(t))})).join(",");return"\n    <div class='fill-mode'>\n      <object refClass=\"SelectEditor\"  \n          label='".concat(this.$i18n("animation.property.popup.fill.mode"),"'\n          ref='$fillMode' \n          key='fillMode' \n          value=\"").concat(this.state.data.fillMode,"\"\n          options='").concat(t,"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <object refClass=\"RangeEditor\"  \n        ref='$delay' \n        label='".concat(this.$i18n("animation.property.popup.delay"),"' \n        calc='false' \n        key='delay' \n        value='").concat(this.state.data.delay,"' \n        units='s,ms' \n        onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <object refClass=\"RangeEditor\"  \n        ref='$duration' \n        label='".concat(this.$i18n("animation.property.popup.duration"),"'  \n        key='duration' \n        value='").concat(this.state.data.duration,"' \n        units='s,ms' \n        onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForIterationCount",value:function(){return"\n      <div class='iteration-count'>\n        <object refClass=\"IterationCountEditor\"\n          ref='$iterationCount' \n          label='".concat(this.$i18n("animation.property.popup.iteration"),"' \n          key='iterationCount' \n          value='").concat(this.state.iterationCount||"0","' \n          units='normal,infinite' \n          onChange=\"changeRangeEditor\" \n        />\n      </div>\n    ")}},{key:Vf("changeRangeEditor"),value:function(e,t){"iterationCount"===e&&(t="normal"===t.unit?nr.number(t.value):nr.string(t.unit)),this.updateData(m()({},e,t))}},{key:Vf("changeCubicBezier"),value:function(e,t){this.updateData(m()({},e,t))}},{key:Vf("showAnimationPropertyPopup"),value:function(e){this.setState(e),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",e.data.timingFunction)}},{key:Vf("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}]),t}(qg);ki({AnimationPropertyPopup:nm});var rm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{key:"components",value:function(){return{OffsetEditor:Zv}}},{key:"initState",value:function(){return{name:"none",offsets:[]}}},{key:"updateData",value:function(e){this.setState(e,!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        <object refClass=\"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:xr("$name"),value:function(e){if(!this.refs.$name.value.match(/^[a-zA-Z0-9\b]+$/))return e.preventDefault(),e.stopPropagation(),!1;this.updateData({name:this.refs.$name.value})}},{key:"getOffsetData",value:function(){return{offsets:this.state.offsets.map((function(e){return e}))}}},{key:"refresh",value:function(){this.refs.$name.val(this.state.name),this.emit("showOffsetEditor",this.getOffsetData())}},{key:Vf("changeOffsetEditor"),value:function(e){this.updateData(e)}},{key:Vf("showKeyframePopup"),value:function(e){this.setState(e),this.refresh(),this.show(240)}},{key:Vf("hideKeyframePopup"),value:function(){this.$el.hide()}}]),t}(qg);ki({KeyframePopup:rm});var im=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{DirectionEditor:yg,RangeEditor:Hf}}},{key:"parseValue",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.split("round"),n=k()(t,2),r=n[0],i=n[1],a=qo.parse(r),o=k()(a,5),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4];if(i)var p=qo.parse(i),d=k()(p,5),f=d[0],v=d[1],y=d[2],g=d[3],m=d[4];return{isAll:1===s,top:c,right:l,bottom:u,left:h,round:i,isAllRadius:1===f,topRadius:v,rightRadius:y,bottomRadius:g,leftRadius:m}}},{key:"initState",value:function(){return this.parseValue(this.props.value)}},{key:"template",value:function(){var e=this.state,t=e.top,n=e.right,r=e.bottom,i=e.left,a=e.round,o=nr.percent(Math.abs((i.value-(100-n.value))/2)).toPx(220),s=t.toPx(220),c=o.clone(),l=nr.percent(100-r.value).toPx(220),u=nr.percent(100-n.value).toPx(220),h=nr.percent(Math.abs((t.value-(100-r.value))/2)).toPx(220),p=i.toPx(220),d=nr.percent(Math.abs((t.value-(100-r.value))/2)).toPx(220),f=a?"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(o,";top: ").concat(s,";'></div>\n                <div class='drag-pointer' data-type='right' ref='$right' style='left: ").concat(u,";top: ").concat(h,";'></div>\n                <div class='drag-pointer' data-type='bottom' ref='$bottom' style='left: ").concat(c,";top: ").concat(l,";'></div>\n                <div class='drag-pointer' data-type='left' ref='$left' style='left: ").concat(p,";top: ").concat(d,";'></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(s,";width: ").concat(nr.px(u.value-i.value),";height: ").concat(nr.px(l.value-s.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(f," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:ni("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:pr("$hasRound"),value:function(e){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:Jr("$round"),value:function(){var e=this.state,t=[e.topRadius,e.rightRadius,e.bottomRadius,e.leftRadius].join(" ");return"<object refClass=\"DirectionEditor\" ref='$borderRadius' value='".concat(t,"' onchange='changeBorderRadius' />")}},{key:Vf("changeBorderRadius"),value:function(e){var t=k()(e,5),n=t[0],r=t[1],i=t[2],a=t[3],o=t[4];this.updateData({isAllRadius:1===n,topRadius:r,rightRadius:i,bottomRadius:a,leftRadius:o}),this.bindData("$clipAreaView")}},{key:"refreshPointer",value:function(){var e=this.state,t=e.top,n=e.right,r=e.bottom,i=e.left,a=Math.abs((i.value+(100-n.value))/2),o=Math.abs((t.value+(100-r.value))/2),s=nr.percent(a).toPx(220),c=t.toPx(220),l=nr.percent(a).toPx(220),u=nr.percent(100-r.value).toPx(220),h=nr.percent(100-n.value).toPx(220),p=nr.percent(o).toPx(220),d=i.toPx(220),f=nr.percent(o).toPx(220);this.refs.$top.css({left:s,top:c}),this.refs.$right.css({left:h,top:p}),this.refs.$bottom.css({left:l,top:u}),this.refs.$left.css({left:d,top:f}),this.refs.$clipArea.css({left:d,top:c,width:nr.px(h.value-d.value),height:nr.px(u.value-c.value)}),this.bindData("$clipAreaView")}},{key:Cr("$area .clip-area-handle")+Wr("moveClipArea"),value:function(e){this.type=e.$dt.attr("data-type"),this.$target=e.$dt,this.areaRect=this.refs.$area.rect(),this.startXY=e.xy,this.clipRect={left:nr.parse(this.$target.css("left")),top:nr.parse(this.$target.css("top")),width:nr.parse(this.$target.css("width")),height:nr.parse(this.$target.css("height"))}}},{key:"moveClipArea",value:function(e,t){var n=this.clipRect.width.value,r=this.clipRect.height.value,i=this.clipRect.left.value+e,a=this.clipRect.top.value+t;0>i?i=0:this.areaRect.width<i+n&&(i=this.areaRect.width-n),0>a?a=0:this.areaRect.height<a+r&&(a=this.areaRect.height-r);var o=nr.px(i),s=nr.px(a);this.updateData({top:s.toPercent(this.areaRect.height).round(100),bottom:nr.px(this.areaRect.height-(a+r)).toPercent(this.areaRect.height).round(100),right:nr.px(this.areaRect.width-(i+n)).toPercent(this.areaRect.width).round(100),left:o.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:Cr("$area .drag-pointer")+Wr(),value:function(e){this.type=e.$dt.attr("data-type"),this.$target=e.$dt,this.areaRect=this.refs.$area.rect(),this.startXY=e.xy}},{key:"move",value:function(e,t){var n=this.startXY.x+e,r=this.startXY.y+t;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 i=nr.px(n-this.areaRect.x),a=nr.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:a.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:nr.px(this.areaRect.height-a.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:nr.px(this.areaRect.width-i.value).toPercent(this.areaRect.width).round(100)}):"left"===this.type&&this.updateData({left:i.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:"toClipPathValueString",value:function(){var e=this.state,t=e.top,n=e.right,r=e.left,i=e.bottom,a=e.round,o=e.topRadius,s=e.leftRadius,c=e.bottomRadius,l=e.rightRadius,u=[t,n,i,r].join(" "),h=[o,l,c,s].join(" ");return"".concat(u," ").concat(a&&h.trim()?"round ".concat(h):"")}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),t}(Df);function am(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var om=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Hf}}},{key:"parseValue",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=220,n=220;return e.split(",").filter((function(e){return e.trim()})).map((function(e){var r=e.trim().split(" "),i=k()(r,2),a=i[0],o=i[1];return{x:nr.parse(a).toPx(t),y:nr.parse(o).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:Jr("$inputList"),value:function(){return this.state.value.map((function(e,t){return"\n            <div class='pointer-item' data-index=\"".concat(t,"\">\n                <div class='input-item'>\n                    <label>X</label><input type='number' class='x' value=\"").concat(e.x.value.toString(),"\" /><span>%</span>\n                </div>\n                <div class='input-item'>\n                    <label>Y</label><input type='number' class='y' value=\"").concat(e.y.value.toString(),"\" /><span>%</span>\n                </div>\n                <div class='tools'>\n                    <button type=\"button\" class='copy' data-index=\"").concat(t,'">').concat(kf.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(t,'">').concat(kf.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:pr("$area")+Zr,value:function(e){if(rr.create(e.target).is(this.refs.$area)){this.areaRect=this.refs.$area.rect();var t=e.xy,n=t.x,r=t.y;this.appendValue({x:nr.px(n-this.areaRect.left),y:nr.px(r-this.areaRect.top)}),this.refresh()}}},{key:pr("$inputList .pointer-item .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.removeValue(t),this.refresh()}},{key:pr("$inputList .pointer-item .copy"),value:function(e){var t=+e.$dt.attr("data-index");this.copyValue(t),this.refresh()}},{key:ni("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:Jr("$list"),value:function(){var e=this;return this.state.value.map((function(t,n){var r=[0===n?"first":"",n===e.state.value.length-1?"last":""].filter((function(e){return e})).join(" ");return"<div class='drag-pointer ".concat(r,"' data-index=\"").concat(n.toString(),"\" style='left: ").concat(t.x,";top: ").concat(t.y,";'></div>")}))}},{key:pr("$area .drag-pointer")+Nr+Zr,value:function(e){var t=+e.$dt.attr("data-index");this.removeValue(t),this.refresh()}},{key:Cr("$area .drag-pointer")+Wr(),value:function(e){this.selectedIndex=+e.$dt.attr("data-index"),this.$target=e.$dt,this.areaRect=this.refs.$area.rect(),this.startXY=e.xy,this.$value=this.state.value[this.selectedIndex];var t=this.refs.$inputList;this.$x=t.$('.pointer-item[data-index="'.concat(this.selectedIndex,'"] input.x')),this.$y=t.$('.pointer-item[data-index="'.concat(this.selectedIndex,'"] input.y'))}},{key:"move",value:function(e,t){var n=this.startXY.x+e,r=this.startXY.y+t;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 i=nr.px(n-this.areaRect.x),a=nr.px(r-this.areaRect.y);this.$target.css({left:i,top:a}),this.updateValue(this.selectedIndex,{x:i,y:a});this.$x.val(i.toPercent(220).round(10).value),this.$y.val(a.toPercent(220).round(10).value),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){return this.state.value.map((function(e){return"".concat(e.x.toPercent(220).round(10)," ").concat(e.y.toPercent(220).round(10))})).join(",")}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"appendValue",value:function(e){this.state.value.push(e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"removeValue",value:function(e){this.state.value.splice(e,1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"copyValue",value:function(e){var t=this.state.value[e],n=t.x,r=t.y;this.state.value.splice(e+1,0,{x:nr.px(n.value+10),y:nr.px(r.value+10)}),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"updateValue",value:function(e,t){this.state.value[e]=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?am(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):am(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},this.state.value[e],{},t),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),t}(Df),sm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Hf}}},{key:"parseValue",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50%",t="50% 50%",n="";if((e=e||"50%").includes("at")){var r=e.split("at").map((function(e){return e.trim()})),i=k()(r,2);t=i[0],n=i[1]}else n=e.trim();var a=n.split(" "),o=k()(a,2),s=o[0],c=o[1];et(c)&&(c=s),s=nr.parse(s),c=nr.parse(c);var l=t.split(" "),u=k()(l,2),h=u[0],p=u[1];return et(p)&&(p=h),{radiusX:h=nr.parse(h),radiusY:p=nr.parse(p),x:s,y:c}}},{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                <object refClass=\"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                <object refClass=\"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:ni("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:Cr("$area")+Wr()+Ur(),value:function(e){this.areaRect=this.refs.$area.rect(),this.startXY=e.xy}},{key:"move",value:function(e,t){var n=this.startXY.x+e,r=this.startXY.y+t;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 i=nr.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=nr.percent((r-this.areaRect.y)/this.areaRect.height*100).round(1);this.refs.$pointer.css({left:i,top:a}),this.updateData({x:i,y:a}),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){var e=this.state,t=e.x,n=e.y,r=e.radiusX,i=e.radiusY,a="".concat(t," ").concat(n),o="".concat(r," ").concat(i);return"".concat(o," at ").concat(a)}},{key:"updateData",value:function(e){this.setState(e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:Vf("changeRangeEditor"),value:function(e,t){this.updateData(m()({},e,t.clone()))}}]),t}(Df),cm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"ClipPath"}},{key:"components",value:function(){return{EllipseEditor:sm,PolygonEditor:om,InsetEditor:im,SelectEditor:Gf,CircleEditor:qv}}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return ts.toCSS(this.state)}},{key:"updateData",value:function(e){this.setState(e,!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:Jr("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:Jr("$clippath"),value:function(){switch(this.state.type){case"circle":return"<object refClass=\"CircleEditor\" ref='$circle' key='circle' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"ellipse":return"<object refClass=\"EllipseEditor\" ref='$ellipse' key='ellipse' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"inset":return"<object refClass=\"InsetEditor\" ref='$inset' key='inset' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"polygon":return"<object refClass=\"PolygonEditor\" ref='$polygon' key='polygon' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"path":return"<object refClass=\"PathEditor\" ref='$path' key='path' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"svg":var e=(this.$selection.currentProject||{svg:[]}).svg.filter((function(e){return"clip-path"===e.type})).map((function(e){return e.name})).join(",");return e.length&&(e=","+e),"<object refClass=\"SelectEditor\"  ref='$svg' key='svg' value='".concat(this.state.value,"' options='").concat(e,"' onchange='changeClipPath' />");default:return"<div class='type none'></div>"}}},{key:Vf("changeClipPath"),value:function(e,t){this.updateData({type:e,value:t})}},{key:Vf("showClipPathPopup"),value:function(e){this.state.changeEvent=e.changeEvent,this.setState(ts.parseStyle(e["clip-path"])),this.refresh(),this.show(220)}},{key:Vf("hideClipPathPopup"),value:function(){this.hide()}}]),t}(qg);function lm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({ClipPathPopup:cm});var um=["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","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"],hm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"Transition"}},{key:"components",value:function(){return{SelectEditor:Gf,CubicBezierEditor:Wf,RangeEditor:Hf}}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{timingFunction:"linear",duration:"0s",delay:"0s",name:"all"}}}},{key:"updateData",value:function(e){this.state.data=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?lm(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):lm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},this.state.data,{},e),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='transition-property-popup' ref='$popup'></div>"}},{key:Jr("$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      <object refClass="CubicBezierEditor" ref=\'$cubicBezierEditor\' key="timingFunction" value="'.concat(this.state.data.timingFunction||"linear","\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:Vf("changeTransition"),value:function(e,t){this.updateData(m()({},e,t))}},{key:"templateForProperty",value:function(){return'\n      <div class=\'name\'>\n        <object refClass="SelectEditor"  ref=\'$property\' icon="true" label="Property" key=\'name\' value="'.concat(this.state.data.name,'" options="').concat(um.join(","),"\" onChange='changeTransition' /> \n      </div>\n    ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <object refClass=\"RangeEditor\"  ref='$delay' label='Delay' calc='false' key='delay' value='".concat(this.state.data.delay,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <object refClass=\"RangeEditor\"  ref='$duration' label='Duration'  calc='false' key='duration' value='".concat(this.state.data.duration,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:Vf("changeRangeEditor"),value:function(e,t){this.updateData(m()({},e,t))}},{key:Vf("changeCubicBezier"),value:function(e,t){this.updateData(m()({},e,t))}},{key:Vf("showTransitionPropertyPopup"),value:function(e){this.setState(e),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",e.data.timingFunction)}},{key:Vf("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}]),t}(qg);ki({TransitionPropertyPopup:hm});var pm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"SVG Property"}},{key:"components",value:function(){return{SVGFilterEditor:pg,SVGClipPathEditor:fg}}},{key:"initState",value:function(){return{changeEvent:"changeSVGPropertyPopup",name:"",type:"",value:[]}}},{key:"updateData",value:function(e){this.setState(e,!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:Jr("$editor"),value:function(){switch(this.state.type){case"filter":return'\n          <object refClass="SVGFilterEditor" ref=\'$filter\' title="SVG Filter" key="filter" onchange=\'changeFilterEditor\'>\n            <property name="value" type="json">'.concat(JSON.stringify(this.state.value),"</property>\n          </div>\n        ");case"clip-path":return'\n          <object refClass="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          </div>\n        ")}return""}},{key:Vf("changeFilterEditor"),value:function(e,t){this.updateData({value:t})}},{key:Vf("changeClipPathEditor"),value:function(e,t){this.updateData({value:t})}},{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:xr("$name"),value:function(e){if(!this.refs.$name.value.match(/^[a-zA-Z0-9\b]+$/))return e.preventDefault(),e.stopPropagation(),!1;this.updateData({name:this.refs.$name.value})}},{key:"refresh",value:function(){this.refs.$name.val(this.state.name),this.load()}},{key:Vf("showSVGPropertyPopup"),value:function(e){this.setState(e),this.refresh(),this.show(250)}},{key:Vf("hideSVGPropertyPopup"),value:function(){this.$el.hide()}}]),t}(qg);ki({SVGPropertyPopup:pm});var dm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{key:"components",value:function(){return{CSSPropertyEditor:Uv}}},{key:"initState",value:function(){return{selector:"",properties:[]}}},{key:"updateData",value:function(e){this.setState(e,!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"<object refClass=\"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:xr("$selector"),value:function(e){if(!this.refs.$selector.value.match(/^[a-zA-Z0-9\:\_\-\.\b]+$/))return e.preventDefault(),e.stopPropagation(),!1;this.updateData({selector:this.refs.$selector.value})}},{key:"refresh",value:function(){si()(Xn()(t.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:Vf("changePropertyEditor"),value:function(e){this.updateData({properties:e})}},{key:Vf("showSelectorPopup"),value:function(e){this.setState(e),this.refresh(),this.show(250)}}]),t}(qg);ki({SelectorPopup:dm});var fm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{hue:0,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:ni("$bar"),value:function(){var e=this.state.hue;return{style:{left:nr.percent(e/360*100)},class:{first:e<=this.state.minValue,last:e>=this.state.maxValue}}}},{key:Cr("$container")+Wr("movePointer")+Ur("moveEndPointer"),value:function(e){this.rect=this.refs.$container.rect(),this.refreshColorUI()}},{key:"movePointer",value:function(){this.refreshColorUI()}},{key:"refreshColorUI",value:function(){var e=this.rect.left,t=this.rect.right,n=(Math.max(Math.min(t,this.$config.get("bodyEvent").clientX),e)-e)/(t-e);this.parent.changeColor({h:n*this.state.maxValue,type:"hsv"})}},{key:"setValue",value:function(e){this.setState({hue:e})}}]),t}(Df),vm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{colorbar:Mn.parse("rgba(0, 0, 0, 1)"),opacity:0,minValue:0,maxValue:100}}},{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:ni("$colorbar"),value:function(){var e=ht(this.state.colorbar);e.a=0;var t=Mn.format(e,"rgb");e.a=1;var n=Mn.format(e,"rgb");return{style:{background:"linear-gradient(to right, ".concat(t,", ").concat(n,")")}}}},{key:ni("$bar"),value:function(){var e=100*this.state.opacity;return{style:{left:nr.percent(e)},class:{first:e<=this.state.minValue,last:e>=this.state.maxValue}}}},{key:Cr("$container")+Wr("movePointer")+Ur("moveEndPointer"),value:function(e){this.rect=this.refs.$container.rect(),this.refreshColorUI()}},{key:"movePointer",value:function(){this.refreshColorUI()}},{key:"refreshColorUI",value:function(){var e=this.rect.left,t=this.rect.right,n=(Math.max(Math.min(t,this.$config.get("bodyEvent").clientX),e)-e)/(t-e);this.parent.changeColor({a:n})}},{key:"setValue",value:function(e,t){this.setState({opacity:t,colorbar:e})}}]),t}(Df),ym=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{value:"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return"<div class='color'></div>"}},{key:ni("$el"),value:function(){return{style:{"background-color":this.state.value}}}},{key:"setValue",value:function(e){this.setState({value:e})}}]),t}(Df),gm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(e){this.format=e,this.initFormat()}},{key:"initFormat",value:function(){var e=this,t=this.format||"hex";["hex","rgb","hsl"].filter((function(e){return e!==t})).forEach((function(t){e.$el.removeClass(t)})),this.$el.addClass(t)}},{key:"nextFormat",value:function(){var e=this.format||"hex",t="hex";"hex"==e?t="rgb":"rgb"==e?t="hsl":"hsl"==e&&(t=1==this.parent.alpha?"hex":"rgb"),this.format=t,this.initFormat(),this.parent.changeFormat(this.format)}},{key:"goToFormat",value:function(e){this.format=e,"rgb"!==e&&"hsl"!==e||this.initFormat(),this.parent.changeFormat(this.format)}},{key:"getFormat",value:function(){return this.format||"hex"}},{key:"changeRgbColor",value:function(){this.parent.lastUpdateColor({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.lastUpdateColor({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:xr("$rgb_r"),value:function(e){this.changeRgbColor()}},{key:xr("$rgb_g"),value:function(e){this.changeRgbColor()}},{key:xr("$rgb_b"),value:function(e){this.changeRgbColor()}},{key:xr("$rgb_a"),value:function(e){this.changeRgbColor()}},{key:xr("$hsl_h"),value:function(e){this.changeHslColor()}},{key:xr("$hsl_s"),value:function(e){this.changeHslColor()}},{key:xr("$hsl_l"),value:function(e){this.changeHslColor()}},{key:xr("$hsl_a"),value:function(e){this.changeHslColor()}},{key:vr("$hexCode"),value:function(e){var t=this.refs.$hexCode.val();"#"!=t.charAt(0)||7!=t.length&&9!==t.length||(this.parent.initColor(t),this.emit("lastUpdateColor"))}},{key:pr("$formatChangeButton"),value:function(e){this.nextFormat()}},{key:pr("$el .information-item.hex .input-field .title"),value:function(e){this.goToFormat("hex")}},{key:pr("$el .information-item.rgb .input-field .title"),value:function(e){this.goToFormat("hsl")}},{key:pr("$el .information-item.hsl .input-field .title"),value:function(e){this.goToFormat("rgb")}},{key:"setRGBInput",value:function(){this.refs.$rgb_r.val(this.manager.rgb.r),this.refs.$rgb_g.val(this.manager.rgb.g),this.refs.$rgb_b.val(this.manager.rgb.b),this.refs.$rgb_a.val(this.manager.alpha)}},{key:"setHSLInput",value:function(){this.refs.$hsl_h.val(this.manager.hsl.h),this.refs.$hsl_s.val(this.manager.hsl.s),this.refs.$hsl_l.val(this.manager.hsl.l),this.refs.$hsl_a.val(this.manager.alpha)}},{key:"setHexInput",value:function(){this.refs.$hexCode.val(this.manager.toString("hex"))}},{key:"setValue",value:function(){this.refresh()}},{key:"refresh",value:function(){this.setCurrentFormat(this.manager.format),this.setRGBInput(),this.setHSLInput(),this.setHexInput()}},{key:"manager",get:function(){return this.parent.manager}}]),t}(Df),mm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{hueColor:"rgba(0, 0, 0, 1)",s:0,v:0}}},{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:"afterRender",value:function(){this.rect=this.$el.rect()}},{key:ni("$el"),value:function(){return{style:{"background-color":this.state.hueColor}}}},{key:ni("$drag_pointer"),value:function(){0===this.rect.width&&(this.rect=this.$el.rect());var e=this.rect.width*this.state.s,t=this.rect.height*(1-this.state.v);return{style:{left:nr.px(e),top:nr.px(t)}}}},{key:Cr("$el")+Wr("movePointer")+Ur("moveEndPointer"),value:function(e){this.rect=this.$el.rect(),this.refreshColorUI()}},{key:"movePointer",value:function(){this.refreshColorUI()}},{key:"moveEndPointer",value:function(){this.parent.changeEndColor()}},{key:"refreshColorUI",value:function(){var e=this.$config.get("bodyEvent"),t=this.rect.left,n=this.rect.right,r=this.rect.top,i=this.rect.bottom,a=i-r,o=(Math.min(n,Math.max(t,e.clientX))-t)/(n-t),s=(a-(Math.min(i,Math.max(r,e.clientY))-r))/a;this.parent.changeColor({type:"hsv",s:o,v:s})}},{key:"setValue",value:function(e,t,n){this.setState({s:e,v:t,hueColor:n})}}]),t}(Df);function bm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function km(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?bm(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):bm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var xm=function(){function e(){zn()(this,e),this.initialize()}return Bn()(e,[{key:"initialize",value:function(){this.state={rgb:{},hsl:{},hsv:{},alpha:1,format:"hex"}}},{key:"changeFormat",value:function(e){this.state.format=e}},{key:"initColor",value:function(e){this.changeColor(e)}},{key:"changeColor",value:function(e){it(e=e||"#FF0000")&&(e=Mn.parse(e)),this.state.alpha=et(e.a)?this.state.alpha:e.a,this.state.format="hsv"!=e.type&&e.type||this.state.format,"hsl"==e.type?(this.state.hsl=km({},this.state.hsl,{},e),this.state.rgb=Mn.HSLtoRGB(this.state.hsl),this.state.hsv=Mn.HSLtoHSV(e)):"hex"==e.type?(this.state.rgb=km({},this.state.rgb,{},e),this.state.hsl=Mn.RGBtoHSL(this.state.rgb),this.state.hsv=Mn.RGBtoHSV(e)):"rgb"==e.type?(this.state.rgb=km({},this.state.rgb,{},e),this.state.hsl=Mn.RGBtoHSL(this.state.rgb),this.state.hsv=Mn.RGBtoHSV(e)):"hsv"==e.type&&(this.state.hsv=km({},this.state.hsv,{},e),this.state.rgb=Mn.HSVtoRGB(this.state.hsv),this.state.hsl=Mn.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return Rn.checkHueColor(this.state.hsv.h/360)}},{key:"toString",value:function(e){e=e||this.state.format;var t=this.state[e]||this.state.rgb;return Mn.format(km({},t,{a:this.state.alpha}),e)}},{key:"toColor",value:function(e){return e=(e||this.state.format).toLowerCase(),this.toString(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}}]),e}(),wm={title:"random",key:"random",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42,t=Mn.randomByCount(e).map((function(e){return{color:e}}));return t.sort((function(e,t){var n=Mn.parse(e.color),r=Mn.parse(t.color);return n.h>r.h?1:-1})),t}},Sm=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(e){return{color:e}})),Pm={title:"material red",key:"material-red",execute:function(){return Sm}},jm=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(e){return{color:e}})),Om={title:"material pink",key:"material-pink",execute:function(){return jm}},$m=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(e){return{color:e}})),Cm={title:"material purple",key:"material-purple",execute:function(){return $m}},Em=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(e){return{color:e}})),Tm={title:"material deep purple",key:"material-deeppurple",execute:function(){return Em}},Vm=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(e){return{color:e}})),Dm={title:"material indigo",key:"material-indigo",execute:function(){return Vm}},Im=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(e){return{color:e}})),Mm={title:"material blue",key:"material-blue",execute:function(){return Im}},Lm=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(e){return{color:e}})),Rm={title:"material light blue",key:"material-lightblue",execute:function(){return Lm}},Am=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(e){return{color:e}})),zm={title:"material cyan",key:"material-cyan",execute:function(){return Am}},Fm=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(e){return{color:e}})),Bm={title:"material teal",key:"material-teal",execute:function(){return Fm}},Gm=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(e){return{color:e}})),Hm={title:"material green",key:"material-green",execute:function(){return Gm}},Nm=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(e){return{color:e}})),Xm={title:"material lightgreen",key:"material-lightgreen",execute:function(){return Nm}},Ym=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(e){return{color:e}})),_m={title:"material lime",key:"material-lime",execute:function(){return Ym}},Km=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(e){return{color:e}})),Wm={title:"material yellow",key:"material-yellow",execute:function(){return Km}},Um=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(e){return{color:e}})),Zm={title:"material amber",key:"material-amber",execute:function(){return Um}},qm=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(e){return{color:e}})),Jm={title:"material orange",key:"material-orange",execute:function(){return qm}},Qm=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(e){return{color:e}})),eb={title:"material deep orange",key:"material-deeporange",execute:function(){return Qm}},tb=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(e){return{color:e}})),nb={title:"material brown",key:"material-brown",execute:function(){return tb}},rb=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(e){return{color:e}})),ib={title:"material gray",key:"material-gray",execute:function(){return rb}},ab=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(e){return{color:e}})),ob={title:"material bluegray",key:"material-bluegray",execute:function(){return ab}},sb=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(e){return{color:e}})),cb=[wm,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return sb}},Pm,Om,Cm,Tm,Dm,Mm,Rm,zm,Bm,Hm,Xm,_m,Wm,Zm,Jm,eb,nb,ib,ob],lb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Gf}}},{key:"initState",value:function(){return{mode:"grid",preset:"random"}}},{key:"getTools",value:function(){var e=cb.map((function(e){return"".concat(e.key,":").concat(e.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(e,'" onchange="changePreset"  />\n    '))}},{key:Vf("changePreset"),value:function(e,t){this.setState(m()({},e,t))}},{key:"template",value:function(){return"\n      <div class='color-assets-editor'>\n        <div class='color-assets-head'>\n          <label>".concat(this.$i18n("color.asset.property.title"),"</label>\n          <div class='tools'>").concat(this.getTools(),"</div>\n        </div>\n        <div class='color-list' ref='$colorList' data-view-mode='").concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:Jr("$colorList"),value:function(){var e=this,t=cb.find((function(t){return t.key===e.state.preset}));return t?t.execute().map((function(e,t){return"\n        <div class='color-item' data-index=\"".concat(t,'" data-color="').concat(e.color,"\">\n          <div class='preview' title=\"").concat(e.color,'" data-index="').concat(t,"\">\n            <div class='color-view' style='background-color: ").concat(e.color,";'></div>\n          </div>\n        </div>\n      ")})):""}},{key:"executeColor",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=this.$selection.currentProject;r?(e&&e(r),t&&this.refresh(),n&&this.emit("refreshColorAssets")):alert("Please select a project.")}},{key:pr("$colorList .preview"),value:function(e){var t=e.$dt.$(".color-view").css("background-color");this.modifyColorPicker(t)}},{key:"modifyColorPicker",value:function(e){this.parent.trigger(this.props.onchange,this.props.key,e,this.props.params)}}]),t}(Df),ub=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"created",value:function(){this.manager=new xm}},{key:"initState",value:function(){var e=this.props.value||"rgba(0, 0, 0, 1)";return this.manager.initColor(e),{key:this.props.key,value:this.manager.toString()}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyColorPicker()}},{key:"modifyColorPicker",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"initColor",value:function(e,t){this.manager.changeColor(e,t),this.refresh()}},{key:"changeColor",value:function(e,t){this.manager.changeColor(e,t),this.refresh(),this.updateData({value:this.manager.toColor()})}},{key:Vf("selectColorAssets"),value:function(e,t){this.lastUpdateColor(t)}},{key:"changeFormat",value:function(e){this.manager.changeFormat(e),this.setState({value:this.manager.toColor()},!1),this.modifyColorPicker(),this.changeEndColor()}},{key:"lastUpdateColor",value:function(e,t){this.manager.changeColor(e,t),this.refresh(),this.setState({value:this.manager.toColor()},!1),this.modifyColorPicker(),this.changeEndColor()}},{key:"changeEndColor",value:function(){this.parent.trigger(this.props.onchangeend,this.props.key,this.state.value,this.props.params)}},{key:"refresh",value:function(){var e=this.manager.toColor();this.children.$palette.setValue(this.manager.hsv.s,this.manager.hsv.v,this.manager.getHueColor()),this.children.$opacity.setValue(this.manager.rgb,this.manager.alpha),this.children.$hue.setValue(this.manager.hsv.h),this.children.$colorview.setValue(e),this.children.$information.setValue()}},{key:"components",value:function(){return{Hue:fm,Opacity:vm,ColorView:ym,Palette:mm,ColorInformation:gm,ColorAssetsEditor:lb}}},{key:"template",value:function(){return'\n        <div class=\'colorpicker sketch inline\'>\n            <div class=\'colorpicker-body\'>\n                <object refClass="Palette" ref=\'$palette\' />\n                <div class="control">\n                    <object refClass="Hue" ref=\'$hue\' />\n                    <object refClass="Opacity" ref=\'$opacity\' />\n                    <div class="empty"></div>\n                    <object refClass="ColorView" ref=\'$colorview\' />\n                </div>\n                <object refClass="ColorInformation" ref=\'$information\' />\n                <object refClass="ColorAssetsEditor" ref=\'$colorAsset\' key="colorAssets" onchange="selectColorAssets" /> \n            </div>\n        </div>\n      '}}]),t}(Df),hb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{ColorPickerEditor:ub}}},{key:"initState",value:function(){return{value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return'\n        <div class=\'embed-color-picker\'>\n          <object refClass="ColorPickerEditor" \n            ref=\'$colorpicker\' \n            key="colorpicker" \n            value="'.concat(this.state.value,"\" \n            onchange='localChangeColor' \n            onchangeend='localLastUpdate' \n          />        \n        </div>\n      ")}},{key:Vf("localChangeColor"),value:function(e,t){this.parent.trigger(this.props.onchange,t)}},{key:Vf("localLastUpdate"),value:function(e,t){this.parent.trigger(this.props.onchangeend,t)}},{key:"setValue",value:function(e){this.state.value=e,this.children.$colorpicker.initColor(e)}},{key:"refresh",value:function(){this.children.$colorpicker.initColor(this.props.value)}}]),t}(Df),pb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact"}},{key:"components",value:function(){return{EmbedColorPicker:hb}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.state.target&&this.state.target.trigger(this.state.changeEvent,this.state.color,this.params)}},{key:"updateEndData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.state.target&&this.state.target.trigger(this.state.changeEndEvent,this.state.color,this.params)}},{key:"getBody",value:function(){return"\n      <div class=\"color-picker-popup\">\n        <div class='box'>\n          <object refClass=\"EmbedColorPicker\" ref='$color' value='".concat(this.state.color,"' onchange='changeColor' onchangeend=\"changeEndColor\" />\n        </div>\n      </div>\n    ")}},{key:Jr("$projectColors"),value:function(){return(this.$selection.currentProject||{colors:[]}).colors.map((function(e){return"\n      <div class='color-item' title='".concat(e.name,"'>\n        <div class='color-view' data-color='").concat(e.color,"' style='background-color: ").concat(e.color,"'></div>\n      </div>")}))}},{key:pr("$projectColors .color-view"),value:function(e){this.updateData({color:e.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:Vf("changeColor"),value:function(e){this.updateData({color:e})}},{key:Vf("changeEndColor"),value:function(e){this.updateEndData({color:e})}},{key:Vf("showColorPickerPopup"),value:function(e,t){if(e.changeEvent=e.changeEvent||"changeFillPopup",!(e.target instanceof Df))throw new Error("ColorPicker needs data.target");this.params=t,this.setState(e,!1),this.children.$color.setValue(this.state.color),this.show(232)}},{key:Vf("hideColorPickerPopup"),value:function(){this.hide()}}]),t}(qg);ki({ColorPickerPopup:pb});var db=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!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:Jr("$imageBox")+Xr,value:function(){return(this.$selection.currentProject||{images:[]}).images.map((function(e,t){return"<div class='image-item' ><img src='".concat(e.local,"' data-id=\"").concat(e.id,'" /></div>')}))}},{key:pr("$imageBox .image-item"),value:function(e){var t=e.$dt.$("img");this.updateData({value:t.attr("data-id"),naturalWidth:nr.px(t.naturalWidth),naturalHeight:nr.px(t.naturalHeight),width:nr.px(t.naturalWidth),height:nr.px(t.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:Vf("showImageSelectPopup"),value:function(e,t){this.setState({context:e.context,changeEvent:e.changeEvent,value:e.value,params:t},!1),this.refresh(),this.show(500)}},{key:Vf("hideImageSelectPopup"),value:function(){this.hide()}}]),t}(qg);ki({ImageSelectPopup:db});var fb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Jr("$imageList")+Xr,value:function(){return(this.$selection.currentProject||{images:[]}).images.map((function(e){return"\n        <div class='image-item'>\n          <div class='preview'>\n            <img src=\"".concat(e.local,'" />\n          </div>\n        </div>\n      ')}))}},{key:pr("$imageList .image-item"),value:function(e){var t=e.$dt.$("img");this.updateData(t.attr("src"))}},{key:"updateData",value:function(e){this.parent.trigger(this.props.onchange,e)}},{key:Vf("addImageAsset"),value:function(){this.refresh()}}]),t}(Df);function vb(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function yb(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?vb(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):vb(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var gb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:fb,EmbedColorPicker:hb,GradientEditor:vv}}},{key:"initState",value:function(){return{}}},{key:"initialize",value:function(){si()(Xn()(t.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            <object refClass=\"EmbedColorPicker\" ref='$color' onchange='changeColor' />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "}},{key:Vf("changeTabType"),value:function(e){this.refs.$body.attr("data-selected-editor",e)}},{key:"getColorString",value:function(){var e="";return this.state.image instanceof Na&&(e=this.state.image.getColorString()),e}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Jr("$gradientEditor"),value:function(){return'<object refClass="GradientEditor" \n      ref="$g" \n      value="'.concat(this.state.image,'" \n      selectedIndex="').concat(this.state.selectColorStepIndex,"\" \n      onchange='changeGradientEditor'\n    />")}},{key:Vf("changeGradientEditor"),value:function(e){this.state.image=e,this.updateData()}},{key:Vf("changeColor"),value:function(e){this.children.$g.trigger("setColorStepColor",e)}},{key:Vf("changeImageUrl"),value:function(e){this.children.$g.trigger("setImageUrl",e)}},{key:Vf("showGradientPickerPopup"),value:function(e,t){e.changeEvent=e.changeEvent||"changeFillPopup",e.image=e.gradient,e.params=t,this.setState(e),this.show(432)}},{key:Vf("selectColorStep"),value:function(e){this.children.$color.setValue(e)}},{key:Vf("changeColorStep"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(yb({},e)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),t}(qg);ki({GradientPickerPopup:gb});var mb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{key:"components",value:function(){return{SVGFilterEditor:pg}}},{key:"getClassName",value:function(){return"transparent"}},{key:"initState",value:function(){return{changeEvent:"changeSVGFilterPopup",id:"",preview:!0,filters:[]}}},{key:"updateData",value:function(e){this.setState(e,!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:Jr("$editor"),value:function(){return'\n      <object refClass="SVGFilterEditor" ref=\'$filter\' title=\'Filter Type\' key="filter" onchange=\'changeFilterEditor\'>\n        <property name="value" type="json">'.concat(JSON.stringify(this.state.filters),"</property>\n      </div>\n    ")}},{key:Vf("changeFilterEditor"),value:function(e,t){this.updateData({filters:t})}},{key:"refresh",value:function(){this.load()}},{key:Vf("showSVGFilterPopup"),value:function(e){e.filters=e.filters.map((function(e){return Ny.parse(e)})),e.preview=!tt(e.preview)||e.preview,this.setState(e),this.show(500)}},{key:Vf("hideSVGFilterPopup"),value:function(){this.$el.hide()}}]),t}(qg);ki({SVGFilterPopup:mb});var bb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"components",value:function(){return{EmbedColorPicker:hb,RangeEditor:Hf,SelectEditor:Gf,GradientEditor:vv}}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||nr.z(),y:this.props.y||nr.z(),width:this.props.width||nr.z(),height:this.props.height||nr.z(),blendMode:this.props.blendMode}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.emit(this.state.changeEvent,e,this.state.params)}},{key:"templateForSize",value:function(){return'\n      <div class=\'popup-item\'>\n        <object refClass="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:Vf("changeRangeEditor"),value:function(e,t){this.updateData(m()({},e,t))}},{key:"templateForX",value:function(){return'\n      <div class=\'popup-item\'>\n        <object refClass="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        <object refClass="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      <object refClass="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      <object refClass="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:pr("$repeat button"),value:function(e){var t=e.$dt;this.refs.$repeat.attr("data-value",t.value),this.updateData({repeat:t.value})}},{key:"templateForBlendMode",value:function(){return'\n    <div class=\'popup-item\'>\n      <object refClass="SelectEditor"  label="'.concat(this.$i18n("background.image.position.popup.blend"),"\" ref='$blend' key='blendMode' value=\"").concat(this.state.blendMode,'" options="').concat(Jf,'" onchange="changeRangeEditor" />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\" ref='$picker'></div>\n    "}},{key:Jr("$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:Vf("showBackgroundImagePositionPopup"),value:function(e,t){this.state.changeEvent=e.changeEvent||"changeFillPopup",this.state.params=t,this.setState(e.data),this.show(460)}}]),t}(qg);function kb(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xb(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?kb(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):kb(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ki({BackgroundImagePositionPopup:bb});var wb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:fb,EmbedColorPicker:hb,FillEditor:Tg}}},{key:"initState",value:function(){return{image:hl.create()}}},{key:"initialize",value:function(){si()(Xn()(t.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            <object refClass=\"EmbedColorPicker\" ref='$color' onchange='changeColor' />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "}},{key:Vf("changeTabType"),value:function(e){this.refs.$body.attr("data-selected-editor",e)}},{key:"getColorString",value:function(){var e="";return this.state.image instanceof Na&&(e=this.state.image.getColorString()),e}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Jr("$gradientEditor"),value:function(){return'<object refClass="FillEditor" \n      ref="$g" \n      value="'.concat(this.state.image,'" \n      selectedIndex="').concat(this.state.selectColorStepIndex,"\" \n      onchange='changeFillEditor'\n    />")}},{key:Vf("changeFillEditor"),value:function(e){this.state.image=e,this.updateData()}},{key:Vf("changeColor"),value:function(e){this.children.$g.trigger("setColorStepColor",e)}},{key:Vf("changeImageUrl"),value:function(e){this.children.$g.trigger("setImageUrl",e)}},{key:Vf("showFillPickerPopup"),value:function(e,t){this.show(432),e.changeEvent=e.changeEvent||"changeFillPopup",e.params=t,this.trigger("selectColorStep",e.image.colorsteps[0].color),this.setState(e)}},{key:Vf("selectColorStep"),value:function(e){this.children.$color.setValue(e)}},{key:Vf("changeColorStep"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(xb({},e)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),t}(qg);ki({FillPickerPopup:wb});var Sb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("pattern.info.popup.title")}},{key:"initState",value:function(){return{type:this.props.type||"grid",x:this.props.x||nr.z(),y:this.props.y||nr.z(),width:this.props.width||nr.z(),height:this.props.height||nr.z(),lineWidth:this.props.lineWidth||nr.px(1),lineHeight:this.props.lineHeight||nr.px(1),foreColor:this.props.foreColor||"black",backColor:this.props.backColor||"transparent",blendMode:this.props.blendMode||"normal"}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1);var t=this.state,n=t.x,r=t.y,i=t.width,a=t.height,o=t.foreColor,s=t.backColor,c=t.blendMode,l=t.lineWidth,u=t.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:i,height:a,foreColor:o,backColor:s,blendMode:c,lineWidth:l,lineHeight:u},this.state.params)}},{key:Vf("changeRangeEditor"),value:function(e,t){this.updateData(m()({},e,t))}},{key:"templateForX",value:function(){if(this.hasNotX())return"";var e="X",t="";return"diagonal-line"===this.state.type&&(e=this.$i18n("pattern.info.popup.rotate"),t="deg"),'\n      <div class=\'popup-item\'>\n        <object refClass="RangeEditor"  \n            label="'.concat(e,'"\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(t,'"\n            onchange="changeRangeEditor"\n        />\n      </div>\n    ')}},{key:"templateForY",value:function(){return this.hasNotY()?"":'\n      <div class=\'popup-item\'>\n        <object refClass="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      <object refClass="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      <object refClass="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      <object refClass="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      <object refClass="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        <object refClass=\"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        <object refClass=\"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      <object refClass=\"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:Jr("$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:Vf("showPatternInfoPopup"),value:function(e,t){this.state.changeEvent=e.changeEvent||"changePatternInfoPopup",this.state.params=t,this.state.instance=e.instance,this.setState(e.data),this.show(460)}}]),t}(qg);ki({PatternInfoPopup:Sb});var Pb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kf.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:pr("$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()}}]),t}(Df),jb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"render",value:function(e,t){var n=e.elementType,r=e.id,i=e.name,a=(e.itemType,n||"div");return"    \n      <".concat(a,' class="element-item artboard" data-id="').concat(r,"\">\n        <div class='artboard-title'>").concat(i,"</div>\n        ").concat(this.toDefString(e),"\n        ").concat(e.layers.map((function(e){return t.render(e,t)})).join("\n\t"),"\n      </").concat(a,">\n    ")}}]),t}(Kc),Ob=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Kc),$b=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Ob);function Cb(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Eb(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Cb(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Cb(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Tb=["front","back","left","right","top","bottom"],Vb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toDefaultCSS",value:function(e){var t={};return e.x&&(t.left=e.x),e.y&&(t.top=e.y),t.visibility=e.visible?"visible":"hidden",Eb({},t,{},this.toKeyListCSS(e,["position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin","animation","transition"]))}},{key:"toCSS",value:function(e){return Eb({},this.toVariableCSS(e),{},this.toDefaultCSS(e),{},this.toWebkitCSS(e),{},this.toBoxModelCSS(e),{},this.toLayoutItemCSS(e))}},{key:"toNestedCSS",value:function(e){var t=e.rate.value,n=e.width,r=e.height,i=n.value/2,a=r.value/2,o=e["backface-visibility"],s=Eb({},this.toKeyListCSS(e,["filter","mix-blend-mode","border-radius","background-color","opacity","color"]),{},this.toClipPathCSS(e),{},this.toBackgroundImageCSS(e),{},this.toBorderCSS(e));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(bt(s),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";     \n          backface-visibility: ").concat(o,";          \n          ").concat(e["front.color"]?"background-color: ".concat(e["front.color"],";"):"","\n          ").concat(e["front.background"]?"".concat(e["front.background"],";"):"","\n\n        ").trim()},{selector:".back",cssText:"\n          transform: rotateY(180deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";        \n          backface-visibility: ").concat(o,";              \n          ").concat(e["back.color"]?"background-color: ".concat(e["back.color"],";"):"","                  \n          ").concat(e["back.background"]?"".concat(e["back.background"],";"):"","\n        ").trim()},{selector:".left",cssText:"\n          transform: rotateY(-90deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";    \n          backface-visibility: ").concat(o,";          \n          ").concat(e["left.color"]?"background-color: ".concat(e["left.color"],";"):"","                          \n          ").concat(e["left.background"]?"".concat(e["left.background"],";"):"","\n        ").trim()},{selector:".right",cssText:"\n          transform: rotateY(90deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";      \n          backface-visibility: ").concat(o,";          \n          ").concat(e["right.color"]?"background-color: ".concat(e["right.color"],";"):"","                        \n          ").concat(e["right.background"]?"".concat(e["right.background"],";"):"","          \n        ").trim()},{selector:".top",cssText:"\n          transform: rotateX(90deg) translateZ(".concat(a*t,"px);\n          top: ").concat(a-i,"px;\n          width: ").concat(n,";\n          height: ").concat(n,";\n          backface-visibility: ").concat(o,";          \n          ").concat(e["top.color"]?"background-color: ".concat(e["top.color"],";"):"","      \n          ").concat(e["top.background"]?"".concat(e["top.background"],";"):"","              \n        ").trim()},{selector:".bottom",cssText:"\n          transform: rotateX(-90deg) translateZ(".concat(a*t,"px);\n          top: ").concat(a-i,"px;          \n          width: ").concat(n,";\n          height: ").concat(n,";    \n          backface-visibility: ").concat(o,";          \n          ").concat(e["bottom.color"]?"background-color: ".concat(e["bottom.color"],";"):"","\n          ").concat(e["bottom.background"]?"".concat(e["bottom.background"],";"):"","                          \n        ").trim()}]}},{key:"render",value:function(e){var t=e.id;return("\n      <div class='element-item cube' data-id=\"".concat(t,'">\n        ').concat(this.toDefString(e),"\n        ").concat(Tb.map((function(e){return"<div class='".concat(e,"'></div>")})).join(""),"\n      </div>"))}}]),t}(Ob),Db=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toNestedCSS",value:function(e){return[{selector:"img",cssText:"\n                width: 100%;\n                height: 100%;\n                pointer-events: none;\n                ".trim()}]}},{key:"getUrl",value:function(e){var t=e.src;return e.project.getImageValueById(t)||t}},{key:"render",value:function(e){var t=e.id;return("\n          <div class='element-item image' data-id=\"".concat(t,'">\n            ').concat(this.toDefString(e),"\n            <img src='").concat(this.getUrl(e),"' />\n          </div>"))}},{key:"update",value:function(e,n){var r=n.$("img");r&&r.attr("src",this.getUrl(e)),si()(Xn()(t.prototype),"update",this).call(this,e,n)}}]),t}(Ob),Ib=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toRootVariableCSS",value:function(e){var t={};return e.rootVariable.split(";").filter((function(e){return e.trim()})).forEach((function(e){var n=e.split(":"),r=k()(n,2),i=r[0],a=r[1];t["--".concat(i)]=a})),t}},{key:"toCSS",value:function(e){return Object.assign.apply(Object,[{}].concat(j()(this.toRootVariableCSS(e))))}},{key:"toStyle",value:function(e){var t=e.toKeyframeString(),n=this.toRootVariableCSS(e);return"\n        <style type='text/css' data-id='".concat(e.id,"'>\n            :root {\n                ").concat(bt(n),"\n            }\n            /* keyframe */\n            ").concat(t,"\n        </style>\n        ")}},{key:"render",value:function(e,t){return e.layers.map((function(e){return t.render(e)})).join("")}},{key:"renderSVGFilter",value:function(e){return e.svgfilters.map((function(e){var t=e.filters.map((function(e){return Ny.parse(e)}));return("<filter id='".concat(e.id,"'>").concat(t.join("\n"),"</filter>"))})).join("\n\n")}},{key:"renderSVG",value:function(e,t){var n=this.renderSVGFilter(e);return('\n<svg width="0" height="0">\n    <title>SVG Properties</title>\n    '.concat(n,"\n</svg>\n"))}}]),t}(Kc),Mb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Ob);function Lb(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Rb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"updateDefString",value:function(e,t){var n=t.$("defs");if(n)n.updateSVGDiff("<defs>".concat(this.toDefInnerString(e),"</defs>"));else{var r=this.toDefString(e).trim();t.prepend(rr.createByHTML(r))}}},{key:"toDefInnerString",value:function(e){return"\n            ".concat(this.toFillSVG(e),"\n            ").concat(this.toStrokeSVG(e),"\n        ")}},{key:"toDefString",value:function(e){var t=this.toDefInnerString(e).trim();return("\n            <defs>\n            ".concat(t,"\n            </defs>\n        "))}},{key:"fillId",value:function(e){return this.getInnerId(e,"fill")}},{key:"strokeId",value:function(e){return this.getInnerId(e,"stroke")}},{key:"toFillSVG",value:function(e){return bl.parseImage(e.fill||"transparent").toSVGString(this.fillId(e))}},{key:"toStrokeSVG",value:function(e){return bl.parseImage(e.stroke||"black").toSVGString(this.strokeId(e))}},{key:"toFillValue",value:function(e){return bl.parseImage(e.fill||"transparent").toFillValue(this.fillId(e))}},{key:"toFillOpacityValue",value:function(e){return Mn.parse(e.fill||"transparent").a}},{key:"toStrokeValue",value:function(e){return bl.parseImage(e.stroke||"black").toFillValue(this.strokeId(e))}},{key:"toFilterValue",value:function(e){return e.svgfilter?"url(#".concat(e.svgfilter,")"):""}},{key:"toLayoutCSS",value:function(e){return{}}},{key:"toDefaultCSS",value:function(e){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Lb(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Lb(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toDefaultCSS",this).call(this,e),{},this.toKeyListCSS(e,["stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"]))}},{key:"toSVGAttribute",value:function(e){return this.toDefaultCSS(e)}}]),t}(Ob),Ab=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"update",value:function(e,t){if(t){var n=t.$("path");n&&(n.setAttrNS({d:e.d,"fill-rule":e["fill-rule"]||"nonezero",filter:this.toFilterValue(e),fill:this.toFillValue(e),stroke:this.toStrokeValue(e)}),e.totalLength=n.totalLength),this.updateDefString(e,t)}}},{key:"render",value:function(e){return'\n        <svg \n          class=\'element-item path\'  \n          xmlns="http://www.w3.org/2000/svg"\n          data-id="'.concat(e.id,'"\n        >\n            ').concat(this.toDefString(e),'\n            <path \n              class="svg-path-item"\n              d="').concat(e.d,'"\n              fill-rule="').concat(e["fill-rule"],'"\n              filter="').concat(this.toFilterValue(e),'"\n              fill="').concat(this.toFillValue(e),'"\n              stroke="').concat(this.toStrokeValue(e),'"\n            />\n        </svg>\n    ')}}]),t}(Rb),zb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"update",value:function(e,t){var n=t.$("path.svg-path-item");n&&n.attr("d",e.d);var r=t.$("path.guide");r&&r.attr("d",e.d);var i=t.$("textPath");i&&(i.text(e.text),i.setAttrNS({filter:this.toFilterValue(e),fill:this.toFillValue(e),stroke:this.toStrokeValue(e),textLength:e.textLength,lengthAdjust:e.lengthAdjust,startOffset:e.startOffset})),this.updateDefString(e,t),e.totalLength=n.totalLength}},{key:"toDefInnerString",value:function(e){return"\n        ".concat(this.toPathSVG(e),"\n        ").concat(this.toFillSVG(e),"\n        ").concat(this.toStrokeSVG(e),"\n    ")}},{key:"toPathId",value:function(e){return this.getInnerId(e,"path")}},{key:"toPathSVG",value:function(e){return'\n    <path class="svg-path-item" id="'.concat(this.toPathId(e),'" d="').concat(e.d,'" fill="none" />\n    ')}},{key:"render",value:function(e){var t=e.id,n=e.textLength,r=e.lengthAdjust,i=e.startOffset,a="#".concat(this.toPathId(e));return"\n      <svg class='element-item textpath' data-id=\"".concat(t,'">\n        ').concat(this.toDefString(e),'\n        <text class="svg-textpath-item">\n          <textPath \n            xlink:href="').concat(a,'"\n            textLength="').concat(n,'"\n            lengthAdjust="').concat(r,'"\n            startOffset="').concat(i,'"\n          >').concat(e.text,'</textPath>\n          <use href="').concat(a,'" stroke-width="1" stroke="black" />\n        </text>\n        <path class="guide" d="').concat(e.d,'" fill="none"/>\n      </svg>\n    ')}}]),t}(Rb),Fb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"update",value:function(e,t){var n=t.$("text");n&&(n.text(e.text),n.setAttrNS({filter:this.toFilterValue(e),fill:this.toFillValue(e),stroke:this.toStrokeValue(e),textLength:e.textLength,lengthAdjust:e.lengthAdjust})),this.updateDefString(e,t)}},{key:"shapeInsideId",value:function(e){return this.getInnerId(e,"shape-inside")}},{key:"render",value:function(e){var t=e.id,n=e.textLength,r=e.lengthAdjust;return("\n  <svg class='element-item textpath' data-id=\"".concat(t,'">\n    ').concat(this.toDefString(e),'\n      <text class="svg-text-item" textLength="').concat(n,'" lengthAdjust="').concat(r,'">').concat(e.text,"</text>\n  </svg>"))}}]),t}(Rb),Bb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toNestedCSS",value:function(e){return[{selector:"> *",cssText:"\n                    pointer-events: none;\n                "}]}},{key:"toCSS",value:function(e){var n=si()(Xn()(t.prototype),"toCSS",this).call(this,e);return n.margin=n.margin||"0px",n}},{key:"render",value:function(e){var t=e.id,n=e.content;return('<p class=\'element-item text\' tabIndex="-1" data-id="'.concat(t,'">').concat(n,"</p>"))}},{key:"update",value:function(e,t){var n=e.content;t.updateDiff(n)}}]),t}(Ob),Gb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toNestedCSS",value:function(e){return[{selector:"video",cssText:"\n                width: 100%;\n                height: 100%;\n                pointer-events: none;\n                ".trim()}]}},{key:"getUrl",value:function(e){var t=e.src;return e.project.getVideoValueById(t)}},{key:"render",value:function(e){var t=e.id,n=e.controls,r=e.muted,i=e.poster,a=e.loop,o=e.crossorigin,s=e.autoplay;return("\n        <div class='element-item video' data-id=\"".concat(t,'">\n            ').concat(this.toDefString(e),'\n            <video \n                controls="').concat(n,'"\n                src="').concat(this.getUrl(e),'\n                muted="').concat(r,'"\n                poster="').concat(i,'"\n                loop="').concat(a,'"\n                crossorigin="').concat(o,'"\n                autoplay="').concat(s,"\"\n            >\n                Sorry, your browser doesn't support embedded videos.\n            </video>\n        </div>"))}},{key:"update",value:function(e,n){var r=e.currentTime,i=e.playbackRate,a=e.volume,o=n.$("video");o&&o.setProp({currentTime:r,playbackRate:i,volume:a}),si()(Xn()(t.prototype),"update",this).call(this,e,n)}}]),t}(Ob);function Hb(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e.split(";").filter((function(e){return e.trim()})).map((function(e){var n=(e=e.trim()).split(":"),r=k()(n,2),i=r[0],a=r[1];return"".concat(t,"<strong>").concat(i,"</strong>:").concat(a,";\n")})).join("").trim()}var Nb={project:new Ib,artboard:new jb,rect:new Mb,circle:new $b,image:new Db,text:new Bb,video:new Gb,"svg-path":new Ab,"svg-text":new Fb,"svg-textpath":new zb,cube:new Vb},Xb={render:function(e,t){if(e){var n=Nb[e.itemType];return n?n.render(e,t||this):void 0}},renderSVG:function(e,t){var n=Nb[e.itemType];if(n)return n.renderSVG(e,t||this)},toCSS:function(e){var t=Nb[e.itemType];if(t)return t.toCSS(e)},toNestedCSS:function(e){var t=Nb[e.itemType];return t?t.toNestedCSS(e):[]},toTransformCSS:function(e){var t=Nb[e.itemType];return t?t.toTransformCSS(e):{}},toStyle:function(e,t){var n=Nb[e.itemType];if(n)return n.toStyle(e,t||this)},update:function(e,t){var n=Nb[e.itemType];if(n)return n.update(e,t)},codeview:function(e){if(!e)return"";var t=e.top,n=Hb(t?t.toKeyframeString():"").replace(/;/gi,";\n").trim(),r=t?bt(t.toRootVariableCSS()):"",i=this.renderSVG(t);i=i.replace(/\</g,"&lt;").replace(/\>/g,"&gt;");var a=e,o=Hb(a?St(bt(this.toCSS(a))):""),s=a?this.toNestedCSS(a).map((function(e){var t=e.cssText?e.cssText:bt(e.css);return"".concat(e.selector," { \n    ").concat(Hb(St(t),"&nbsp;&nbsp;"),"\n    }")})):[],c=a?a.selectors:[];return"\n          <div class=''>\n           \n            ".concat(o&&"<div><pre title='CSS'>".concat(o,"</pre></div>"),"\n            \n            ").concat(s.map((function(e){return"<div><pre title='CSS'>".concat(e,"</pre></div>")})).join(""),"\n    \n            ").concat((c||[]).length?"<div>\n                ".concat(c.map((function(e){return"<pre title='".concat(e.selector,"'>").concat(e.toPropertyString(),"</pre>")})).join(""),"\n                \n              </div>"):"","\n    \n            ").concat(n&&"<div><pre title='Keyframe'>".concat(n,"</pre></div>"),"\n\n            ").concat(r?"<div>\n              <label>:root</label>\n              <pre>".concat(r,"</pre>\n              </div>"):"","\n    \n          </div>\n        ")}},Yb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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="4">\n                    <label>Assets</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="4">\n                    <pre ref=\'$assets\'></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:Vf("showExportWindow"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){var e=this,t=this.$selection.currentProject||{layers:[]},n="\n".concat(this.makeStyle(t),"\n").concat(t.artboards.map((function(t){return e.makeStyle(t).replace(/\n/g,"\n\t")})).join("\n"),"\n");this.refs.$css.text(n);var r="\n".concat(Xb.renderSVG(t),"\n").concat(Xb.render(t),"\n        ");this.refs.$html.text(r);var i=Tl.render(this.$selection.current);this.refs.$svgimage.text(i),this.refs.$svgimagePreview.html(rr.createByHTML(i))}},{key:"makeStyle",value:function(e){return Xb.toStyle(e)}},{key:"makeHTML",value:function(e){return Xb.render(e)}},{key:pr("$header .tab-item"),value:function(e){var t=+e.$dt.attr("data-value");this.state.selectedIndex!==t&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(e){return e.removeClass("selected")})),this.$el.$$('[data-value="'.concat(t,'"]')).forEach((function(e){return e.addClass("selected")})),this.setState({selectedIndex:t},!1))}}]),t}(Pb);ki({ExportWindow:Yb});var _b=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:pr("$login"),value:function(e){var t=this,n=this.refs.$email.value,r=this.refs.$password.value;firebase.auth().signInWithEmailAndPassword(n,r).then((function(e){t.$editor.setUser(e),t.hide()})).catch((function(e){e.code,e.message;console.log(e)}))}},{key:Vf("showLoginWindow"),value:function(){this.show()}}]),t}(Pb);ki({LoginWindow:_b});var Kb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:pr("$register"),value:function(){console.log(firebase);var e=this.refs.$email.value,t=this.refs.$password.value;firebase.auth().createUserWithEmailAndPassword(e,t).catch((function(e){e.code,e.message;console.log(e)}))}},{key:Vf("showSignWindow"),value:function(){this.show()}}]),t}(Pb);ki({SignWindow:Kb});var Wb=new Set;Ou.forEach((function(e){Wb.add(e.category)}));var Ub={};Wb.forEach((function(e){Ou.filter((function(t){return t.category===e})).forEach((function(e){Ub[e.category]||(Ub[e.category]=[]),Ub[e.category].push(e)}))}));var Zb={ARROWRIGHT:"→",ARROWLEFT:"←",ARROWUP:"↑",ARROWDOWN:"→",BACKSPACE:"⌫",CMD:"⌘"},qb=ju(),Jb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getClassName",value:function(){return"shortcut-window"}},{key:"getTitle",value:function(){return"ShortCuts"}},{key:"getKeyString",value:function(e,t){return(t[e]||t.key).split("+").map((function(e){return e.trim()})).map((function(e){var t=e.toUpperCase();return("<span>".concat(Zb[t]||t,"</span>"))})).join(" + ")}},{key:"getTemplateForShortcutItem",value:function(e){return"\n            <div class='shortcut-view-item'>\n                <div class='title'>".concat(e.description,"</div>\n                <div class='os-item'>").concat(this.getKeyString(qb,e),"</div>\n            </div>                        \n        ")}},{key:"getTemplateForCategory",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return"\n            <div class='item'>\n                <h2>".concat(e,"</h2>\n                <div>\n                    ").concat(n.map((function(e){return t.getTemplateForShortcutItem(e)})).join(""),"\n                </div>\n            </div>\n        ")}},{key:"getTemplateForLayer",value:function(){return"\n            <div class='item'>\n                <h2>Layer</h2>\n                <div>\n                    <div class='shortcut-view-item'>\n                        <div class='title'>\n                            Add Rect\n                            <span class='description'>fdsafdsfdf</span>\n                        </div>\n\n                        <div class='os-item mac'><span>CTRL</span>+<span>R</span></div>\n                        <div class='os-item win'>R</div>\n                        <div class='os-item linux'>R</div>\n                    </div>\n                </div>\n            </div>\n        "}},{key:"getBody",value:function(){var e=this;return('\n        <div class="list">\n            '.concat(Object.keys(Ub).map((function(t){return e.getTemplateForCategory(t,Ub[t])})).join(""),"\n        </div>\n        "))}},{key:Vf("showShortcutWindow"),value:function(){this.show()}}]),t}(Pb);ki({ShortcutWindow:Jb});var Qb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n      <div class='artboard-items'>\n        <div class='artboard-items-tools'>\n          <div class='title'><label>Artboard Assets</label></div>\n          <div class='tools'>\n            <button type=\"button\" ref='$addArtboard'>".concat(kf.add,"</button>\n          </div>\n        </div>\n        <div class='artboard-list' ref='$list'></div>\n      </div>\n    ")}},{key:Jr("$list"),value:function(){var e;return li.a.async((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,li.a.awrap(this.$storageManager.getArtboardList());case 2:return e=t.sent,t.abrupt("return",e.map((function(e){return'\n        <div class=\'artboard-preview\' draggable="true" data-preview-id="'.concat(e.id,"\">\n          <div class='thumbnail'><img src='").concat(e.preview,"' /></div>\n          <div class='tools'>\n            <div class='title'>").concat(e.artboard.name,"</div>\n            <div class='buttons'>\n              <button type=\"button\" class='remove-artboard-preview' data-preview-id=\"").concat(e.id,'">').concat(kf.remove,"</button>\n            </div>\n          </div>\n        </div>\n      ")})));case 4:case"end":return t.stop()}}),null,this)}},{key:pr("$list .remove-artboard-preview"),value:function(e){var t;return li.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:if(!confirm(this.$i18n("app.confirm.message.artboard.items.removeArtboard"))){n.next=5;break}return t=e.$dt.data("preview-id"),n.next=4,li.a.awrap(this.$storageManager.removeArtboard(t));case 4:this.refresh();case 5:case"end":return n.stop()}}),null,this)}},{key:yr("$list .artboard-preview"),value:function(e){var t=e.$dt.data("preview-id");e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/artboard",t)}},{key:Vf("afterSaveArtboard"),value:function(e){return li.a.async((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,li.a.awrap(this.$storageManager.saveArtboard(e));case 2:this.refresh();case 3:case"end":return t.stop()}}),null,this)}},{key:pr("$addArtboard"),value:function(e){this.emit("savePNG","afterSaveArtboard")}}]),t}(Df);ki({ArtboardItems:Qb});var ek=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return'\n        <button \n            type="button" \n            class=\'menu-item '.concat(this.getClassName(),"' \n            data-no-title=\"").concat(this.isHideTitle(),'" \n            ').concat(this.isHideTitle()?'title="'.concat(this.getTitle(),'"'):"",' \n            checked="').concat(this.getChecked()?"checked":"",'"\n            ').concat(this.isDisabled()?"disabled":"",'\n        >\n            <div class="icon ').concat(this.getIcon(),'">').concat(kf[this.getIconString()],'</div>\n            <div class="title">').concat(this.getTitle(),"</div>\n        </button>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"clickButton",value:function(e){}},{key:"getChecked",value:function(){return!1}},{key:"isDisabled",value:function(){return!1}},{key:"setSelected",value:function(e){this.$el.toggleClass("selected",e)}},{key:"getTitle",value:function(){return""}},{key:"getIcon",value:function(){return""}},{key:"getIconString",value:function(){return""}},{key:"isHideTitle",value:function(){return!1}},{key:pr(),value:function(e){this.clickButton(e)}}]),t}(Df),tk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.github.title")}},{key:"clickButton",value:function(e){window.open("https://github.com/easylogic/editor","github-window")}}]),t}(ek);function nk(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({Github:tk});var rk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:$r(),value:function(){var e=Il.generate(this.$editor);return this.refs.$codepen.val(JSON.stringify(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?nk(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):nk(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({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"},e))),!1}}]),t}(Df);ki({ExportCodePen:rk});var ik=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"rect"}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(e){this.emit("addLayerView","rect")}},{key:Vf("addLayerView"),value:function(e){this.setSelected("rect"===e)}}]),t}(ek);ki({AddRect:ik});var ak=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"lens"}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(e){this.emit("addLayerView","circle")}},{key:Vf("addLayerView"),value:function(e){this.setSelected("circle"===e)}}]),t}(ek);ki({AddCircle:ak});var ok=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"align_horizontal_left"}},{key:"getTitle",value:function(){return"Left"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("sort.left")}}]),t}(ek);ki({LeftAlign:ok});var sk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"align_horizontal_right"}},{key:"getTitle",value:function(){return"Right"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("sort.right")}}]),t}(ek);ki({RightAlign:sk});var ck=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"align_horizontal_center"}},{key:"getTitle",value:function(){return"Center"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("sort.center")}}]),t}(ek);ki({CenterAlign:ck});var lk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"align_vertical_top"}},{key:"getTitle",value:function(){return"Top"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("sort.top")}}]),t}(ek);ki({TopAlign:lk});var uk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"align_vertical_bottom"}},{key:"getTitle",value:function(){return"Bottom"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("sort.bottom")}}]),t}(ek);ki({BottomAlign:uk});var hk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"align_vertical_center"}},{key:"getTitle",value:function(){return"middle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("sort.middle")}}]),t}(ek);ki({MiddleAlign:hk});var pk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"vertical_distribute"}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"isDisabled",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("same.height")}}]),t}(ek);ki({SameHeight:pk});var dk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"horizontal_distribute"}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"isDisabled",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("same.width")}}]),t}(ek);ki({SameWidth:dk});var fk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"title"}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"getClassName",value:function(){return"text"}},{key:"clickButton",value:function(e){this.emit("addLayerView","text")}},{key:Vf("addLayerView"),value:function(e){this.setSelected("text"===e)}}]),t}(ek);ki({AddText:fk});var vk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"launch"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.export.title")}},{key:"clickButton",value:function(e){this.emit("showExportView")}}]),t}(ek);ki({ExportView:vk});var yk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"note"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.learn.title")}},{key:"clickButton",value:function(e){window.open("https://www.easylogic.studio/docs/getting-started.html","learn-window")}}]),t}(ek);ki({Manual:yk});var gk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"cube"}},{key:"getTitle",value:function(){return this.props.title||"Cube"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("addLayerView","cube")}}]),t}(ek);ki({AddCube:gk});var mk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"photo"}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addLayerView","image")}}]),t}(ek);ki({AddImage:mk});var bk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"pentool"}},{key:"getTitle",value:function(){return this.props.title||"Path"}},{key:"clickButton",value:function(e){this.emit("addLayerView","path")}},{key:Vf("addLayerView"),value:function(e){this.setSelected("path"===e)}}]),t}(ek);ki({AddPath:bk});var kk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"storage"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(e){this.emit("saveJSON")}}]),t}(ek);ki({Save:kk});var xk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"archive"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.download.title")}},{key:"clickButton",value:function(e){this.emit("downloadJSON")}}]),t}(ek);ki({Download:xk});var wk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"navigation"}},{key:"getTitle",value:function(){return this.props.title||"Select"}},{key:"clickButton",value:function(e){this.emit("addLayerView","select")}},{key:Vf("addLayerView"),value:function(e){this.setSelected("select"===e)}}]),t}(ek);ki({SelectTool:wk});var Sk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"outline_rect"}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(e){this.emit("addLayerView","svg-rect")}}]),t}(ek);ki({AddSVGRect:Sk});var Pk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"outline_circle"}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(e){this.emit("addLayerView","svg-circle")}}]),t}(ek);ki({AddSVGCircle:Pk});var jk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"fullscreen"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.fullscreen.title")}},{key:"clickButton",value:function(e){this.emit("toggle.fullscreen")}}]),t}(ek);ki({Fullscreen:jk});var Ok=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"text_rotate"}},{key:"getTitle",value:function(){return this.props.title||"TextPath"}},{key:"clickButton",value:function(e){this.emit("addLayerView","svg-textpath")}}]),t}(ek);ki({AddSVGTextPath:Ok});var $k=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"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(e){this.emit("addLayerView","cylinder")}}]),t}(ek);ki({AddCylinder:$k});var Ck=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"title"}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"clickButton",value:function(e){this.emit("addLayerView","svg-text")}}]),t}(ek);ki({AddSVGText:Ck});var Ek=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Login"}},{key:"clickButton",value:function(e){this.emit("showLoginWindow")}}]),t}(ek);ki({LoginButton:Ek});var Tk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Sign"}},{key:"clickButton",value:function(e){this.emit("showSignWindow")}}]),t}(ek);ki({SignButton:Tk});var Vk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"artboard"}},{key:"getTitle",value:function(){return this.props.title||"ArtBoard"}},{key:"clickButton",value:function(e){this.emit("addLayerView","artboard")}},{key:Vf("addLayerView"),value:function(e){this.setSelected("artboard"===e)}}]),t}(ek);ki({AddArtboard:Vk});var Dk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"edit"}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(e){this.emit("addLayerView","brush")}}]),t}(ek);ki({AddDrawPath:Dk});var Ik=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"brush"}},{key:"getTitle",value:function(){return this.props.title||"draw a brush"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("addLayerView","brush")}},{key:Vf("addLayerView"),value:function(e){this.setSelected("brush"===e)}}]),t}(ek);ki({AddDrawBrush:Ik});var Mk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"video"}},{key:"getTitle",value:function(){return this.props.title||"Video"}},{key:"clickButton",value:function(){this.emit("addLayerView","video")}}]),t}(ek);ki({AddVideo:Mk});var Lk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"keyboard"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.shortcuts.title")}},{key:"clickButton",value:function(e){this.emit("showShortcutWindow")}}]),t}(ek);ki({KeyBoard:Lk});var Rk={KeyBoard:Lk,AddVideo:Mk,AddDrawBrush:Ik,AddDrawPath:Dk,AddArtboard:Vk,SignButton:Tk,LoginButton:Ek,AddSVGText:Ck,AddCylinder:$k,AddSVGTextPath:Ok,Fullscreen:jk,AddSVGCircle:Pk,AddSVGRect:Sk,SelectTool:wk,Download:xk,Save:kk,AddCube:gk,AddImage:mk,AddPath:bk,Manual:yk,ExportView:vk,AddText:fk,SameHeight:pk,SameWidth:dk,TopAlign:lk,BottomAlign:uk,MiddleAlign:hk,CenterAlign:ck,RightAlign:sk,LeftAlign:ok,AddCircle:ak,AddRect:ik,ExportCodePen:rk,Github:tk},Ak=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return Rk}},{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            <object refClass=\"SelectTool\" title='Select' />\n            <object refClass=\"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            <object refClass=\"AddRect\" title='Rect' />\n            <object refClass=\"AddCircle\" title='Circle' />         \n            <object refClass=\"AddText\" title='Text' />\n            <object refClass=\"AddImage\" title='Image' />\n            <object refClass=\"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            <object refClass=\"AddDrawPath\" title='Draw' />\n            <object refClass=\"AddPath\" title='Path' />\n            <object refClass=\"AddSVGRect\" title='Rect' />\n            <object refClass=\"AddSVGCircle\" title='Circle' />\n            \x3c!-- <AddSVGText title='Text' /> --\x3e\n            <object refClass=\"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            <object refClass=\"AddCube\" title='Cube' />\n            <object refClass=\"AddCylinder\" title='Cylinder' />          \n          </div>          \n        </div>          \n      </div>\n    ")}},{key:pr("$el button"),value:function(e){var t=this.refs.$el.$(".selected");t&&t.removeClass("selected"),e.$dt.addClass("selected")}}]),t}(Df);ki({ComponentItems:Ak});var zk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return Zg}},{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(kf.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(e){this.refs.$propertyTitle.text(e)}},{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:pr("$title label"),value:function(e){var t=e.$dt.parent(),n=rr.create(e.target).hasClass("add-timeline-property");t.hasClass("property-title")&&!1===n&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:pr("$title .icon"),value:function(e){e.$dt.parent().hasClass("property-title")&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:pr("$el .property-body .add-timeline-property")+Zr+qr,value:function(e){var t=e.$dt.attr("data-property"),n=e.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:t,editor:n})}},{key:pr("$el .property-title .add-timeline-property")+Zr+qr,value:function(e){var t=e.$dt.attr("data-property"),n=e.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:t,editor:n})}},{key:"isPropertyShow",value:function(){return this.$el.hasClass("show")}},{key:"toggle",value:function(e){this.$el.toggle(e)}},{key:"hide",value:function(){this.$el.hide()}},{key:"show",value:function(){this.$el.show()}},{key:"onShowTitle",value:function(e){}},{key:"refreshShowIsNot",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=this.$selection.current;n&&(e.includes(n.itemType)?this.hide():(this.show(),t&&this.refresh()))}},{key:"refreshShow",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=this.$selection.current;n?st(e)&&e()?(this.show(),t&&this.refresh()):!st(e)&&e.includes(n.itemType)?(this.show(),t&&this.refresh()):this.hide():this.hide()}},{key:"startInputEditing",value:function(e){e&&(e.attr("contenteditable",!0),e.css({"background-color":"white",outline:"1px auto black",color:"black"}),e.focus())}},{key:"endInputEditing",value:function(e,t){if(e){e.attr("contenteditable",!1),e.css({"background-color":null,outline:null,color:null});var n=e.attr("data-index");t&&t(n,e.text().trim()),e.blur()}}}]),t}(Df),Fk=["visible","hidden","scroll","auto"],Bk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var e=this;return Fk.map((function(t){return"".concat(t,":").concat(e.$i18n("background.color.property.overflow.".concat(t)))})).join(",")}},{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='background-color'></span>\n        </div>\n        <object refClass=\"ColorViewEditor\" ref='$color' label=\"".concat(this.$i18n("background.color.property.color"),"\" key='background-color' onchange=\"changeColor\" />\n      </div>   \n        <div class='property-item animation-property-item' style='display:none;'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='z-index'></span>\n          </div>\n          <object refClass=\"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='mix-blend-mode'></span>\n          </div>\n          <object refClass=\"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          <object refClass=\"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:Vf("changeColor"),value:function(e,t){this.command("setAttribute","change background color",m()({},e,t))}},{key:"refresh",value:function(){var e=this.$selection.current;e&&(this.children.$zIndex.setValue(e["z-index"]||0),this.children.$mixBlend.setValue(e["mix-blend-mode"]),this.children.$overflow.setValue(e.overflow),this.children.$color.setValue(e["background-color"]||"rgba(0, 0, 0, 1)"))}},{key:Vf("changeSelect"),value:function(e,t){this.command("setAttribute","change attribute : ".concat(e),m()({},e,t))}},{key:Vf("refreshSelection"),value:function(){this.refreshShow(["project","artboard","rect","circle","image","video","text"])}}]),t}(zk);ki({AppearanceProperty:Bk});var Gk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Jr("$body"),value:function(){var e=(this.$selection.current||{})["border-radius"]||"";return"\n      <object refClass=\"BorderRadiusEditor\" ref='$1' value='".concat(e,"' onchange='changeBorderRadius' />\n    ")}},{key:Vf("refreshSelection")+Yr(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:Vf("changeBorderRadius"),value:function(e){this.command("setAttribute","change border radius",{"border-radius":e})}}]),t}(zk),Hk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Jr("$shadowList"),value:function(){var e=this.$selection.current||{};return('\n      <object refClass="BoxShadowEditor" ref=\'$boxshadow\' value="'.concat(e["box-shadow"]||"",'" hide-label="true" onChange="changeBoxShadow" />\n    '))}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(kf.add,"</button>")}},{key:pr("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:Vf("refreshSelection")+Yr(100),value:function(){this.refreshShow(["artboard","rect","circle","text"])}},{key:Vf("changeBoxShadow"),value:function(e){this.command("setAttribute","change box shadow",{"box-shadow":e})}}]),t}(zk),Nk=[];["margin","padding"].forEach((function(e){Nk.push.apply(Nk,["-top","-bottom","-left","-right"].map((function(t){return e+t})))}));var Xk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:Vf("refreshSelection")+Yr(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(e,t){var n=t[e]||nr.z();return('<input type="number" ref="$'.concat(e,'" value="').concat(n.value,'" tabIndex="1" />'))}},{key:Jr("$boxModelItem"),value:function(){var e=this.$selection.current;return e?'\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",e),'\n          </div>\n          <div data-value="bottom">\n            ').concat(this.templateInput("margin-bottom",e),'\n          </div>\n          <div data-value="left">\n            ').concat(this.templateInput("margin-left",e),'\n          </div>\n          <div data-value="right">\n            ').concat(this.templateInput("margin-right",e),'\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",e),'\n          </div>\n          <div data-value="bottom">\n            ').concat(this.templateInput("padding-bottom",e),'\n          </div>\n          <div data-value="left">\n            ').concat(this.templateInput("padding-left",e),'\n          </div>\n          <div data-value="right">\n            ').concat(this.templateInput("padding-right",e),"\n          </div>\n        </div>\n        <div class='content' title='Content'>\n        \n        </div>\n      </div>\n    "):""}},{key:xr("$boxModelItem input"),value:function(e){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var e=this,t={};Nk.forEach((function(n){t[n]=nr.px(e.getRef("$",n).value)})),this.command("setAttribute","change padding or margin",t)}}]),t}(zk),Yk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"Content"}},{key:Vf("refreshSelection","refreshContent")+Yr(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:ni("$contentItem"),value:function(){var e=this.$selection.current;return e?{value:e.content||""}:""}},{key:xr("$contentItem"),value:function(e){this.setContent()}},{key:"setContent",value:function(){var e=this.$selection.current;if(e){var t={content:this.refs.$contentItem.value};e.reset(t),this.emit("refreshCanvasForPartial",e)}}}]),t}(zk),_k=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"afterRender",value:function(){this.show()}},{key:Vf("refreshSelection"),value:function(){this.refresh()}},{key:"refresh",value:function(){var e=this.$selection.current;e&&(this.children.$color.setValue(e.color||"rgba(0, 0, 0, 1)"),this.children.$size.setValue(e["font-size"]),this.children.$stretch.setValue(e["font-stretch"]||"0%"),this.children.$style.setValue(e["font-style"]),this.children.$family.setValue(e["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        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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        <object refClass="SelectIconEditor" \n          ref=\'$style\' \n          label=\'').concat(this.$i18n("font.property.style"),'\' \n          key="font-style"\n          compact="true"\n          options="normal,italic" \n          icons=\'title,italic\'\n          onchange="changeRangeEditor" />\n      </div>      \n\n      <div class=\'property-item\'>\n        <object refClass="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:Vf("changeColor"),value:function(e,t){this.trigger("changeRangeEditor",e,t)}},{key:Vf("changeRangeEditor"),value:function(e,t){this.command("setAttribute","change font attribute",m()({},e,t))}}]),t}(zk),Kk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kf.add,"</button>")}},{key:pr("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:Jr("$shadowList"),value:function(){var e=this.$selection.current||{};return('\n      <object refClass="TextShadowEditor" ref=\'$textshadow\' value="'.concat(e["text-shadow"]||"",'" hide-label="true" onChange="changeTextShadow" />\n    '))}},{key:"afterRender",value:function(){this.show()}},{key:Vf("refreshSelection"),value:function(){this.refresh()}},{key:Vf("changeTextShadow"),value:function(e){this.command("setAttribute","change text shadow",{"text-shadow":e})}}]),t}(zk),Wk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:Vf("refreshSelection"),value:function(){this.refresh()}},{key:"refresh",value:function(){var e=this.$selection.current;e&&(this.children.$align.setValue(e["text-align"]),this.children.$transform.setValue(e["text-transform"]),this.children.$decoration.setValue(e["text-decoration"]))}},{key:"getBody",value:function(){return'\n      <div class="property-item">\n        <object refClass="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        <object refClass=\"SelectIconEditor\" \n          ref='$transform' \n          label='").concat(this.$i18n("text.property.transform"),"' \n          key='text-transform' \n          options=\"none,uppercase:AG,lowercase:ag,capitalize:Ag\"\n          icons=\"horizontal_rule\"\n          onchange='changeTextValue' />                \n      </div>        \n      <div class=\"property-item\">\n        <object refClass=\"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=\"horizontal_rule,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:Vf("changeTextValue"),value:function(e,t){this.command("setAttribute","change text property : ".concat(e),m()({},e,t))}}]),t}(zk),Uk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:Vf("refreshSelection"),value:function(){this.refresh()}},{key:"refresh",value:function(){var e=this.$selection.current;e&&(this.children.$lineHeight.setValue(e["line-height"]||nr.number(1)),this.children.$letter.setValue(e["letter-spacing"]||"0px"),this.children.$word.setValue(e["word-spacing"]||"0px"),this.children.$indent.setValue(e["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      <object refClass=\"RangeEditor\"  \n        ref='$lineHeight' \n        label='".concat(this.$i18n("font.spacing.property.lineHeight"),'\' \n        key="line-height" \n        min="0"\n        max="10"\n        step="0.01"\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        <object refClass="RangeEditor"  ref=\'$letter\' label=\'').concat(this.$i18n("font.spacing.property.letterSpacing"),"' key=\"letter-spacing\" min=\"-100\" max=\"100\" 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        <object refClass=\"RangeEditor\"  ref='$word' label='").concat(this.$i18n("font.spacing.property.wordSpacing"),"' key=\"word-spacing\"  min=\"-100\" max=\"100\" 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        <object refClass=\"RangeEditor\"  ref='$indent' label='").concat(this.$i18n("font.spacing.property.indent"),'\' key="text-indent"  min="-100" max="100" onchange="changeRangeEditor" />\n      </div>      \n    ')}},{key:Vf("changeRangeEditor"),value:function(e,t){""===t.unit&&(t=nr.number(t.value)),this.command("setAttribute","change font attribute: ".concat(e),m()({},e,t))}}]),t}(zk);function Zk(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var qk=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],Jk=qk.map((function(e){return e.key})),Qk={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(kf.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(kf.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(kf.repeat," Conic")},ex=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"Border Image"}},{key:Vf("refreshSelection"),value:function(){this.refresh()}},{key:"getTools",value:function(){var e=(this.$selection.current||{}).appliedBorderImage||!1;return"\n      <label><input type='checkbox' ".concat(e?"checked":""," ref='$apply' /> Apply</label>\n    ")}},{key:pr("$apply"),value:function(){var e=this.$selection.current;if(e){var t=this.refs.$apply.checked();e.reset({applyBorderImage:t}),this.emit("refreshElement",e)}}},{key:"getColorStepList",value:function(e){switch(e.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(e.colorsteps)}return""}},{key:"getColorStepString",value:function(e){return e.map((function(e){return"<div class='step' data-colorstep-id=\"".concat(e.id,"\" data-selected='").concat(e.selected,"' style='background-color:").concat(e.color,";'></div>")})).join("")}},{key:Jr("$borderImageView"),value:function(){var e=(this.$selection.current||{borderImage:{image:{}}}).borderImage,t=e.type?Qk[e.type]:"",n="background-image: ".concat(e.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(t,"</div>\n          <div class='colorsteps' ref=\"$colorsteps\">\n            ").concat(this.getColorStepList(e.image),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:Vf("changeBorderImage"),value:function(e,t){var n=this;"border-image-slice"===e&&Jk.forEach((function(e){n.children["$".concat(e,"Slice")].setValue(t)})),this.setBorderImageProperty()}},{key:"getBody",value:function(){this.$selection.current;return'\n      <div class="property-item border-image-item" ref=\'$borderImageView\'></div>    \n      <div class="property-item border-slice-item">\n        <div class="slice-selector" data-selected-value="all" ref="$selector">\n          <button type="button" data-value="all">'.concat(kf.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(kf.border_inner,'\n          </button>\n        </div>\n        <div class="slice-value">\n          <object refClass="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(qk.map((function(e){return"\n              <div>\n                <label class='title'>".concat(e.title,'</label>\n              </div>\n              <div>\n                <object refClass="RangeEditor"  ref=\'$').concat(e.key,"Slice' label='Slice' key='border-image-slice-").concat(e.key,"' onchange='changeBorderImage' /> \n              </div>  \n              <div>\n                <object refClass=\"RangeEditor\"  ref='$").concat(e.key,"Width' label='Width' key='border-image-width-").concat(e.key,"' onchange='changeBorderImage' /> \n              </div>                \n            ")})).join(""),"\n        </div>\n      </div>\n    ")}},{key:kr("$sliceSettingBox select"),value:function(e){this.setBorderImageProperty()}},{key:pr("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:pr("$borderImageView .colorsteps .step"),value:function(e){this.refs.$colorsteps.$('[data-selected="true"]').removeAttr("data-selected");var t=e.$dt.attr("data-colorstep-id");e.$dt.attr("data-selected",!0);var n=e.$dt.closest("border-image-item").$(".preview");this.viewFillPopup(n,t)}},{key:"getFillData",value:function(e){var t={type:e.type};switch(t.type){case"image":t.url=e.image?e.image.url:"";break;default:if(e.image){var n=e.image;t.type=n.type,t.colorsteps=j()(n.colorsteps),t.angle=n.angle,t.radialType=n.radialType||"ellipse",t.radialPosition=n.radialPosition||er.CENTER}else t.colorsteps=[],t.angle=0,t.radialType="ellipse",t.radialPosition=er.CENTER}return t}},{key:"viewFillPopup",value:function(e,t){var n=this.$selection.current;n&&this.emit("showFillPopup",function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Zk(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Zk(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({changeEvent:"changeBorderImageFillPopup"},this.getFillData(n.borderImage),{selectColorStepId:t,refresh:!0}))}},{key:"viewChangeImage",value:function(e){var t=this.$selection.current;if(t){var n,r=t.borderImage;if(r)(n=this.getRef("$miniView"))&&r.image&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(Qk.image),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.empty()}}},{key:"setImage",value:function(e){var t=this.$selection.current;t&&(t.borderImage.setImageUrl(e),this.viewChangeImage(e),this.emit("refreshElement",t))}},{key:"viewChangeGradient",value:function(e){var t=this.$selection.current;if(t){var n,r=t.borderImage;if(r)(n=this.getRef("$miniView"))&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(Qk[e.type]),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.html(this.getColorStepString(e.colorsteps))}}},{key:"setGradient",value:function(e){var t=this.$selection.current;t&&(t.borderImage.setGradient(e),this.viewChangeGradient(e),this.emit("refreshElement",t))}},{key:Vf("changeBorderImageFillPopup"),value:function(e){switch(e.type){case"image":this.setImage(e);break;default:this.setGradient(e)}}},{key:"setBorderImageProperty",value:function(){var e=this,t=this.$selection.current;if(t){var n=t.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 Jk.forEach((function(t){n.slice[t]=e.children["$".concat(t,"Slice")].getValue(),n.width[t]=e.children["$".concat(t,"Width")].getValue()}));this.emit("refreshElement",t)}}},{key:pr("$selector button"),value:function(e){var t=e.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",t),"all"===t?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderImageProperty()}}]),t}(zk);function tx(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(t).concat(e.startIndex).padEnd(10,"0")}function nx(e,t){var n=function(e,t){var n=e.match(t),r=[];if(!n)return r;for(var i=0,a=n.length;i<a;i++)r.push({parsedString:n[i]});var o={next:0};return r.forEach((function(t){var n=e.indexOf(t.parsedString,o.next);t.startIndex=n,t.endIndex=n+t.parsedString.length,o.next=t.endIndex})),r}(e,t);return n.forEach((function(t){e=e.replace(t.parsedString,tx(t))})),{str:e,matches:n}}function rx(e,t){return t.forEach((function(t){e=e.replace(tx(t),t.parsedString)})),e}function ix(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var ax=/((cubic-bezier|steps)\(([^\)]*)\))/gi,ox=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:nr.second(0),timingFunction:"linear",delay:nr.second(0),iterationCount:nr.string("infinite"),playState:"running",fillMode:"none"}}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).duration=nr.parse(e.duration),e.iterationCount=nr.parse(e.iterationCount),e}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ix(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ix(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},this.attrs("name","direction","duration","timingFunction","delay","iterationCount","playState","fillMode"))}},{key:"togglePlayState",value:function(e){e?this.reset({playState:"running"===e?"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 e=this.json;return[e.duration,e.timingFunction,e.delay,e.iterationCount,e.direction,e.fillMode,e.playState,e.name].join(" ")}}],[{key:"parse",value:function(e){return new t(e)}},{key:"join",value:function(e){return e.map((function(e){return new t(e).toString()})).join(",")}},{key:"add",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.parseStyle(e);return r.push(t.parse(n)),t.join(r)}},{key:"remove",value:function(e,n){return t.filter(e,(function(e,t){return n!=t}))}},{key:"filter",value:function(e,n){return t.join(t.parseStyle(e).filter((function(e){return n(e)})))}},{key:"replace",value:function(e,n,r){var i=t.parseStyle(e);return i[n]?i[n]=r:i.push(r),t.join(i)}},{key:"get",value:function(e,n){return t.parseStyle(e)[n]}},{key:"parseStyle",value:function(e){var n=[];if(!e)return n;var r=nx(e,ax);return(n=r.str.split(",").map((function(e){var t=e.split(" ").filter(Boolean);return t.length>=7?{duration:nr.parse(t[0]),timingFunction:rx(t[1],r.matches),delay:nr.parse(t[2]),iterationCount:"infinite"===t[3]?nr.string("infinite"):nr.parse(t[3]),direction:t[4],fillMode:t[5],playState:t[6],name:t[7]}:t.length>=3?{duration:nr.parse(t[0]),timingFunction:rx(t[1],r.matches),delay:nr.parse(t[2]),name:t[3]}:t.length>=1?{duration:nr.parse(t[0]),name:t[1]}:{}}))).map((function(e){return t.parse(e)}))}}]),t}(Yi);function sx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var cx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kf.add,"</button>\n    ")}},{key:Jr("$animationList")+Xr,value:function(){var e=this,t=this.$selection.current;return t?ox.parseStyle(t.animation).map((function(t,n){var r=e.state.selectedIndex===n?"selected":"",i=$t(t.timingFunction,30,30);return"\n      <div class='animation-group-item'>\n        <div class='animation-item ".concat(r,"' \n             data-index='").concat(n,"' \n             ref=\"animationIndex").concat(n,"\" \n          >\n            <div class='timing preview' data-index='").concat(n,"' ref='$preview").concat(n,'\'>\n              <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                <path d="').concat(i,"\" stroke=\"white\" stroke-width=\"1\" fill='none' />\n              </svg>\n            </div>\n            <div class='name'>\n              <div class='title' ref=\"animationName").concat(n,'">\n                ').concat(t.name?t.name:"&lt; ".concat(e.$i18n("animation.property.select a keyframe")," &gt;"),"\n              </div>\n              <div class='labels'>\n                <label class='count' title='").concat(e.$i18n("animation.property.iteration.count"),"'><small>").concat(t.iterationCount,"</small></label>\n                <label class='delay' title='").concat(e.$i18n("animation.property.delay"),"'><small>").concat(t.delay,"</small></label>\n                <label class='duration' title='").concat(e.$i18n("animation.property.duration"),"'><small>").concat(t.duration,"</small></label>\n                <label class='direction' title='").concat(e.$i18n("animation.property.direction"),"'><small>").concat(t.direction,"</small></label>\n                <label class='fill-mode' title='").concat(e.$i18n("animation.property.fill.mode"),"'><small>").concat(t.fillMode,"</small></label>\n                <label class='play-state' title='").concat(e.$i18n("animation.property.play.state"),"' data-index='").concat(n,"' data-play-state-selected-value=\"").concat(t.playState,"\">\n                  <small data-play-state-value='running'>").concat(kf.play,"</small>\n                  <small data-play-state-value='paused'>").concat(kf.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(kf.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:Vf("refreshSelection")+Yr(100),value:function(){this.refreshShowIsNot("project"),this.emit("hideAnimationPropertyPopup")}},{key:pr("$add"),value:function(e){var t=this.$selection.current;t&&(t.reset({animation:ox.add(t.animation,{name:null})}),this.emit("refreshElement",t)),this.refresh()}},{key:pr("$animationList .tools .del"),value:function(e){var t=e.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({animation:ox.remove(n.animation,t)}),this.emit("refreshElement",n),this.refresh())}},{key:pr("$animationList .play-state"),value:function(e){var t=+e.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=ox.parseStyle(n.animation),i=r[t];i&&(i.togglePlayState(),e.$dt.attr("data-play-state-selected-value",i.playState),n.reset({animation:ox.join(r)}),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t?this.refs["animationIndex".concat(e)].addClass("selected"):this.refs["animationIndex".concat(e)].removeClass("selected")}},{key:"viewAnimationPicker",value:function(e){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+e.attr("data-index"),this.current=this.$selection.current,this.current&&(this.currentAnimation=ox.get(this.current.animation,this.selectedIndex),this.viewAnimationPropertyPopup())}},{key:"viewAnimationPropertyPopup",value:function(){if(this.currentAnimation){var e=this.currentAnimation;this.emit("showAnimationPropertyPopup",{changeEvent:"changeAnimationPropertyPopup",data:e.toCloneObject(),instance:this})}}},{key:pr("$animationList .preview"),value:function(e){this.viewAnimationPicker(e.$dt)}},{key:"getRef",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return this.refs[t.join("")]}},{key:Vf("changeAnimationPropertyPopup"),value:function(e){this.currentAnimation&&(this.currentAnimation.reset(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?sx(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):sx(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e)),this.current&&(this.current.reset({animation:ox.replace(this.current.animation,this.selectedIndex,this.currentAnimation)}),this.emit("refreshElement",this.current),this.refresh()))}}]),t}(zk);ki({AnimationProperty:cx});var lx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kf.add,"</button>\n    ")}},{key:"makeProperty",value:function(e){var t=e.key;return"x"===t?t="left":"y"===t&&(t="top"),"\n      <div class='offset-property-item'>\n        <label>".concat(t,":</label>\n        <div class='value'>").concat(e.value,"</div>\n      </div>\n    ")}},{key:"makeOffset",value:function(e){var t=this;return("\n      <div class='offset'>\n        <label>".concat(e.offset,"</label>\n        <div class='properties'>\n          ").concat(e.properties.map((function(e){return t.makeProperty(e)})).join(""),"\n        </div>        \n      </div>\n    "))}},{key:"makeKeyframeTemplate",value:function(e,t){var n=this;return t=t.toString(),"\n      <div class='keyframe-item' data-selected-value='".concat(e.selectedType,"' ref='$keyframeIndex").concat(t,"' data-index='").concat(t,"'>\n        <div class='title'>\n          <div class='name'>").concat(e.name,"</div>\n          <div class='tools'>\n            <div class='group'>\n              <button type=\"button\" data-type='list'>").concat(kf.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(kf.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(t,'">').concat(kf.remove2,"</button>\n          </div>\n        </div>\n        <div class='offset-list'>\n          <div class='container'>\n            ").concat(e.offsets.map((function(e){return"\n              <div class='offset' style='left: ".concat(e.offset,"; background-color: ").concat(e.color,"'></div>\n              ")})).join(""),"\n          </div>\n        </div>\n        <div class='keyframe-code' data-type='list'>\n          ").concat(e.offsets.map((function(e){return n.makeOffset(e)})).join(""),"\n        </div>\n        <div class='keyframe-code' data-type='code'>\n          <pre>").concat(e.toString().trim(),"</pre>\n        </div>        \n      </div>\n    ")}},{key:pr("$keyframeList .keyframe-item .title .group button[data-type]"),value:function(e){var t=e.$dt.closest("keyframe-item"),n=+t.attr("data-index"),r=e.$dt.attr("data-type"),i=this.$selection.currentProject;if(i){var a=i.keyframes[n];a&&a.reset({selectedType:r}),t.attr("data-selected-value",r)}}},{key:pr("$keyframeList .keyframe-item .offset-list"),value:function(e){var t=+e.$dt.closest("keyframe-item").attr("data-index");this.$selection.currentProject&&this.viewKeyframePicker(t)}},{key:pr("$keyframeList .del")+Zr,value:function(e){var t=e.$dt.attr("data-index"),n=this.$selection.currentProject;n&&(n.removeKeyframe(t),this.emit("refreshProject",n),this.refresh())}},{key:Vf("refreshSelection")+Yr(100),value:function(){this.refreshShowIsNot("project")}},{key:Jr("$keyframeList"),value:function(){var e=this,t=this.$selection.currentProject;if(!t)return"";var n=t.keyframe?Ms.parseStyle(t):t.keyframes;return t.keyframe="",t.keyframes=n,n.map((function(t,n){return e.makeKeyframeTemplate(t,n)}))}},{key:pr("$add"),value:function(){var e=this.$selection.currentProject;e?(e.createKeyframe(),this.refresh(),this.emit("refreshProject",e)):alert("Please select a project.")}},{key:"viewKeyframePicker",value:function(e){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+e,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(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t?this.getRef("$keyframeIndex",e).addClass("selected"):this.getRef("$keyframeIndex",e).removeClass("selected"),this.current&&this.current.keyframes.forEach((function(t,n){t.selected=n===e}))}},{key:"viewKeyframePropertyPopup",value:function(e){if(this.current=this.$selection.currentProject,this.current){this.currentKeyframe=this.current.keyframes[this.selectedIndex];var t=this.currentKeyframe,n=t.name,r=t.offsets;this.emit("showKeyframePopup",{position:e,name:n,offsets:r})}}},{key:Vf("changeKeyframePopup"),value:function(e){var t=this.$selection.currentProject;t&&(this.currentKeyframe=t.keyframes[this.selectedIndex],this.currentKeyframe&&this.currentKeyframe.reset(e),this.refresh(),this.emit("refreshProject",t))}}]),t}(zk),ux=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("background.image.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"afterRender",value:function(){this.show()}},{key:"getKeyframeProperty",value:function(){return"background-image"}},{key:"getClassName",value:function(){return"background-image"}},{key:"getBody",value:function(){return"\n      <div class='full' ref='$property'></div>               \n    "}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(kf.add,"</button>")}},{key:pr("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:Jr("$property"),value:function(){var e=(this.$selection.current||{})["background-image"]||"";return"<object refClass=\"BackgroundImageEditor\" \n              ref='$backgroundImageEditor' \n              key='background-image'\n              value='".concat(e,"' \n              hide-label=\"true\"\n              onchange='changeBackgroundImage' \n            />")}},{key:Vf("refreshSelection"),value:function(){this.refreshShow(["artboard","rect","circle","text","image","video"])}},{key:"refresh",value:function(){this.load()}},{key:Vf("changeBackgroundImage")+Yr(10),value:function(e,t){this.command("setAttribute","change background image",m()({},e,t))}}]),t}(zk),hx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"afterRender",value:function(){this.show()}},{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(kf.add,"</button>\n    ")}},{key:pr("$add"),value:function(){var e=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",e)}},{key:Jr("$filterSelect"),value:function(){var e=this,t=Zf.map((function(t){return{title:e.$i18n("filter.property.".concat(t)),value:t}})),n=this.getSVGFilterList();return(n.length?[].concat(j()(t),[{title:"-------",value:""}],j()(n)):j()(t)).map((function(e){var t=e.title,n=e.value;return"<option value='".concat(n,"'>").concat(t,"</option>")}))}},{key:"getSVGFilterList",value:function(){var e=this.$selection.currentProject,t=[];return e&&(t=e.svgfilters.map((function(e){var t=e.id;return{title:"svg - #".concat(t),value:t}}))),t}},{key:Jr("$body"),value:function(){var e=(this.$selection.current||{}).filter;return"<object refClass=\"FilterEditor\" ref='$filterEditor' value='".concat(e,"' hide-label='true' onchange='changeFilterEditor' />")}},{key:Vf("changeFilterEditor"),value:function(e){this.command("setAttribute","change filter",{filter:e})}},{key:Vf("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Vf("refreshSVGArea")+Yr(1e3),value:function(){this.load("$filterSelect")}}]),t}(zk),px=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:Vf("refreshSelectionStyleView","refreshStyleView","refreshSelection","refreshSVGArea")+Yr(100),value:function(){this.refreshShowIsNot()}},{key:"getBody",value:function(){return"\n      <div class=\"property-item code-view-item\" ref='$body'></div>\n    "}},{key:Jr("$body")+Xr,value:function(){return[Xb.codeview(this.$selection.current),Tl.codeview(this.$selection.current)]}}]),t}(zk),dx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kf.add,"</button>\n    ")}},{key:pr("$add"),value:function(){var e=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",e)}},{key:Jr("$filterSelect"),value:function(){var e=this,t=Zf.map((function(t){return{title:e.$i18n("filter.property.".concat(t)),value:t}})),n=this.getSVGFilterList();return(n.length?[].concat(j()(t),[{title:"-------",value:""}],j()(n)):j()(t)).map((function(e){var t=e.title,n=e.value;return"<option value='".concat(n,"'>").concat(t,"</option>")}))}},{key:"getSVGFilterList",value:function(){var e=this.$selection.currentProject,t=[];return e&&(t=e.svgfilters.map((function(e){return{title:"svg - #".concat(e.id),value:e.id}}))),t}},{key:Jr("$body"),value:function(){var e=(this.$selection.current||{})["backdrop-filter"];return"<object refClass=\"FilterEditor\" ref='$filterEditor' value='".concat(e,"' hide-label=\"true\" onchange='changeFilterEditor' />")}},{key:Vf("changeFilterEditor"),value:function(e){this.command("setAttribute","change backdrop filter",{"backdrop-filter":e})}},{key:Vf("refreshSelection"),value:function(){this.refreshShowIsNot(["project","artboard"])}}]),t}(zk);ki({BackdropFilterProperty:dx});var fx=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],vx={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},yx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(fx.map((function(e){return"<div class='direction' data-value='".concat(e,"'></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(kf.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:pr("$directionArea .direction"),value:function(e){var t=e.$dt.attr("data-value"),n=nr.deg(vx[t]||0);this.$selection.each((function(e){var t=Zi.replace(e.transform,{type:"rotateZ",value:[n]});e.reset({transform:t})})),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect"),this.$selection.setRectCache()}},{key:ni("$rotateContainer"),value:function(){var e=this.$selection.current||{transform:""};return{style:{transform:Zi.filter(e.transform||"",(function(e){return"rotateX"===e.type||"rotateY"===e.type}))}}}},{key:ni("$rotateZ"),value:function(){var e=this.$selection.current||{transform:""};return{style:{transform:Zi.filter(e.transform||"",(function(e){return"rotate"===e.type||"rotateZ"===e.type}))}}}},{key:dr("$rotateArea"),value:function(){this.$selection.each((function(e){e.reset({transform:Zi.remove(e.transform,["rotateX","rotateY"])})})),this.$selection.setRectCache(),this.bindData("$rotateContainer"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:Cr("$rotateArea")+Wr("moveRotateXY")+Ur("moveEndRotateXY"),value:function(){this.state.rotateCache=this.$selection.map((function(e){var t=Zi.get(e.transform,"rotateX"),n=Zi.get(e.transform,"rotateY");return{item:e,rotateX:t?t[0]:nr.deg(0),rotateY:n?n[0]:nr.deg(0)}}))}},{key:"moveRotateXY",value:function(e,t){var n=nr.deg(-t),r=nr.deg(e);this.state.rotateCache.forEach((function(e){var t=e.item.transform;t=Zi.rotateX(t,nr.deg(e.rotateX.value+n.value)),t=Zi.rotateY(t,nr.deg(e.rotateY.value+r.value)),e.item.transform=t})),this.bindData("$rotateContainer"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:"moveEndRotateXY",value:function(e,t){this.emit("refreshSelectionStyleView"),this.emit("refreshRect"),this.$selection.setRectCache()}},{key:dr("$handle"),value:function(){this.$selection.each((function(e){e.reset({transform:Zi.remove(e.transform,["rotateZ","rotate"])})})),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:Cr("$handle")+Wr()+Ur(),value:function(){var e=this.refs.$handle.rect(),t=this.refs.$rotateZ.rect();this.rotateZCenter={x:t.x+t.width/2,y:t.y+t.height/2},this.rotateZStart={x:e.x+e.width/2,y:e.y+e.height/2},this.state.rotateCache=this.$selection.map((function(e){var t=Zi.get(e.transform,"rotateZ");return{item:e,rotateZ:t?t[0]:nr.deg(0)}}))}},{key:"move",value:function(e,t){this.modifyRotateZ(e,t),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:"end",value:function(){this.emit("refreshSelectionStyleView"),this.emit("refreshRect"),this.$selection.setRectCache()}},{key:"modifyRotateZ",value:function(e,t){this.$config.get("bodyEvent");var n=nr.deg(Math.floor(te(this.rotateZStart,this.rotateZCenter,{dx:e,dy:t})));this.state.rotateCache.forEach((function(e){var t=e.item.transform;t=Zi.rotateZ(t,nr.deg(e.rotateZ.value+n.value)),e.item.transform=t}))}},{key:Vf("refreshSelection"),value:function(){this.refresh()}}]),t}(Df);function gx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var mx=["rotate","rotateX","rotateY","rotateZ","rotate3d","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],bx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?gx(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):gx(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"components",this).call(this),{RotateEditorView:yx})}},{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return this.$i18n("transform.property.title")}},{key:"getBody",value:function(){return"\n      <object refClass=\"RotateEditorView\" />\n      <div class='full transform-property' ref='$body'></div>\n    "}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform"}},{key:"getTools",value:function(){var e=this;return('\n      <select ref="$transformSelect">\n      '.concat(mx.map((function(t){var n=e.$i18n("css.item."+t);return"<option value='".concat(t,"'>").concat(n,"</option>")})).join(""),'\n      </select>\n      <button type="button" ref="$add" title="add Filter">').concat(kf.add,"</button>\n    "))}},{key:pr("$add"),value:function(){var e=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",e)}},{key:Jr("$body"),value:function(){var e=(this.$selection.current||{}).transform;return"\n      <object refClass=\"TransformEditor\" ref='$transformEditor' value='".concat(e,"' hide-label=\"true\" onchange='changeTransformEditor' />\n    ")}},{key:Vf("changeTransformEditor"),value:function(e){this.command("setAttribute","change transform property",{transform:function(t){return Zi.replaceAll(t.transform,e)}})}},{key:Vf("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Vf("refreshRect")+Yr(100),value:function(){this.refresh()}}]),t}(zk),kx=["circle","ellipse","inset","polygon","path","svg"],xx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kx.map((function(e){return"<option value='".concat(e,"'>").concat(e,"</option>")})).join(""),'\n      </select>\n      <button type="button" ref="$add" title="add Clip Path">').concat(kf.add,"</button>\n    ")}},{key:"makeClipPathTemplate",value:function(e){return"\n      <div class='clippath-item'>\n        <div class='title'>\n          <div class='name'>".concat(e,'</div>\n        </div>\n        <div class=\'tools\'>\n          <button type="button" class="del">').concat(kf.remove2,"</button>\n        </div>        \n      </div>\n    ")}},{key:pr("$clippathList .clippath-item .title"),value:function(e){this.$selection.current&&this.viewClipPathPicker()}},{key:pr("$clippathList .del")+Zr,value:function(e){var t=this,n=this.$selection.current;n&&(this.command("setAttribute","delete clip-path",{"clip-path":""},n.id),this.emit("hideClipPathPopup"),setTimeout((function(){t.refresh()}),100))}},{key:Vf("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Jr("$clippathList"),value:function(){var e=this.$selection.current;return e&&e["clip-path"]?this.makeClipPathTemplate(e["clip-path"].split("(")[0]):""}},{key:pr("$add"),value:function(){var e=this.$selection.current;e&&(e["clip-path"]?alert("clip-path is already exists."):(e&&(e["clip-path"]=this.refs.$clipPathSelect.value,this.command("setAttribute","change clip-path",{"clip-path":this.refs.$clipPathSelect.value},e.id)),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var e=this.$selection.current;if(e){var t=ts.parseStyle(e["clip-path"]);switch(t.type){case"path":var n=e.accumulatedPath(t.value.trim()).d,r=n?"modify":"path";this.emit("showPathEditor",r,{changeEvent:"updateClipPathString",current:e,d:n,screenX:e.screenX,screenY:e.screenY,screenWidth:e.screenWidth,screenHeight:e.screenHeight});break;case"svg":break;default:this.emit("showClipPathPopup",{"clip-path":e["clip-path"]})}}}},{key:Vf("updateClipPathString"),value:function(e){var t=this.$selection.current;t&&(e.d=t.invertPath(e.d).round(1e3).d,t.reset({"clip-path":"path(".concat(e.d,")")}),this.refresh(),this.emit("updateClipPath",e))}},{key:Vf("changeClipPathPopup"),value:function(e){var t=this.$selection.current;t&&(t.reset(e),this.refresh(),this.command("setAttribute","change clip-path",e,t.id))}}]),t}(zk),wx=/((cubic-bezier|steps)\(([^\)]*)\))/gi,Sx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return{name:"all",duration:nr.second(0),timingFunction:"linear",delay:nr.second(0)}}},{key:"toCloneObject",value:function(){return{name:this.json.name,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 e=this.json;return[e.name,e.duration,e.timingFunction,e.delay].join(" ")}}],[{key:"parse",value:function(e){return new t(e)}},{key:"join",value:function(e){return e.map((function(e){return new t(e).toString()})).join(",")}},{key:"add",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.parseStyle(e);return r.push(t.parse(n)),t.join(r)}},{key:"remove",value:function(e,n){return t.filter(e,(function(e,t){return n!=t}))}},{key:"filter",value:function(e,n){return t.join(t.parseStyle(e).filter((function(e){return n(e)})))}},{key:"replace",value:function(e,n,r){var i=t.parseStyle(e);return i[n]?i[n]=r:i.push(r),t.join(i)}},{key:"get",value:function(e,n){return t.parseStyle(e)[n]}},{key:"parseStyle",value:function(e){var n=[];if(!e)return n;var r=nx(e,wx);return(n=r.str.split(",").map((function(e){var t=e.split(" ").filter(Boolean);return t.length>=4?{name:t[0],duration:nr.parse(t[1]),timingFunction:rx(t[2],r.matches),delay:nr.parse(t[3])}:t.length>=3?{name:t[0],duration:nr.parse(t[1]),delay:nr.parse(t[2])}:t.length>=1?{name:t[0],duration:nr.parse(t[1])}:{}}))).map((function(e){return t.parse(e)}))}}]),t}(Yi);function Px(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var jx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kf.add,"</button>\n    ")}},{key:Jr("$transitionList")+Xr,value:function(){var e=this,t=this.$selection.current;return t?Sx.parseStyle(t.transition).map((function(t,n){var r=e.state.selectedIndex===n?"selected":"",i=$t(t.timingFunction,30,30);return"\n      <div class='transition-group-item'>\n        <div class='transition-item ".concat(r,"' data-index='").concat(n,"' ref=\"transitionIndex").concat(n,"\">\n            <div class='timing preview' data-index='").concat(n,"' ref='$preview").concat(n,'\'>\n              <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                <path d="').concat(i,"\" stroke=\"white\" stroke-width=\"1\" fill='none' />\n              </svg>\n            </div>\n            <div class='name'>\n              <div class='labels'>\n                <span class='property-name' title='Property'>").concat(t.name,"</span>\n                <span class='duration' title='Duration'><small>Duration: ").concat(t.duration,"</small></span>\n                <span class='delay' title='Delay'><small>Delay: ").concat(t.delay,'</small></span>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(kf.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:Vf("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:pr("$add"),value:function(e){var t=this.$selection.current;t&&(t.reset({transition:Sx.add(t.transition)}),this.emit("refreshElement",t)),this.refresh()}},{key:"getCurrentTransition",value:function(){return this.current.transitions[this.selectedIndex]}},{key:pr("$transitionList .tools .del"),value:function(e){var t=e.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({transition:Sx.remove(n.transition,t)}),this.emit("refreshElement",n),this.refresh())}},{key:"selectItem",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t?this.refs["transitionIndex".concat(e)].addClass("selected"):this.refs["transitionIndex".concat(e)].removeClass("selected")}},{key:"viewTransitionPicker",value:function(e){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+e.attr("data-index"),this.current=this.$selection.current,this.current&&(this.currentTransition=Sx.get(this.current.transition,this.selectedIndex),this.viewTransitionPropertyPopup())}},{key:"viewTransitionPropertyPopup",value:function(){if(this.currentTransition){var e=this.currentTransition;this.emit("showTransitionPropertyPopup",{changeEvent:"changeTransitionPropertyPopup",data:e.toCloneObject(),instance:this})}}},{key:pr("$transitionList .preview"),value:function(e){this.viewTransitionPicker(e.$dt)}},{key:"getRef",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return this.refs[t.join("")]}},{key:Vf("changeTransitionPropertyPopup"),value:function(e){this.currentTransition&&(this.currentTransition.reset(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Px(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Px(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e)),this.current&&(this.current.reset({transition:Sx.replace(this.current.transition,this.selectedIndex,this.currentTransition)}),this.emit("refreshElement",this.current),this.refresh()))}}]),t}(zk),Ox=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kf.remove,"</button>\n    ")}},{key:pr("$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:Jr("$body"),value:function(){var e=(this.$selection.current||{})["perspective-origin"]||"";return"<object refClass=\"PerspectiveOriginEditor\" \n              ref='$1' \n              value='".concat(e,"' \n              onchange='changePerspectiveOrigin' \n            />")}},{key:Vf("refreshSelection")+Yr(100),value:function(){this.refreshShowIsNot(["project"])}},{key:Vf("changePerspectiveOrigin"),value:function(e){this.command("setAttribute","change perspective origin",{"perspective-origin":e})}}]),t}(zk),$x=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kf.remove,"</button>\n    ")}},{key:pr("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:Jr("$perspective"),value:function(){var e=(this.$selection.current||{}).perspective||"";return"\n        <object refClass=\"RangeEditor\"  ref='$1' key='perspective' value=\"".concat(e,'" max="2000px" onchange="changePerspective" />\n    ')}},{key:Vf("changePerspective"),value:function(e,t){this.command("setAttribute","change perspective",m()({},e,t))}},{key:Vf("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}}]),t}(zk),Cx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("transform.origin.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform-origin"}},{key:pr("$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:Jr("$body"),value:function(){var e=(this.$selection.current||{})["transform-origin"]||"";return"<object refClass=\"TransformOriginEditor\" ref='$1' value='".concat(e,"' onchange='changeTransformOrigin' />")}},{key:Vf("refreshSelection","refreshRect")+Yr(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:Vf("changeTransformOrigin"),value:function(e,t){this.command("setAttribute","change transform-origin",{"transform-origin":t})}}]),t}(zk),Ex=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Jr("$backgroundClip"),value:function(){var e=(this.$selection.current||{})["background-clip"]||"";return'<object refClass="SelectEditor"  ref=\'$1\' key=\'background-clip\' icon="true" value="'.concat(e,'" options=",paddinb-box,border-box,content-box,text" onchange="changeSelect" />')}},{key:Vf("changeSelect"),value:function(e,t){this.command("setAttribute","change background clip",m()({},e,t))}},{key:Vf("refreshSelection")+Yr(100),value:function(){this.refreshShow(["rect","circle","text"])}}]),t}(zk);function Tx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Vx(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Tx(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Tx(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Dx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(e){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Vx({itemType:"selector",selector:"",properties:[]},e))}},{key:"toCloneObject",value:function(){return Vx({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("selector","properties"))}},{key:"isMultiStyle",value:function(e){switch(e){case"background-image":case"var":return!0}return!1}},{key:"getMultiStyleString",value:function(e){switch(e.key){case"background-image":return e.value.toString()+";"}return e.value.toString()+" !important;"}},{key:"toPropertyString",value:function(){var e=this;return this.json.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," !important;")}return""})).join("\n")}},{key:"toCSSText",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"".concat(e).concat(this.json.selector," {\n    ").concat(this.toPropertyString(),"\n}")}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.toCSSText(e)}}],[{key:"parse",value:function(e){return new t(e)}}]),t}(Yi),Ix=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].join(","),Mx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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        <object refClass=\"SelectEditor\"  ref='$select' key='selector' icon=\"true\" key-value-char=';' none-value=\"selector\" options=\"".concat(Ix,'" />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(kf.add,"</button>\n    ")}},{key:"makeSelectorTemplate",value:function(e,t){return t=t.toString(),"\n      <div class='selector-item' draggable='true' ref='$selectorIndex".concat(t,"' data-index='").concat(t,"'>\n        <div class='title'>\n          <div class='name'>\n            <span>").concat(e.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(t,'">').concat(kf.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:pr("$selectorList .selector-item .name"),value:function(e){var t=+e.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(t)}},{key:pr("$selectorList .selector-item .del")+Zr+qr,value:function(e){var t=e.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeSelector(t),this.emit("refreshElement",n),this.refresh())}},{key:Vf("refreshSelection")+Yr(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:Jr("$selectorList"),value:function(){var e=this,t=this.$selection.current;if(!t)return"";var n=t.selector?Dx.parseStyle(t):t.selectors;return t.selector="",t.selectors=n,(n||[]).map((function(t,n){return e.makeSelectorTemplate(t,n)}))}},{key:yr("$selectorList .selector-item .title"),value:function(e){this.startIndex=+e.$dt.attr("data-index")}},{key:mr("$selectorList .selector-item")+Zr,value:function(e){}},{key:gr("$selectorList .selector-item")+Zr,value:function(e){var t=+e.$dt.attr("data-index"),n=this.$selection.current;n&&(n.sortSelector(this.startIndex,t),this.emit("refreshElement",n),this.refresh())}},{key:pr("$add"),value:function(){var e=this.$selection.current;e&&(e.createSelector({selector:this.children.$select.getValue()}),this.emit("refreshElement",e)),this.refresh()}},{key:"viewSelectorPicker",value:function(e){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+e,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(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t?this.getRef("$selectorIndex",e).addClass("selected"):this.getRef("$selectorIndex",e).removeClass("selected"),this.current&&this.current.selectors.forEach((function(t,n){t.selected=n===e}))}},{key:"viewSelectorPropertyPopup",value:function(e){if(this.current=this.$selection.current,this.current){this.currentSelector=this.current.selectors[this.selectedIndex];var t=this.currentSelector,n=t.selector,r=t.properties;this.emit("showSelectorPopup",{position:e,selector:n,properties:r})}}},{key:Vf("changeSelectorPopup"),value:function(e){this.current=this.$selection.current,this.current&&(this.currentselector=this.current.selectors[this.selectedIndex],this.currentSelector&&this.currentSelector.reset(e),this.refresh(),this.emit("refreshElement",this.current))}}]),t}(zk),Lx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:Vf("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Vf("refreshRect"),value:function(){var e=this.$selection.current;if(!e)return"";this.children.$x.setValue(e.x||Length.z()),this.children.$y.setValue(e.y||Length.z()),this.children.$width.setValue(e.width||Length.z()),this.children.$height.setValue(e.height||Length.z()),this.children.$opacity.setValue(e.opacity||"1");var t=Zi.get(e.transform,"rotateZ");t?this.children.$rotate.setValue(t[0]):this.children.$rotate.setValue(e.rotate)}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return"\n      <div class=\"position-item\" ref=\"$positionItem\" style='padding: 5px 0px;'>\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            <object refClass='InputRangeEditor' ref='$x' compact=\"true\" label=\"X\" key='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            <object refClass='InputRangeEditor' ref='$y' compact=\"true\"  label=\"Y\" key='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; 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            <object refClass='InputRangeEditor' ref='$width' compact=\"true\"  label=\"".concat(this.$i18n("position.property.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            <object refClass='InputRangeEditor' ref='$height' compact=\"true\"  label=\"").concat(this.$i18n("position.property.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; padding-top: 10px;'>\n          <div class='property-item animation-property-item'>\n            <div class='group'>\n              <span class='add-timeline-property' data-property='rotate'></span>\n            </div>\n            <object refClass='InputRangeEditor' \n              ref='$rotate' \n              key='rotateZ' \n              compact=\"true\" \n              label='rotate_left'\n              min=\"0\"\n              max=\"360\"\n              step=\"0.01\"\n              units=\"deg\"\n              onchange=\"changeRotate\" />\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            <object refClass=\"NumberInputEditor\"\n              ref='$opacity' \n              key='opacity' \n              compact=\"true\" \n              label='opacity'\n              min=\"0\"\n              max=\"1\"\n              step=\"0.01\"\n              onchange=\"changeSelect\" />\n          </div>        \n        </div>                \n      </div>\n    ")}},{key:"refresh",value:function(){var e=this.$selection.current;e&&(this.children.$x.setValue(e.x),this.children.$y.setValue(e.y),this.children.$width.setValue(e.width),this.children.$height.setValue(e.height))}},{key:Vf("changRangeEditor"),value:function(e,t){this.command("setAttribute","change position or size",m()({},e,t)),this.emit("refreshAllElementBoundSize")}},{key:Vf("changeRotate"),value:function(e,t){this.command("setAttribute","change rotate",{rotate:t})}},{key:Vf("changeSelect"),value:function(e,t){this.command("setAttribute","change ".concat(e),m()({},e,t))}}]),t}(zk),Rx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kf.add,"</button>\n    ")}},{key:pr("$add"),value:function(){this.emit("addProject")}},{key:"getBody",value:function(){return'\n      <div class="project-list scrollbar" ref="$projectList"></div>\n    '}},{key:Jr("$projectList")+Xr,value:function(){var e=this;return(this.$editor.projects||[]).map((function(t,n){var r=t===e.$selection.currentProject?"selected":"";return("\n        <div class='project-item ".concat(r,"'>\n          <div class='detail'>\n            <label data-index='").concat(n,"'>").concat(t.name||"New Project",'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(n,"\" title='Remove'>").concat(kf.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      "))}))}},{key:dr("$projectList .project-item"),value:function(e){this.startInputEditing(e.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(e){var t=this;this.endInputEditing(e,(function(e,n){var r=t.$editor.projects[e];r&&r.reset({name:n})}))}},{key:fr("$projectList .project-item label")+Gr+Zr+qr,value:function(e){return this.modifyDoneInputEditing(e.$dt),!1}},{key:Sr("$projectList .project-item label")+Zr+qr,value:function(e){this.modifyDoneInputEditing(e.$dt)}},{key:"selectProject",value:function(e){e&&(this.$selection.selectProject(e),e.artboards.length&&(this.$selection.selectArtboard(e.artboards[0]),this.$selection.select())),this.refresh(),this.emit("refreshAllSelectProject")}},{key:pr("$projectList .project-item label"),value:function(e){var t=+e.$dt.attr("data-index");this.selectProject(this.$editor.projects[t])}},{key:pr("$projectList .project-item .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.$editor.projects.splice(t);var n=this.$editor.projects[t]||this.$editor.projects[t-1];this.selectProject(n)}},{key:Vf("refreshProjectList"),value:function(){this.refresh()}}]),t}(zk),Ax=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:"getBody",value:function(){return"\n      <div class=\"layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:ni("$dragPointer"),value:function(){var e=this.state.lastDragOverOffset,t=this.state.itemRect.height/3,n={};if(this.state.lastDragOverOffset<t){e=0;var r=this.state.lastDragOverPosition+e-this.state.rootRect.top;n={top:nr.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="before"}else if(this.state.lastDragOverOffset>this.state.itemRect.height-t){e=this.state.itemRect.height;r=this.state.lastDragOverPosition+e-this.state.rootRect.top;n={top:nr.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="after"}else{e=0;r=this.state.lastDragOverPosition+e-this.state.rootRect.top;n={top:nr.px(r),height:nr.px(this.state.itemRect.height),width:"100%",left:"0px"},this.state.lastDragOverItemDirection="self"}return n.display=this.state.hideDragPointer?"none":"block",{style:n}}},{key:"getIcon",value:function(e){if(e.isGroup&&!1===e.is("artboard"))return kf.group;switch(e.itemType){case"artboard":return kf.artboard;case"circle":return kf.lens;case"image":return kf.image;case"text":case"svg-text":return kf.title;case"svg-textpath":return kf.text_rotate;case"svg-path":return kf.pentool;case"cube":return kf.cube;case"cylinder":return kf.cylinder;default:return kf.rect}}},{key:"makeLayerList",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(!e.layers)return"";for(var n=e.layers,r=[],i=n.length-1;i>-1;i--){var a=n[i],o=this.$selection.check(a)?"selected":"",s=this.$selection.checkHover(a)?"hovered":"",c=a.name;a.is("text")&&(c=a.text||a.name);var l="";a.hasLayout()&&(l=this.$i18n("layer.tree.property.layout.title."+a.layout));var u=a.isTreeItemHide(),h=nr.px(24*t);r.push("        \n        <div class='layer-item ".concat(o," ").concat(s,"' data-is-group=\"").concat(a.isGroup,'" data-depth="').concat(t,"\" data-layout='").concat(a.layout,"' data-layer-id='").concat(a.id,"' data-is-hide=\"").concat(u,"\"  draggable=\"true\">\n          <div class='detail'>\n            <label data-layout-title='").concat(l,"' style='padding-left: ").concat(h,"' > \n              <div class='folder ").concat(a.collapsed?"collapsed":"","'>").concat(kf.arrow_right,"</div>\n              <span class='icon' data-item-type=\"").concat(a.itemType,'">').concat(this.getIcon(a),"</span> \n              <span class='name'>").concat(c,'</span>\n            </label>\n            <div class="tools">\n              <button type="button" class="lock" data-lock="').concat(a.lock,"\" title='Lock'>").concat(a.lock?kf.lock:kf.lock_open,'</button>\n              <button type="button" class="visible" data-visible="').concat(a.visible,"\" title='Visible'>").concat(kf.visible,'</button>\n              <button type="button" class="remove" title=\'Remove\'>').concat(kf.remove2,"</button>            \n            </div>\n          </div>\n        </div>\n\n        ").concat(this.makeLayerList(a,t+1),"\n      "))}return r.join(" ")}},{key:Vf("refreshContent"),value:function(e){this.refresh()}},{key:Jr("$layerList")+Xr,value:function(){var e=this.$selection.currentProject;return e?this.makeLayerList(e,0)+'\n      <div class=\'layer-item \' data-depth="0" data-is-last="true">\n      </div>\n    ':""}},{key:yr("$layerList .layer-item"),value:function(e){var t=e.$dt.attr("data-layer-id");e.$dt.addClass("drag-start"),e.dataTransfer.setData("layer/id",t),this.state.rootRect=this.refs.$layerList.rect(),this.state.itemRect=e.$dt.rect(),this.setState({hideDragPointer:!1},!1),this.bindData("$dragPointer")}},{key:br("$layerList .layer-item"),value:function(e){this.setState({hideDragPointer:!0},!1),this.bindData("$dragPointer"),this.refs.$layerList.$$(".".concat("drag-start")).forEach((function(e){e.removeClass("drag-start")}))}},{key:mr("$layerList .layer-item:not(.".concat("drag-start",")"))+Zr,value:function(e){var t=e.$dt.attr("data-layer-id");this.state.lastDragOverItemId=t,this.state.lastDragOverPosition=e.$dt.rect().top,this.state.lastDragOverOffset=e.offsetY,this.bindData("$dragPointer")}},{key:gr("$layerList .layer-item:not(.".concat("drag-start",")")),value:function(e){var t=e.$dt.attr("data-layer-id"),n=e.dataTransfer.getData("layer/id");if(t!==n){var r=this.$selection.currentProject,i=r.searchById(t),a=r.searchById(n);if(!i||!i.hasParent(a.id)){switch(this.state.lastDragOverItemDirection){case"self":i.appendChildItem(a);break;case"before":i.appendBefore(a);break;case"after":i.appendAfter(a)}this.$selection.select(a),this.setState({hideDragPointer:!0}),this.emit("refreshAll")}}}},{key:dr("$layerList .layer-item"),value:function(e){this.startInputEditing(e.$dt.$(".name"))}},{key:"modifyDoneInputEditing",value:function(e){var t=this;this.endInputEditing(e,(function(n,r){var i=e.closest("layer-item").attr("data-layer-id"),a=t.$selection.currentProject.searchById(i);a&&(a.reset({name:r}),a.is("artboard")&&t.emit("refreshArtBoardName",a.id,a.name))}))}},{key:fr("$layerList .layer-item .name")+Gr+Zr+qr,value:function(e){this.modifyDoneInputEditing(e.$dt)}},{key:Sr("$layerList .layer-item .name")+Zr+qr,value:function(e){this.modifyDoneInputEditing(e.$dt)}},{key:"selectLayer",value:function(e){e&&this.$selection.select(e),this.refresh(),this.emit("refreshSelection")}},{key:"addLayer",value:function(e){e&&(this.$selection.select(e),this.emit("refreshArtboard"))}},{key:pr("$add"),value:function(e){this.emit("newComponent","rect",{"background-color":Mn.random(),width:nr.px(200),height:nr.px(100)})}},{key:pr("$layerList .layer-item label .name"),value:function(e){var t=e.$dt.closest("layer-item");t.onlyOneClass("selected");var n=t.attr("data-layer-id"),r=this.$selection.currentProject.searchById(n);this.$selection.select(r),this.emit("history.refreshSelection")}},{key:pr("$layerList .layer-item label .folder"),value:function(e){var t=this.$selection.currentProject,n=e.$dt.closest("layer-item").attr("data-layer-id"),r=t.searchById(n);r.reset({collapsed:!r.collapsed}),this.refresh()}},{key:pr("$layerList .layer-item .visible"),value:function(e){var t=this.$selection.currentProject,n=e.$dt.closest("layer-item").attr("data-layer-id"),r=t.searchById(n);e.$dt.attr("data-visible",!r.visible),this.command("setAttribute","change visible for layer",{visible:!r.visible},r.id)}},{key:pr("$layerList .layer-item .remove"),value:function(e){var t=this.$selection.currentProject,n=e.$dt.closest("layer-item").attr("data-layer-id");this.$selection.removeById(n),t.searchById(n).remove(),this.refresh(),this.emit("refreshArtboard")}},{key:pr("$layerList .layer-item .lock"),value:function(e){var t=this.$selection.currentProject,n=e.$dt.closest("layer-item").attr("data-layer-id"),r=t.searchById(n),i=!r.lock;e.$dt.attr("data-lock",i),i&&(this.$selection.removeById(n),this.emit("history.refreshSelection")),this.command("setAttribute","change lock for layer",{lock:i},r.id)}},{key:Vf("changeHoverItem"),value:function(){if(this.refs.$layerList.$$(".hovered").forEach((function(e){e.removeClass("hovered")})),this.$selection.hoverItems.length){var e=this.$selection.hoverItems.map((function(e){return'[data-layer-id="'.concat(e.id,'"]')})).join(",");this.refs.$layerList.$$(e).forEach((function(e){e.addClass("hovered")}))}}},{key:Vf("changeSelection"),value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(t&&this.refs.$layerList){this.refs.$layerList.$$(".selected").forEach((function(e){e.removeClass("selected")}));var n=this.$selection.items.map((function(e){return'[data-layer-id="'.concat(e.id,'"]')})).join(",");n&&this.refs.$layerList.$$(n).forEach((function(t){t.addClass("selected");var n=e.$selection.itemKeys[t.attr("data-layer-id")];n.is("svg-path","svg-polygon")&&t.$(".icon").html(e.getIcon(n))}))}}},{key:Vf("refreshSelection","history.refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:Vf("refreshStylePosition"),value:function(){this.trigger("changeSelection")}},{key:Vf("refreshLayerTreeView"),value:function(){this.refresh()}},{key:Vf("changeItemLayout"),value:function(){this.refresh()}}]),t}(zk),zx=[{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"}]}]}],Fx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getClassName",value:function(){return"artboard-size-list"}},{key:Vf("refreshSelection"),value:function(){this.refreshShow(["artboard"])}},{key:"initState",value:function(){return{selectedIndex:0}}},{key:"getTitle",value:function(){return"ArtBoard Preset"}},{key:"getTools",value:function(){var e=zx.map((function(e,t){return{category:e.category,index:t}}));return('\n      <object refClass="SelectEditor"  ref=\'$select\' value="'.concat(e[0].category,'" options="').concat(e.map((function(e){return e.category})).join(","),"\" onchange='changeSizeIndex'/>\n    "))}},{key:Vf("changeSizeIndex"),value:function(e,t){var n=this.state.selectedIndex;zx.forEach((function(e,r){e.category===t&&(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(e){return"\n      <div class='device-item' data-size='".concat(e.size,"'>\n        <div class='title'>").concat(e.device,"</div>\n        <div class='size'>").concat(e.size,"</div>\n      </div>\n    ")}},{key:pr("$list .device-item"),value:function(e){var t=e.$dt.attr("data-size");this.emit("resizeArtBoard",t)}},{key:"makeGroup",value:function(e){var t=this;return("\n      <div class='group-item'>\n        <div class='title'>".concat(e.group,"</div>\n      </div>\n      <div class='devices'>\n        ").concat(e.devices.map((function(e){return t.makeDevice(e)})).join(""),"\n      </div>\n    "))}},{key:"makeCategory",value:function(e){var t=this;return("\n      <div class='category'>\n        <div class='title'>".concat(e.category,"</div>\n      </div>\n      <div class='groups'>\n        ").concat(e.groups.map((function(e){return t.makeGroup(e)})).join(""),"\n      </div>\n    "))}},{key:Jr("$list")+Xr,value:function(){var e=this;return zx[this.state.selectedIndex].groups.map((function(t){return e.makeGroup(t)}))}}]),t}(zk);function Bx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Gx(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Bx(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Bx(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ki({ArtBoardSizeProperty:Fx});var Hx=["","100x100","200x200","300x300","400x300","900x600","1024x762"],Nx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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> \n        <span ref='$sizeInfo'></span> \n        <button type=\"button\" ref='$resize'>").concat(kf.size,'</button>\n      </div>\n      <div>\n        <object refClass="SelectEditor"  ref=\'$select\' label="').concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(Hx.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:Vf("changeImageSize"),value:function(e,t){var n=t.split("x").map((function(e){return nr.px(e)})),r=k()(n,2),i=r[0],a=r[1];this.command("setAttribute","resize image",{width:i,height:a})}},{key:pr("$resize"),value:function(){var e=this.$selection.current;if(e){var t={width:e.naturalWidth.clone(),height:e.naturalHeight.clone()};this.command("setAttribute","resize image",t)}}},{key:ni("$sizeInfo"),value:function(){var e=this.$selection.current||{};return{innerHTML:"".concat(this.$i18n("image.property.width"),": ").concat(e.naturalWidth,", ").concat(this.$i18n("image.property.height"),": ").concat(e.naturalHeight)}}},{key:Jr("$body"),value:function(){var e=(this.$selection.current||{}).src||"";return"<object refClass=\"ImageSelectEditor\" \n              ref='$1' \n              key='src' \n              value=\"".concat(e,'" \n              onchange="changeSelect" />')}},{key:Vf("changeSelect"),value:function(e,t,n){var r=this.$selection.current;r&&(r.reset(Gx({src:t},n)),this.bindData("$sizeInfo"),this.command("setAttribute","change image",Gx({src:t},n),r.id))}},{key:Vf("refreshSelection")+Yr(100),value:function(){this.refreshShow(["image"])}}]),t}(zk),Xx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=cb.map((function(e){return"".concat(e.key,":").concat(e.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(e,'" onchange="changePreset"  />\n    '))}},{key:Vf("changePreset"),value:function(e,t){this.setState(m()({},e,t))}},{key:"getClassName",value:function(){return"color-assets-property"}},{key:Vf("refreshSelection")+Yr(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:yr("$colorList .color-item"),value:function(e){var t=e.$dt.attr("data-color");e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/color",t)}},{key:Jr("$colorList"),value:function(){var e=this,t=cb.find((function(t){return t.key===e.state.preset}));if(!t)return"";var n=t.execute().map((function(e,t){return"\n        <div class='color-item' data-index=\"".concat(t,'" data-color="').concat(e.color,'" data-custom="').concat(e.custom,'">\n          <div class=\'preview\' draggable="true" title="').concat(e.color,'" data-index="').concat(t,"\">\n            <div class='color-view' style='background-color: ").concat(e.color,";'></div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(kf.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(kf.remove,"</button>\n          </div>\n        </div>\n      ")}));return t.edit&&n.push("<div class='add-color-item'><butto type=\"button\">".concat(kf.add,"</button></div>")),n}},{key:"executeColor",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=this.$selection.currentProject;r?(e&&e(r),t&&this.refresh(),n&&this.emit("refreshColorAssets")):alert("Please select a project.")}},{key:pr("$colorList .add-color-item"),value:function(){this.executeColor((function(e){e.createColor({color:Mn.random(),name:"",variable:""})}))}},{key:pr("$colorList .remove"),value:function(e){var t=+e.$dt.closest("color-item").attr("data-index");this.executeColor((function(e){e.removeColor(t)}))}},{key:pr("$colorList .copy"),value:function(e){var t=+e.$dt.closest("color-item").attr("data-index");this.executeColor((function(e){e.copyColor(t)}))}},{key:pr("$colorList .preview"),value:function(e){var t=e.$dt.$(".color-view").css("background-color");"CanvasView"===this.$editor.modeView?this.emit("addBackgroundColor",t):this.emit("setColorAsset",{color:t})}},{key:Vf("changeColorAssets"),value:function(e,t){var n=this;this.executeColor((function(r){r.setColorValue(t.index,{color:e}),n.state.$el.css("background-color",e),n.state.$color.val(e)}),!1)}}]),t}(zk),Yx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:Vf("refreshSelection"),value:function(){this.refresh()}},{key:"refresh",value:function(){var e=this.$selection.current;e&&(this.children.$fillColor.setValue(e["text-fill-color"]||"rgba(0, 0, 0, 1)"),this.children.$strokeColor.setValue(e["text-stroke-color"]||"rgba(0, 0, 0, 1)"),this.children.$width.setValue(e["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        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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:Vf("changeColor"),value:function(e,t,n){this.trigger("changeRangeEditor",e,t)}},{key:Vf("changeRangeEditor"),value:function(e,t){this.command("setAttribute","change text fill",m()({},e,t))}}]),t}(zk),_x=["0deg","45deg","90deg"],Kx=["0deg","45deg","90deg"],Wx=["0deg","45deg","90deg"],Ux=[{title:"Linear",key:"linear",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"linear-gradient(".concat(vt.apply(void 0,_x),", ").concat(Fa.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"linear-gradient(".concat(vt.apply(void 0,Kx),", ").concat(Fa.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"repeating-linear-gradient(".concat(vt.apply(void 0,Wx),", ").concat(Fa.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"radial-gradient(".concat("circle",", ").concat(Fa.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"radial-gradient(circle, ".concat(Fa.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat(Fa.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){var t=C(45,55),n=C(45,55),r=C(0,360);return{gradient:"conic-gradient(from ".concat(r,"deg at ").concat(t,"% ").concat(n,"%, ").concat(Fa.createColorStep(2,360,"deg"),")")}}))}},{title:"Random Conic",key:"random-conic",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat(Fa.createColorStep(10,360,"deg"),")")}}))}},{title:"Repeat Conic",key:"repeat-conic",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat(Fa.createRepeatColorStep(10,"10deg"),")")}}))}}],Zx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=Ux.map((function(e){return"".concat(e.key,":").concat(e.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(e,'" onchange="changePreset"  />\n    '))}},{key:Vf("changePreset"),value:function(e,t){this.setState(m()({},e,t))}},{key:"getClassName",value:function(){return"gradient-assets-property"}},{key:Vf("refreshSelection")+Yr(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:yr("$gradientList .gradient-item"),value:function(e){var t=e.$dt.attr("data-gradient");e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/gradient",t)}},{key:Jr("$gradientList"),value:function(){var e=this,t=Ux.find((function(t){return t.key===e.state.preset}));if(!t)return"";var n=t.execute().map((function(e,t){return"\n        <div class='gradient-item' data-index=\"".concat(t,"\" data-gradient='").concat(e.gradient,"' data-custom=\"").concat(e.custom,"\">\n          <div class='preview' title=\"").concat(e.gradient,"\" draggable=\"true\">\n            <div class='gradient-view' style='background-image: ").concat(e.gradient,";'></div>\n          </div>\n        </div>\n      ")}));return t.edit&&n.push("<div class='add-gradient-item'><butto type=\"button\">".concat(kf.add,"</button></div>")),n}},{key:"executeGradient",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=this.$selection.currentProject;r?(e&&e(r),t&&this.refresh(),n&&this.emit("refreshGradientAssets")):alert("Please select a project.")}},{key:pr("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(e){e.createGradient({gradient:Na.random(),name:"",variable:""})}))}},{key:pr("$gradientList .preview"),value:function(e){var t=e.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:t})}},{key:Vf("changeGradientAssets"),value:function(e,t){var n=this;this.executeGradient((function(r){r.setGradientValue(t.index,{image:e}),n.state.$el.css("background-image",e),n.state.$item.attr("data-gradient",e)}),!1)}}]),t}(zk),qx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("svg.item.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"isSVGItem",value:function(e){return e.is("svg-path","svg-brush","svg-polygon","svg-textpath","svg-text")}},{key:Vf("refreshStyleView","refreshRect","refreshCanvasForPartial","updatePathItem")+Kr(100),value:function(){var e=this.$selection.current;e&&this.isSVGItem(e)&&this.refs.$length.text(Math.floor(e.totalLength)||"")}},{key:Vf("refreshSelection"),value:function(){var e=this.$selection.current;e&&this.isSVGItem(e)?(this.$el.isHide()&&this.$el.show(),this.refs.$length.text(e.totalLength||""),this.children.$fill.setValue(e.fill||"rgba(0, 0, 0, 0)"),this.children.$stroke.setValue(e.stroke||"rgba(0, 0, 0, 1)"),this.children.$fillOpacity.setValue(e["fill-opacity"]||nr.number(1)),this.children.$strokeWidth.setValue(e["stroke-width"]||nr.number(1)),this.children.$fillRule.setValue(e["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(e["stroke-dashoffset"]||nr.number(0)),this.children.$strokeDashArray.setValue(e["stroke-dasharray"]||" "),this.children.$strokeLineCap.setValue(e["stroke-linecap"]||"butt"),this.children.$strokeLineJoin.setValue(e["stroke-linejoin"]||"miter"),this.children.$mixBlend.setValue(e["mix-blend-mode"])):this.$el.hide()}},{key:"refresh",value:function(){}},{key:"getBody",value:function(){this.$selection.current;return("\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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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='mix-blend-mode'></span>\n          </div>\n          <object refClass=\"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        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='svgfilter'></span>      \n          </div>\n          <object refClass=\"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:Vf("changeValue"),value:function(e,t,n){this.command("setAttribute","change svg item property : ".concat(e),m()({},e,t))}},{key:Vf("changeSelect"),value:function(e,t){this.command("setAttribute","change attribute : ".concat(e),m()({},e,t))}}]),t}(zk),Jx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Jr("$textClip"),value:function(){var e=(this.$selection.current||{})["text-clip"]||"";return'\n      <object refClass="SelectEditor"  ref=\'$1\' key=\'text-clip\' icon="true" value="'.concat(e,'" options=",text" onchange="changeSelect" />\n    ')}},{key:Vf("changeSelect"),value:function(e,t){this.emit("setAttribute",m()({},e,t))}},{key:Vf("refreshSelection")+Yr(100),value:function(){this.refreshShow(["text"])}}]),t}(zk),Qx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Vf("refreshSelection")+Yr(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:Jr("$svgfilterList"),value:function(){var e=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(e,t){var n=e.filters.map((function(e){return Ny.parse(e)}));return("\n        <div class='svgfilter-item' data-index=\"".concat(t,"\">\n          <div class='preview' data-index=\"").concat(t,'">\n            <svg width="0" height="0">\n              <filter id="svgfilter-').concat(t,'">\n                ').concat(n.join("")," \n              </filter>\n            </svg>\n            <div class='svgfilter-view' style='filter: url(#svgfilter-").concat(t,");'></div>\n          </div>\n          <div class='title'>\n            <div>\n              <input type='text' class='id' data-key='id' value='").concat(e.id,"' placeholder=\"id\" />\n            </div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(kf.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(kf.remove,"</button>\n          </div>\n        </div>\n      "))}));return e.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(kf.add,"</button></div>")),e}},{key:"executeSVGFilter",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=this.$selection.currentProject;r?(e&&e(r),t&&this.refresh(),n&&this.emit("refreshSVGFilterAssets")):alert("Please select a project.")}},{key:pr("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(e){e.createSVGFilter({id:ae(),filters:[]})}))}},{key:pr("$svgfilterList .remove"),value:function(e){var t=+e.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(e){e.removeSVGFilter(t)}))}},{key:pr("$svgfilterList .copy"),value:function(e){var t=+e.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(e){e.copySVGFilter(t)}))}},{key:xr("$svgfilterList input"),value:function(e){var t=this,n=+e.$dt.closest("svgfilter-item").attr("data-index"),r=e.$dt.attrKeyValue("data-key");this.executeSVGFilter((function(e){e.setSVGFilterValue(n,r),t.emit("refreshSVGArea")}),!1)}},{key:pr("$svgfilterList .preview"),value:function(e){var t=e.$dt.closest("svgfilter-item"),n=+t.attr("data-index");this.state.$item=t,this.state.$el=e.$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:Vf("updateSVGFilterAssets"),value:function(e){var t=this;this.executeSVGFilter((function(n){n.setSVGFilterValue(e.index,{filters:e.filters}),t.state.$item.$("filter").html(e.filters.join("\n")),t.emit("refreshSVGArea")}),!1)}},{key:Vf("changeSVGFilterAssets"),value:function(e){e.id===this.id&&this.trigger("updateSVGFilterAssets",e)}},{key:Vf("refreshSVGFilterAssets"),value:function(){this.refresh()}}]),t}(zk),ew=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return Rk}},{key:"afterRender",value:function(){this.show()}},{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">\n        <object refClass="LeftAlign" />\n        <object refClass="CenterAlign" />\n        <object refClass="RightAlign" />\n\n        <object refClass="TopAlign" />\n        <object refClass="MiddleAlign" />\n        <object refClass="BottomAlign" />  \n\n        <object refClass="SameWidth" />\n        <object refClass="SameHeight" />\n      </div>\n    '}}]),t}(zk);ki({AlignmentProperty:ew});var tw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{OffsetPathListEditor:Bv}}},{key:"getTitle",value:function(){return this.$i18n("motion.property.title")}},{key:Vf("refreshSelection","refreshRect")+Yr(100),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){var e=this.$selection.current;e&&this.children.$offsetPathList.setValue(e["offset-path"])}},{key:"getBody",value:function(){var e=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        <object refClass=\"OffsetPathListEditor\" ref=\"$offsetPathList\" key=\"offset-path\" value=\"".concat(e["offset-path"],'" onchange="changRangeEditor" />\n      </div>\n    '))}},{key:Vf("changRangeEditor"),value:function(e,t){this.command("setAttribute","change motion attribute : ".concat(e),m()({},e,t))}}]),t}(zk);function nw(e){URL.revokeObjectURL(e)}var rw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:"afterRender",value:function(){this.show()}},{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:Jr("$imageList")+Xr,value:function(){var e=(this.$selection.currentProject||{images:[]}).images.map((function(e,t){return"\n        <div class='image-item' data-index=\"".concat(t,'">\n          <div class=\'preview\' draggable="true">\n            <img src="').concat(e.local,"\" />\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(kf.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(kf.remove,"</button>\n          </div>\n        </div>\n      ")}));return"\n      <div class='loaded-list'>\n        ".concat(e.join(""),"\n        <div class='add-image-item'>\n          <input type='file' accept='image/*' ref='$file' />\n          <button type=\"button\">").concat(kf.add,"</button>\n        </div>        \n      </div>\n\n    ")}},{key:"executeImage",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=this.$selection.currentProject;r?(e&&e(r),t&&this.refresh(),n&&this.emit("refreshImageAssets")):alert("Please select a project.")}},{key:yr("$imageList .preview img"),value:function(e){var t=+e.$dt.closest("image-item").attr("data-index"),n=this.$selection.currentProject;if(n){var r=n.images[t];e.dataTransfer.setData("image/info",r.local)}}},{key:kr("$imageList .add-image-item input[type=file]"),value:function(e){var t=this;this.executeImage((function(n){j()(e.target.files).forEach((function(e){t.emit("updateImageAssetItem",e)}))}))}},{key:pr("$imageList .remove"),value:function(e){var t=e.$dt.closest("image-item"),n=+t.attr("data-index");this.executeImage((function(e){e.removeImage(n),nw(t.$(".preview img").attr("src"))}))}},{key:pr("$imageList .copy"),value:function(e){var t=+e.$dt.closest("image-item").attr("data-index");this.executeImage((function(e){e.copyImage(t)}))}},{key:Vf("addImageAsset"),value:function(){this.refresh()}}]),t}(zk),iw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:"afterRender",value:function(){this.show()}},{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:Jr("$videoList")+Xr,value:function(){var e=(this.$selection.currentProject||{videos:[]}).videos.map((function(e,t){return"\n        <div class='video-item' data-index=\"".concat(t,'">\n          <div class=\'preview\' draggable="true">\n            <img src="').concat(e.local,"\" />\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(kf.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(kf.remove,"</button>\n          </div>\n        </div>\n      ")}));return"\n      <div class='loaded-list'>\n        ".concat(e.join(""),"\n        <div class='add-video-item'>\n          <input type='file' accept='video/*' ref='$file' />\n          <button type=\"button\">").concat(kf.add,"</button>\n        </div>        \n      </div>\n\n    ")}},{key:"executeVideo",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=this.$selection.currentProject;r?(e&&e(r),t&&this.refresh(),n&&this.emit("refreshVideoAssets")):alert("Please select a project.")}},{key:yr("$videoList .preview img"),value:function(e){var t=+e.$dt.closest("video-item").attr("data-index"),n=this.$selection.currentProject;if(n){var r=n.videos[t];e.dataTransfer.setData("video/info",r.local)}}},{key:kr("$videoList .add-video-item input[type=file]"),value:function(e){var t=this;this.executeVideo((function(n){j()(e.target.files).forEach((function(e){t.emit("updateVideoAssetItem",e)}))}))}},{key:pr("$videoList .remove"),value:function(e){var t=e.$dt.closest("video-item"),n=+t.attr("data-index");this.executeVideo((function(e){e.removeVideo(n),nw(t.$(".preview img").attr("src"))}))}},{key:pr("$videoList .copy"),value:function(e){var t=+e.$dt.closest("video-item").attr("data-index");this.executeVideo((function(e){e.copyVideo(t)}))}},{key:Vf("addVideoAsset"),value:function(){this.refresh()}}]),t}(zk);function aw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ow(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?aw(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):aw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var sw,cw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var e=this.$selection.current;return!(!e||!e.is("component"))}},{key:"initState",value:function(){return{components:{}}}},{key:"components",value:function(){return ow({},si()(Xn()(t.prototype),"components",this).call(this),{},this.state.components)}},{key:Vf("refreshSelection")+Yr(100),value:function(){var e=this;this.refreshShow((function(t){var n=e.$selection.current;return n&&n.is("component")}))}},{key:"refresh",value:function(){var e=this,t=this.$selection.current;t&&t.is("component")&&(this.setTitle(t.getDefaultTitle()||t.itemType||t.name),this.load(),t.getProps().forEach((function(n){e.children[n.key]&&e.children[n.key].setValue(t[n.key]||n.defaultValue)})))}},{key:"getBody",value:function(){return"\n      <div ref='$body'></div>\n    "}},{key:"initComponents",value:function(){var e=this.$selection.current,n={};e&&e.is("component")&&e.getProps().forEach((function(e){it(e.editor)||(n=ow({},n,{},e.editor))})),this.setState({components:n},!1),si()(Xn()(t.prototype),"initComponents",this).call(this)}},{key:"getPropertyEditor",value:function(e,t,n,r){return it(n)?"<".concat(n," ").concat(xt(ow({},r,{onchange:"changeComponentProperty",ref:e,key:e,value:t}))," />"):Object.keys(n).map((function(n){return"<".concat(n," ").concat(xt(ow({},r,{onchange:"changeComponentProperty",ref:e,key:e,value:t}))," />")})).join("")}},{key:Jr("$body"),value:function(){var e=this,t=this.$selection.current;return t?t&&!t.is("component")?"":t.getProps().map((function(n){return it(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(t.itemType,'" data-editor="').concat(n.editor,'"></span>\n            </div>\n            ').concat(e.getPropertyEditor(n.key,t[n.key]||n.defaultVallue,n.editor,n.editorOptions),"\n          </div>\n        ")})):""}},{key:Vf("changeComponentProperty"),value:function(e,t){this.command("setAttribute","change component",m()({},e,t),null,!0)}}]),t}(zk),lw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kf.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="timeline-animation-list" ref="$timelineAnimationList"></div>\n    '}},{key:Jr("$timelineAnimationList")+Xr,value:function(){var e=this.$selection.currentProject;return e?e.timeline.map((function(e,t){var n=e.selected?"selected":"";return("\n        <div class='timeline-animation-item ".concat(n,"'>\n          <div class='preview icon'>\n            ").concat(kf.local_movie,"\n          </div>\n          <div class='detail'>\n            <label data-id='").concat(e.id,"'>").concat(e.title,'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-id="').concat(e.id,"\" title='Remove'>").concat(kf.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      "))})):""}},{key:dr("$timelineAnimationList .timeline-animation-item"),value:function(e){this.startInputEditing(e.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(e){var t=this;this.endInputEditing(e,(function(n,r){var i=e.attr("data-id"),a=t.$selection.currentProject;a&&a.setTimelineTitle(i,r)}))}},{key:fr("$timelineAnimationList .timeline-animation-item label")+Gr+Zr+qr,value:function(e){this.modifyDoneInputEditing(e.$dt)}},{key:Sr("$timelineAnimationList .timeline-animation-item label")+Zr+qr,value:function(e){this.modifyDoneInputEditing(e.$dt)}},{key:pr("$add"),value:function(e){this.emit("addTimelineItem")}},{key:pr("$timelineAnimationList .timeline-animation-item .remove"),value:function(e){var t=e.$dt.attr("data-id");this.emit("removeAnimationItem",t)}},{key:pr("$timelineAnimationList .timeline-animation-item label"),value:function(e){var t=e.$dt.attr("data-id"),n=this.$selection.currentProject;n&&(n.selectTimeline(t),e.$dt.closest("timeline-animation-item").onlyOneClass("selected"),this.emit("refreshTimeline"),this.emit("selectTimeline"))}},{key:Vf("addTimeline","removeTimeline","removeAnimation"),value:function(){this.refresh()}},{key:Vf("refreshTimeline","refreshSelection","refreshArtboard")+Yr(100),value:function(){this.refresh()}}]),t}(zk),uw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{BorderEditor:Kv}}},{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:Jr("$body"),value:function(){var e=(this.$selection.current||{}).border||"";return"\n      <object refClass='BorderEditor' ref='$1' key='border' value='".concat(e,"' onchange='changeKeyValue' />\n    ")}},{key:Vf("refreshSelection")+Yr(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:Vf("changeKeyValue"),value:function(e,t){this.command("setAttribute","change border",m()({},e,t))}}]),t}(zk),hw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("project.information.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"refresh",value:function(){var e=this.$selection.currentProject||{name:"",description:""};this.refs.$name.val(e.name),this.refs.$description.val(e.description)}},{key:"getBody",value:function(){var e=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'>\n            <input type='text' value='").concat(e.name,"' ref='$name' />\n          </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(e.description,"' ref='$description'></textarea>\n          </div>\n        </div>\n      </div>\n    "))}},{key:Vf("refreshProjectList","refreshAllSelectProject"),value:function(){this.refresh()}},{key:Ir("$name"),value:function(){var e=this.$selection.currentProject;e&&(e.name=this.refs.$name.value)}},{key:Ir("$description"),value:function(){var e=this.$selection.currentProject;e&&(e.description=this.refs.$description.value)}}]),t}(zk),pw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("path.data.property.title")}},{key:"getClassName",value:function(){return"item path-data-property"}},{key:"isSVGItem",value:function(e){return e.is("svg-path","svg-brush","svg-textpath")}},{key:"components",value:function(){return{PathDataEditor:zv}}},{key:Vf("refreshStyleView","refreshRect")+Yr(100),value:function(){this.refresh()}},{key:Vf("refreshSelection"),value:function(){this.refreshShow(["svg-path","svg-brush","svg-textpath"])}},{key:"refresh",value:function(){var e=this.$selection.current||{};this.children.$pathData.setValue(e.d)}},{key:"getBody",value:function(){var e=this.$selection.current||{};return("\n      <div>\n        <object refClass=\"PathDataEditor\" ref='$pathData' key='d' value='".concat(e.d,"' onchange='changeValue' />\n      </div>\n    "))}},{key:Vf("changeValue"),value:function(e,t,n){this.emit("updatePathItem",this.$selection.current,m()({},e,t))}}]),t}(zk),dw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:Vf("refreshSelection"),value:function(){this.refreshShow(["svg-textpath","svg-text","svg-tspan"])}},{key:"refresh",value:function(){this.$selection.current&&this.setAllValue(["lengthAdjust","textLength","startOffset","text-anchor","text"])}},{key:"setAllValue",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=this.$selection.current;n&&t.forEach((function(t){e.children["$".concat(t)].setValue(n[t])}))}},{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        <object refClass=\"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'>\n        <object refClass=\"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      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='lengthAdjust'></span>\n        </div>\n        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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:Vf("changeTextValue"),value:function(e,t){this.command("setAttribute","change svg text property: ".concat(e),m()({},e,t),null,!0)}}]),t}(zk),fw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:Vf("refreshSelection","refreshContent")+Yr(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(kf.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(kf.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:pr("$svg"),value:function(){this.emit("downloadSVG")}},{key:pr("$png"),value:function(){this.emit("downloadPNG")}}]),t}(zk),vw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("layout.property.title")}},{key:"getLayoutOptions",value:function(){var e=this;return["default","flex","grid"].map((function(t){return"".concat(t,":").concat(e.$i18n("layout.property.".concat(t)))})).join(",")}},{key:"getClassName",value:function(){return"layout-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$layoutType'></div>\n      "}},{key:Jr("$layoutType"),value:function(){var e=this.$selection.current||{layout:"default"};return("\n      <div class='layout-select'>\n        <object refClass=\"SelectIconEditor\" \n          ref='$layout' \n          key='layout' \n          icon=\"true\" \n          value=\"".concat(e.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"===e.layout?"selected":"","'></div>\n        <div data-value='flex' class='").concat("flex"===e.layout?"selected":"","'>\n          <object refClass=\"FlexLayoutEditor\" ref='$flex' key='flex-layout' value=\"").concat(e["flex-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n        <div data-value='grid' class='").concat("grid"===e.layout?"selected":"","'>\n          <object refClass=\"GridLayoutEditor\" ref='$grid' key='grid-layout' value=\"").concat(e["grid-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n      </div>\n    "))}},{key:Vf("changeLayoutInfo"),value:function(e,t){var n=this;this.command("setAttribute","change layout info",m()({},e,t),null,!1,!0),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:Vf("changeLayoutType"),value:function(e,t){var n=this;this.$selection.reset(m()({},e,t)),this.command("setAttribute","change layout type",m()({},e,t),null,!1,!0),this.refresh(),this.nextTick((function(){n.emit("refreshAllElementBoundSize"),n.emit("changeItemLayout")}))}},{key:Vf("refreshSelection"),value:function(){this.refreshShow(["rect","circle","artboard"],!0)}}]),t}(zk),yw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=this;return["none","auto","value"].map((function(t){return"".concat(t,":").concat(e.$i18n("flex.layout.item.property.".concat(t)))})).join(",")}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Jr("$body"),value:function(){var e=this.$selection.current||{"flex-layout-item":"none"},t=e["flex-layout-item"]||"none",n=[];return!1===["none","auto"].includes(t)&&(n=t.split(" ")),n.length>0&&(t="value"),"\n      <div class='layout-select'>\n        <object refClass=\"SelectIconEditor\" \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(t,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList' data-selected-value='").concat(e.layout,"'>\n        <div data-value='none'></div>\n        <div data-value='auto'></div>\n        <div data-value='value'>\n          <div class='value-item'>\n            <object refClass=\"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            <object refClass=\"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            <object refClass=\"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(e){return"auto"===e.unit?"auto":e+""}},{key:"getFlexValue",value:function(){var e=this.children.$grow.getValue(),t=this.children.$shrink.getValue(),n=this.children.$basis.getValue();return e=this.getFlexItemValue(e),t=this.getFlexItemValue(t),n=this.getFlexItemValue(n),bt({flex:"".concat(e," ").concat(t," ").concat(n)})}},{key:Vf("changeFlexItem"),value:function(e,t){var n=this;this.command("setAttribute","change flex layout",{"flex-layout-item":this.getFlexValue()}),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:Vf("changeLayoutType"),value:function(e,t){var n=this,r=this.children.$layout.getValue();t=r;"value"===r&&(t=this.getFlexValue()),this.command("setAttribute","change flex layout",{"flex-layout-item":t}),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:Vf("refreshSelection")+Yr(100),value:function(){var e=this;this.refreshShow((function(){var t=e.$selection.current;return t&&t.isInFlex()}))}}]),t}(zk),gw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("grid.layout.item.property.title")}},{key:"getLayoutOptions",value:function(){var e=this;return["none","value"].map((function(t){return"".concat(t,":").concat(e.$i18n("grid.layout.item.property.".concat(t)))})).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:Jr("$body"),value:function(){var e=this.$selection.current||{"grid-layout-item":"none"},t=e["grid-layout-item"]||"none",n={};return!1===["none"].includes(t)&&(n=kt(e["grid-layout-item"])),Object.keys(n).length>0&&(t="value"),"\n      <div class='layout-select'>\n        <object refClass=\"SelectIconEditor\" \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(t,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList' data-selected-value='").concat(t,"'>\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              <object refClass="NumberInputEditor"  ref=\'$columnStart\' key="grid-column-start" value="').concat(n["grid-column-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <object refClass=\"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              <object refClass="NumberInputEditor"  ref=\'$rowStart\' key="grid-row-start" value="').concat(n["grid-row-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <object refClass=\"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 bt({"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:Vf("changeGridItem"),value:function(e,t){var n=this;this.command("setAttribute","change grid layout item",{"grid-layout-item":this.getGridValue()}),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:Vf("changeLayoutType"),value:function(e,t){var n=this,r=this.children.$layout.getValue();t=r;"value"===r&&(t=this.getGridValue()),this.command("setAttribute","change grid layout item",{"grid-layout-item":t}),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:Vf("refreshSelection")+Yr(100),value:function(){var e=this;this.refreshShow((function(){var t=e.$selection.current;return t&&t.isInGrid()}))}}]),t}(zk),mw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kf.add,"</button>\n    ")}},{key:pr("$add"),value:function(){var e=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",e)}},{key:Jr("$patternSelect"),value:function(){var e=this,t=qf.map((function(t){return{title:e.$i18n("pattern.property.".concat(t)),value:t}}));return j()(t).map((function(e){var t=e.title,n=e.value;return"<option value='".concat(n,"'>").concat(t,"</option>")}))}},{key:Jr("$body"),value:function(){var e=(this.$selection.current||{}).pattern;return"<object refClass=\"PatternEditor\" ref='$patternEditor' value='".concat(e,"' hide-label='true' onchange='changePatternEditor' />")}},{key:Vf("changePatternEditor"),value:function(e,t){this.command("setAttribute","change pattern",{pattern:t})}},{key:Vf("refreshSelection"),value:function(){this.refreshShow(["artboard","rect","circle","text","cube","cylinder"])}},{key:Vf("refreshSVGArea")+Yr(1e3),value:function(){this.load("$patternSelect")}}]),t}(zk),bw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Jr("$body"),value:function(){var e=this.$selection.current||{playTime:"0:1:1"},t=e.currentTime||0,n=(e.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(kf.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(kf.pause,"  ").concat(this.$i18n("video.property.pause"),'</button>      \n          <div>\n            <object refClass="NumberRangeEditor"  ref=\'$currentTime\' min="0" max="').concat(n,'" value="').concat(t,"\" step=\"0.001\" onchange=\"changeCurrentTime\" />\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='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(kf.volume_off,"</span>\n            <span data-value='down'>").concat(kf.volume_down,"</span>\n            <span data-value='up'>").concat(kf.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            <object refClass="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          <object refClass=\"MediaProgressEditor\" ref='$progress'  key='playTime' value=\"").concat(e.playTime,'" onchange="changeSelect" />\n        </div>\n      ')}},{key:Vf("changeCurrentTime"),value:function(e,t){this.setState({currentTime:t},!1),this.command("setAttribute","change video property",{currentTime:t},null,!0)}},{key:Vf("changePlaybackRate"),value:function(e,t){this.setState({playbackRate:t},!1),this.command("setAttribute","change video property",{playbackRate:t},null,!0)}},{key:Ir("$volume"),value:function(e){var t=Number(this.refs.$volume.value);this.setState({volume:t},!1),this.bindData("$volume_control"),this.command("setAttribute","change video property",{volume:t},null,!0)}},{key:ni("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:ni("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:pr("$tools button"),value:function(e){switch(e.$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:Vf("changeValue")+Yr(100),value:function(e,t){this.state.$video&&this.command("setAttribute","change video property",m()({},e,t),null,!0)}},{key:Vf("changeSelect"),value:function(e,t){this.command("setAttribute","change video property",m()({},e,t))}},{key:Vf("updateVideoEvent"),value:function(e){this.video.paused&&(this.setState({status:"play",currentTime:this.video.currentTime},!1),this.bindData("$tools")),this.children.$currentTime.setValue(this.video.currentTime)}},{key:Vf("refreshSelection")+Yr(100),value:function(){var e=this,t=this.$selection.current;this.refreshShow(["video"]),t&&t.is("video")&&this.emit("refElement",t.id,(function(n){var r=n.$("video");e.state.$video=r,e.setState({volume:t.volume,currentTime:t.currentTime,playbackRate:t.playbackRate},!1),e.video.ontimeupdate=function(t){e.trigger("updateVideoEvent",t)},e.video.onprogress=function(t){e.trigger("updateVideoEvent",t)},e.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"}}]),t}(zk),kw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("pattern.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"check"}}},{key:"getTools",value:function(){var e=Ug.map((function(e){return"".concat(e.key,":").concat(e.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(e,'" onchange="changePreset"  />\n    '))}},{key:Vf("changePreset"),value:function(e,t){this.setState(m()({},e,t))}},{key:"getClassName",value:function(){return"pattern-assets-property"}},{key:Vf("refreshSelection")+Yr(100),value:function(){this.show()}},{key:"getBody",value:function(){return"\n      <div class='property-item pattern-assets'>\n        <div class='pattern-list' ref='$patternList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:yr("$patternList .pattern-item"),value:function(e){var t=e.$dt.attr("data-pattern");e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/pattern",t)}},{key:Jr("$patternList"),value:function(){var e=this,t=Ug.find((function(t){return t.key===e.state.preset}));return t?t.execute().map((function(e,t){var n=bt(Dc.toCSS(e.pattern));return("\n        <div class='pattern-item' data-index=\"".concat(t,'" data-pattern="').concat(e.pattern,"\">\n          <div class='preview' title=\"").concat(e.title,"\" draggable=\"true\">\n            <div class='pattern-view' style='").concat(n,"'></div>\n          </div>\n        </div>\n      "))})):""}},{key:pr("$patternList .pattern-item"),value:function(e){var t=e.$dt.attr("data-pattern");"CanvasView"===this.$editor.modeView?this.emit("addBackgroundImagePattern",t):this.emit("setPatternAsset",t)}}]),t}(zk),xw=(sw={HistoryProperty:function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return"History"}},{key:"getBody",value:function(){return"\n      <div class=\"history-list-view\" ref='$body'></div>\n    "}},{key:Jr("$body")+Xr,value:function(){var e=this;return this.$editor.history.map((function(t,n){return"-"===t?"<div class='divider'>-</div>":"\n        <div class='history-item'>\n          <span>".concat(n===e.$editor.history.currentIndex?kf.arrowRight:"","</span>\n          <span>").concat(t.message,"</span>\n        </div>\n      ")}))}},{key:Vf("refreshHistory"),value:function(){this.refresh()}}]),t}(zk),PatternAssetsProperty:kw,VideoProperty:bw,PatternProperty:mw,GridLayoutItemProperty:gw,FlexLayoutItemProperty:yw,LayoutProperty:vw,ExportProperty:fw,SVGTextProperty:dw,PathDataProperty:pw,ProjectInformationProperty:hw,BorderNewProperty:uw,TimelineAnimationProperty:lw,ComponentProperty:cw,ImageAssetsProperty:rw,VideoAssetsProperty:iw,MotionProperty:tw,AlignmentProperty:ew,SVGFilterAssetsProperty:Qx,TextClipProperty:Jx,SVGItemProperty:qx,GradientAssetsProperty:Zx,TextFillProperty:Yx,ColorAssetsProperty:Xx,ImageProperty:Nx,ArtBoardSizeProperty:Fx,LayerTreeProperty:Ax,ProjectProperty:Rx,PositionProperty:Lx,SelectorProperty:Mx,BackgroundClipProperty:Ex,TransformOriginProperty:Cx,PerspectiveProperty:$x,PerspectiveOriginProperty:Ox,TransitionProperty:jx,ClipPathProperty:xx,TransformProperty:bx,BackdropFilterProperty:dx,CodeViewProperty:px,FilterProperty:hx,BorderRadiusProperty:Gk,BackgroundImageProperty:ux,KeyframeProperty:lx,AnimationProperty:cx,BorderImageProperty:ex,FontSpacingProperty:Uk,TextProperty:Wk,TextShadowProperty:Kk,FontProperty:_k,ContentProperty:Yk,BoxModelProperty:Xk,BoxShadowProperty:Hk},m()(sw,"BorderRadiusProperty",Gk),m()(sw,"AppearanceProperty",Bk),sw),ww=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kf.palette,'</label>\n              </div>\n              <div class="tab-item" data-value="2" title=\'').concat(this.$i18n("inspector.tab.title.text"),"'>\n                <label class='icon'>").concat(kf.title,'</label>\n              </div>              \n              <div class="tab-item" data-value="3" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(kf.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="5" title=\'').concat(this.$i18n("inspector.tab.title.code"),"'>\n                <label class='icon'>").concat(kf.code,'</label>\n              </div>       \n              <div class="tab-item" data-value="6" title=\'').concat(this.$i18n("inspector.tab.title.history"),"'>\n                <label class='icon'>").concat(kf.expand,'</label>\n              </div>                                                   \n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="1">\n                <object refClass="AlignmentProperty" />\n\n                \x3c!-- Default Property --\x3e \n                <object refClass="PositionProperty" />\n                \x3c!--SizeProperty / --\x3e \n                <object refClass="AppearanceProperty" />\n                \n                \x3c!-- SVG Item --\x3e \n                <object refClass="SVGItemProperty" />              \n\n                \x3c!-- Image --\x3e \n                <object refClass="ImageProperty" />\n\n                \x3c!-- Video --\x3e \n                <object refClass="VideoProperty" />\n\n                \x3c!-- Component --\x3e\n                <object refClass="ComponentProperty" />                \n                \n                \x3c!-- Appearance --\x3e \n\n                <object refClass="BackgroundImageProperty" />                \n                <object refClass="PatternProperty" />\n                <object refClass="BorderNewProperty" />\n                <object refClass="BorderRadiusProperty" />\n\n                <object refClass="BoxModelProperty" />                \n                <object refClass="LayoutProperty" />\n                <object refClass="FlexLayoutItemProperty" />\n                <object refClass="GridLayoutItemProperty" />      \n\n                \x3c!-- effect --\x3e\n                <object refClass="BoxShadowProperty" />\n                <object refClass="FilterProperty" />\n                <object refClass="BackdropFilterProperty" />\n                <object refClass="ClipPathProperty" />       \n\n                \x3c!-- transform --\x3e \n                <object refClass="TransformOriginProperty" />                 \n                <object refClass="TransformProperty" />                  \n                \x3c!-- <PerspectiveProperty /> --\x3e\n                \x3c!-- <PerspectiveOriginProperty /> --\x3e \n\n                \x3c!-- ArtBoard --\x3e \n                <object refClass="ArtBoardSizeProperty" />    \n                \n                \x3c!-- SVG --\x3e\n                \x3c!-- <PathDataProperty /> --\x3e\n\n                \x3c!-- tool --\x3e                \n                <object refClass="ExportProperty" />\n\n\n                <div class=\'empty\'></div>\n              </div>     \n              <div class="tab-content scrollbar" data-value="2">\n\n                \x3c!-- <ContentProperty /> --\x3e    \n                <object refClass="SVGTextProperty" />                        \n                <object refClass="FontProperty" />\n                <object refClass="TextProperty" />\n                <object refClass="TextShadowProperty" />\n                <object refClass="TextFillProperty" />\n                <object refClass="FontSpacingProperty" />\n                <object refClass="TextClipProperty" />  \n                <div class=\'empty\'></div>\n              </div>                   \n              <div class=\'tab-content scrollbar\' data-value=\'3\'>\n                <object refClass="MotionProperty" />\n                \x3c!-- SelectorProperty" /> --\x3e \n                <object refClass="TransitionProperty" />                            \n                <object refClass="AnimationProperty" />\n                <object refClass="KeyframeProperty" />                          \n                <div class=\'empty\'></div>                \n              </div>                        \n              <div class="tab-content" data-value="5">\n                <object refClass="CodeViewProperty" />\n                <div class=\'empty\'></div>                           \n              </div>       \n              \n              <div class="tab-content" data-value="6">\n                <object refClass="HistoryProperty" />\n                <div class=\'empty\'></div>                           \n              </div>                     \n            </div>\n          </div>\n        </div>\n      </div>\n    ')}},{key:"components",value:function(){return xw}},{key:pr("$header .tab-item:not(.empty-item)"),value:function(e){var t=+e.$dt.attr("data-value");this.state.selectedIndex!==t&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(e){return e.removeClass("selected")})),this.$el.$$('[data-value="'.concat(t,'"]')).forEach((function(e){return e.addClass("selected")})),this.setState({selectedIndex:t},!1))}}]),t}(Df);ki({Inspector:ww});var Sw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{LayerTreeProperty:Ax}}},{key:"template",value:function(){return"\n      <div class='object-items'>\n        <div>\n          <object refClass=\"LayerTreeProperty\" />\n        </div>\n      </div>\n    "}}]),t}(Df);ki({ObjectItems:Sw});var Pw={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>'},jw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(Pw).map((function(e){return"<div class='path-item'>".concat(Pw[e],"</div>")})).join(""),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:pr("$el .path-item"),value:function(e){var t=e.$dt.$("svg"),n=t.$("path"),r=t.attr("viewBox").split(" "),i=k()(r,4),a=i[0],o=i[1],s=i[2],c=i[3],l=n.attr("d"),u={x:+a,y:+o,width:+s,height:+c};this.emit("convertPath",l,u)}}]),t}(Df);ki({LibraryItems:jw});var Ow=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return Rk}},{key:"template",value:function(){return'\n      <div class=\'preview-tool-menu\'>\n        <div class=\'items\'>\n          <object refClass="KeyBoard" />      \n          <object refClass="Fullscreen" />      \n          <object refClass="ExportView" />\n          <object refClass="ExportCodePen" />\n          <div class=\'divdier\'></div>\n          <object refClass="Download" />\n          <object refClass="Save" />\n          <object refClass="Github" />\n          <object refClass="Manual" />          \n        </div>                \n      </div>\n    '}}]),t}(Df);ki({PreviewToolMenu:Ow});var $w={option:"⌥",cmd:"⌘",shift:"⇧",alt:"⎇",ctrl:"⌃",enter:"⏎",escape:"⎋",arrowdown:"↓",arrowup:"↑",arrowleft:"←",arrowright:"→",backspace:"Delete",minus:"-",equal:"+"};var Cw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n      <div class='shortcut-items'></div>\n    "}},{key:Jr("$el"),value:function(){var e=ju();return Ou.map((function(t){return"\n        <div class='shortcut-item'>\n          <div class='command'>\n            <label>".concat(t.description,"</label>\n            <span><kbd>").concat((n=t[e]||t.key,n.toLowerCase().split("+").map((function(e){return $w[e]||e})).join(" + ")),"</kbd></span>\n          </div>\n          <div class='when'>").concat(t.when,"</div>\n        </div>\n      ");var n}))}}]),t}(Df);function Ew(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({ShortCutItems:Cw});var Tw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ew(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ew(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({ShortCutItems:Cw},xw,{ObjectItems:Sw,ComponentItems:Ak,LibraryItems:jw,PreviewToolMenu:Ow,ArtboardItems:Qb})}},{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="tab-item selected" data-value="2" title="'.concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(kf.layers,'</label>\n            </div>            \n            <div class="tab-item" data-value="1" title="').concat(this.$i18n("app.tab.title.projects"),'">\n              <label>').concat(kf.note,"</label>\n            </div>         \n            <div class='tab-item' data-value='5' title=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(kf.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' title=\"").concat(this.$i18n("app.tab.title.artboards"),'">\n              <label>').concat(kf.artboard,"</label>\n            </div>            \n            <div class='tab-item' data-value='4' title=\"").concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(kf.add,'</label>\n            </div>\n\n            <div class=\'tab-item extra-item\' >\n              <object refClass="PreviewToolMenu" />\n            </div>               \n          </div>\n          <div class="tab-body" ref="$body">\n            <div class="tab-content project-content" data-value="1">\n              <object refClass="ProjectProperty" />\n              <object refClass="ProjectInformationProperty" />\n            </div>\n            <div class="tab-content selected" data-value="2">\n              <object refClass="ObjectItems" />\n            </div>\n            <div class=\'tab-content\' data-value=\'3\'>\n              <object refClass="LibraryItems" />\n            </div>            \n            <div class=\'tab-content\' data-value=\'4\'>\n              <object refClass="ComponentItems" />\n            </div>    \n            <div class=\'tab-content\' data-value=\'5\'>\n              <div class=\'assets\'>\n                <object refClass="ColorAssetsProperty" />\n                <object refClass="GradientAssetsProperty" />    \n                <object refClass="PatternAssetsProperty" />    \n                <object refClass="ImageAssetsProperty" />      \n                <object refClass="VideoAssetsProperty" />       \n                <object refClass="SVGFilterAssetsProperty" />                \n              </div>\n            </div>\n            <div class=\'tab-content\' data-value=\'6\'>\n              <object refClass="ArtboardItems" />\n            </div>\n          </div>\n        </div>\n      </div>\n    ')}},{key:pr("$header .tab-item:not(.extra-item)"),value:function(e){var t=+e.$dt.attr("data-value");this.state.selectedIndex!==t&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(e){return e.removeClass("selected")})),this.$el.$$('[data-value="'.concat(t,'"]')).forEach((function(e){return e.addClass("selected")})),this.setState({selectedIndex:t},!1))}}]),t}(Df);ki({LayerTab:Tw});var Vw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{LayerTab:Tw}}},{key:"template",value:function(){return'\n      <div class="feature-control object-list">\n        <object refClass="LayerTab" />\n      </div>\n    '}}]),t}(Df);ki({ObjectList:Vw});var Dw={"stroke-dasharray":"Stroke Dash Array","stroke-dashoffset":"Stroke Dash Offset","stroke-linejoin":"Stroke Line Join"},Iw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:Vf("refreshCanvas","refreshSelection")+Yr(1e3),value:function(){this.refresh()}},{key:"makeTimelineObjectRow",value:function(e){var t=this,n=this.$selection.currentProject,r=n.searchById(e.id);if(r){var i=this.$timeline.checkLayer(r.id),a=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(i,"' data-layer-id='").concat(r.id,"' data-property=''>\n                <div class='icon'>").concat(kf.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(kf.remove,"</button>\n                    <button type=\"button\" class='empty'></button>                    \n                </div>\n            </div>\n\n            ").concat(e.properties.map((function(e){var n=t.$timeline.checkProperty(r.id,e.property);return("\n                <div class='timeline-object-row layer-property' data-selected='".concat(n,"' data-layer-id='").concat(r.id,"' data-property='").concat(e.property,"'>\n                  <div class='icon'></div>                    \n                    <div class='title'>").concat(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Dw[e]||t||e}(e.property),"</div>\n                    <div class='current-value'>\n                      ").concat("d"===e.property?a.totalLength:"","\n                      ").concat("points"===e.property?a.totalLength:"","\n                    </div>\n                    <div class='tools'>\n                        <button type=\"button\" class='remove' data-layer-id='").concat(r.id,"' data-property='").concat(e.property,"'>").concat(kf.remove,"</button>\n                        <button type=\"button\" class='add' data-layer-id='").concat(r.id,"' data-property='").concat(e.property,"'></button>\n                    </div>\n                </div>"))})).join(""),"                                                      \n        </div>\n        ")}}},{key:"template",value:function(){return"\n            <div class='timeline-object-list'></div>\n        "}},{key:Jr()+Xr,value:function(){var e=this,t=this.$selection.currentProject;if(!t)return"";var n=t.getSelectedTimeline();return n?n.animations.map((function(t){return e.makeTimelineObjectRow(t)})):""}},{key:"refreshSelection",value:function(){var e=this;this.$el.$$('[data-selected="true"]').forEach((function(e){e.attr("data-selected","false")})),this.$timeline.each((function(t){var n=e.$el.$('[data-layer-id="'.concat(t.layerId,'"][data-property="').concat(t.property,'"]'));n&&n.attr("data-selected","true")}))}},{key:pr("$el .timeline-object-row.layer .title"),value:function(e){var t=e.$dt.closest("timeline-object");t.toggleClass("collapsed");var n=e.$dt.closest("timeline-object-row").attr("data-layer-id");this.$timeline.selectLayer(n),this.$timeline.toggleLayerContainer(t.attr("data-timeline-animation-id")),this.refreshSelection(),this.emit("toggleTimelineObjectRow",n,t.hasClass("collapsed"))}},{key:pr("$el .timeline-object-row.layer .add-property"),value:function(e){var t=e.$dt.closest("timeline-object-row").$(".property-select").val(),n=e.$dt.attr("data-layer-id");if(t){var r=this.$selection.current;this.emit("addTimelineProperty",{layerId:n,property:t,value:r[t]})}}},{key:pr("$el .timeline-object-row.layer .remove-timeline"),value:function(e){var t=e.$dt.attr("data-layer-id");t&&this.emit("removeTimeline",t)}},{key:pr("$el .timeline-object-row.layer-property .add"),value:function(e){var t=e.$dt.attr("data-layer-id"),n=e.$dt.attr("data-property");n&&this.emit("copyTimelineProperty",t,n)}},{key:pr("$el .timeline-object-row.layer-property .remove"),value:function(e){var t=e.$dt.attr("data-layer-id"),n=e.$dt.attr("data-property");n&&this.emit("removeTimelineProperty",t,n)}},{key:pr("$el .timeline-object-row.layer-property .title"),value:function(e){var t=e.$dt.closest("timeline-object-row").attrs("data-layer-id","data-property"),n=k()(t,2),r=n[0],i=n[1];this.$timeline.selectProperty(r,i),this.refreshSelection(),this.emit("refreshTimeline")}},{key:Vf("refreshTimeline"),value:function(){this.refresh()}}]),t}(Df);function Mw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({TimelineObjectList:Iw});var Lw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"config",value:function(e){return this.parent.state[e]}},{key:"initState",value:function(){return{rect:null}}},{key:"calculateTimeToPosition",value:function(e,t,n){var r=(e-t)/(n-t);return nr.px(this.rect.totalWidth*r+10)}},{key:"makeSubOffset",value:function(e,t){var n=[];if("offset-path"===e){var r=t.split(",").map((function(e){return e.trim()})),i=k()(r,1)[0],a=this.$selection.currentProject.searchById(i);a&&(t=a.d)}else t=null;if(t){var o=bs(new ea(t).segments),s=o.totalLength,c=o.interpolateList,l=0;(n=c.map((function(e){var t={totalLength:s,length:e.length+l};return l+=e.length,t}))).pop()}return n}},{key:"makeKeyframe",value:function(e,t,n){var r=this,i=n.keyframes.filter((function(e){return t.displayStartTime<=e.time&&e.time<=t.displayEndTime})).map((function(e,i){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Mw(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Mw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({left:r.calculateTimeToPosition(e.time,t.displayStartTime,t.displayEndTime)},e,{subOffset:r.makeSubOffset(n.property,e.value),index:i})}));return"\n        <div class='keyframe-back' \n            data-layer-id=\"".concat(e,'"\n            data-property="').concat(n.property,'"\n        >\n\n            ').concat(i.map((function(t,a){var o=i[a+1];if(!o)return"";var s=nr.px(t.left.value),c=nr.px(o.left.value-t.left.value),l=r.$timeline.checked(t.id)&&r.$timeline.checked(o.id);return'\n                    <div \n                        data-selected="'.concat(l,'"\n                        class="offset-line"\n                        style=\'left: ').concat(s,"; width: ").concat(c,"'} ></div>\n\n                    ").concat(t.subOffset.map((function(r,i){var a=nr.px(t.left.value+r.length/r.totalLength*c.value);return("\n                        <div \n                            class='".concat(wt({"sub-offset":!0}),"'    \n                            style='left: ").concat(a,"'\n                            data-offset-id=\"").concat(t.id,'"\n                            data-layer-id="').concat(e,'"\n                            data-property="').concat(n.property,'"\n                            data-suboffset-index="').concat(i,'"\n                        ></div>\n        \n                        '))})).join(""),"\n                ")})).join(""),"\n        </div>\n        <div class='keyframe'>\n\n            ").concat(i.map((function(t){var i=r.$timeline.checked(t.id);return("<div class='offset' style='left: ".concat(t.left,"'\n                    data-selected=\"").concat(i,'"\n                    data-offset-id="').concat(t.id,'"\n                    data-layer-id="').concat(e,'"\n                    data-property="').concat(n.property,'"\n                    data-offset-index="').concat(t.index,'"\n                ></div>\n\n                '))})).join(""),"\n        </div>")}},{key:"makeTimelineKeyframeRow",value:function(e,t){var n=this,r=this.$selection.currentProject.searchById(t.id);if(r){var i={};t.properties.map((function(e){return e.keyframes.map((function(e){return e.time}))})).forEach((function(e){e.forEach((function(e){return i[e]=!0}))}));var a=Object.keys(i).map((function(e){return+e}));return("\n        <div class='timeline-keyframe ".concat(wt({collapsed:t.collapsed}),"' data-timeline-layer-id=\"").concat(r.id,"\">\n            <div \n                class='timeline-keyframe-row layer' \n                data-row-index=\"").concat(this.state.rowIndex++,'"\n                data-layer-id="').concat(r.id,"\"\n            >\n                <div class='keyframe-shadow'>\n                ").concat(a.map((function(t){var r=n.calculateTimeToPosition(t,e.displayStartTime,e.displayEndTime);return("<div class='offset' style='left: ".concat(r,"'></div>"))})).join(""),"\n                </div>\n            </div>\n\n            ").concat(t.properties.map((function(t){return"\n                <div \n                    class='timeline-keyframe-row layer-property'\n                    data-row-index=\"".concat(n.state.rowIndex++,'"\n                    data-property="').concat(t.property,'"\n                    data-layer-id="').concat(r.id,'"\n                >\n                    ').concat(t.keyframes.length?n.makeKeyframe(r.id,e,t):"","\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(e){var t=rr.create(e.target);return!1===t.hasClass("offset")&&!1===t.hasClass("offset-line")}},{key:"getRowIndex",value:function(e){return e=et(e)?this.state.rowIndex:+e}},{key:vr("$el")+Br("Backspace"),value:function(e){this.emit("deleteTimelineKeyframe")}},{key:"isNotMoved",value:function(e,t){return 0===e&&0===t}},{key:Cr("$el")+Fr("hasDragPlace")+Wr("moveDragArea")+Ur("moveEndDragArea"),value:function(e){this.dragXY=this.getRealPosition(e),this.startRowIndex=this.getRowIndex(rr.create(e.target).attr("data-row-index")),this.left=null,this.width=null}},{key:"moveDragArea",value:function(e,t){if(!this.isNotMoved(e,t)){var n=e<0?nr.px(this.dragXY.x+e):nr.px(this.dragXY.x),r=t<0?nr.px(this.dragXY.y+t):nr.px(this.dragXY.y),i=nr.px(Math.abs(e)),a=nr.px(Math.abs(t));this.refs.$dragArea.css({left:n,top:r,width:i,height:a}),this.left=n,this.width=i}}},{key:"getLayerList",value:function(){for(var e=this.getRowIndex(rr.create(this.$config.get("bodyEvent").target).attr("data-row-index")),t=Math.min(e,this.startRowIndex),n=Math.max(e,this.startRowIndex),r=[],i=t;i<=n;i++)r.push('[data-row-index="'.concat(i,'"]'));return this.refs.$keyframeList.$$(r.join(",")).map((function(e){var t=e.attrs("data-layer-id","data-property"),n=k()(t,2);return{layerId:n[0],property:n[1]}}))}},{key:"getTime",value:function(e,t,n){return e+(t-e)*n}},{key:"moveEndDragArea",value:function(e,t){if(!this.isNotMoved(e,t))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),i=this.getTimeRateByPosition((this.left.value+this.width.value)/n);this.$timeline.selectBySearch(this.getLayerList(),r,i),this.refresh(),this.startRowIndex=null}else this.doubleClicked?this.doubleClicked=!1:(this.$timeline.empty(),this.refresh())}},{key:Jr("$keyframeList")+Xr,value:function(){var e=this,t=this.$selection.currentProject;if(!t)return"";var n=t.getSelectedTimeline();if(!n)return"";this.state.rect||(this.state.rect=this.$el.rect());var r=this.state.rect.width-20;return this.rect={totalWidth:r,startX:10},this.state.rowIndex=0,n.animations.map((function(t){return e.makeTimelineKeyframeRow(n,t)}))}},{key:pr("$el .timeline-keyframe-row.layer .title"),value:function(e){e.$dt.closest("timeline-keyframe").toggleClass("collapsed")}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline}},{key:"getRealPosition",value:function(e){var t=this.$el.rect(),n={x:e.xy.x-t.left,width:t.width,y:e.xy.y-t.top,height:t.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(e){var t=this.currentTimeline;if(t){var n=t.displayStartTime,r=t.displayEndTime;return this.getTime(n,r,e)}return 0}},{key:dr("$el .layer-property"),value:function(e){var t=e.$dt.attrs("data-layer-id","data-property"),n=k()(t,2),r=n[0],i=n[1],a=this.getTimeRateByPosition(this.getRealPosition(e).rate);this.emit("addTimelineKeyframe",{layerId:r,property:i,time:a}),this.doubleClicked=!0,this.refresh()}},{key:Cr("$el .layer-property .offset")+Fr("hasCurrentTimeline")+Wr("moveOffset")+Ur("moveEndOffset"),value:function(e){var t=this;this.$offset=e.$dt;var n=this.$offset.attr("data-offset-id"),r=this.$offset.attr("data-property"),i=this.$offset.attr("data-layer-id");this.$keyframeBack=this.$offset.closest("timeline-keyframe-row").$(".keyframe-back");var a=this.$el.rect().width-20;this.rect={totalWidth:a,startX:10};var o=this.$selection.currentProject;o&&(this.offset=o.getTimelineKeyframeById(i,r,n),this.layerId=i,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(e){t.cachedOffsetList[e.id]=e.time})),this.emit("refreshOffsetValue",this.offset)}},{key:"moveOffset",value:function(e,t){var n=this;if(!this.isNotMoved(e,t)){var r=this.timeline,i=r.displayStartTime,a=r.displayEndTime,o=r.fps,s=e<0?-1:1,c=Math.abs(e)/this.rect.totalWidth*(a-i);this.$timeline.each((function(e){var t=n.cachedOffsetList[e.id]+c*s;t=Math.max(t,i),t=Math.min(t,a);var r=sa(o,t);t=oa(o,r),e.time=t})),this.refresh(),this.emit("refreshOffsetValue",this.offset)}}},{key:Vf("toggleTimelineObjectRow"),value:function(e,t){this.$el.$('.timeline-keyframe[data-timeline-layer-id="'.concat(e,'"]')).toggleClass("collapsed",t)}},{key:"moveEndOffset",value:function(e,t){if(this.isNotMoved(e,t))return this.refresh(),void this.emit("refreshOffsetValue",this.offset);var n=this.$selection.currentProject;n&&(this.$timeline.each((function(e){n.sortTimelineKeyframe(e.layerId,e.property)})),this.refresh())}},{key:Vf("addTimeline","moveTimeline")+Yr(100),value:function(){this.refresh()}},{key:Vf("refreshTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Vf("resize.window")+Yr(100),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var e=this.$selection.currentProject;if(e)return e.getSelectedTimeline()}}]),t}(Df);ki({TimelineKeyframeList:Lw});var Rw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n        <div class='keyframe-time-control'>\n            <div class='time-manager'>\n                <button type=\"button\" ref='$timer'>".concat(kf.timer,'</button>\n                <label>\n                    <input type="text" ref=\'$currentTime\' />\n                </label>\n                <label>FPS <input type="number" ref=\'$fps\' min="0" max="999" /></label>\n                <label>\n                    <input type="text" ref=\'$duration\' />\n                </label>\n            </div>\n        </div>')}},{key:"refresh",value:function(){this.refreshTimeInfo()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline}},{key:"refreshTimeInfo",value:function(){var e=this.currentTimeline;e&&(this.refs.$currentTime.val(e.currentTimecode),this.refs.$duration.val(e.totalTimecode),this.refs.$fps.val(e.fps))}},{key:"refreshCurrentTime",value:function(){var e=this.currentTimeline;e&&this.refs.$currentTime.val(e.currentTimecode)}},{key:Vf("playTimeline"),value:function(){this.refreshCurrentTime()}},{key:Vf("refreshTimeline"),value:function(){this.refresh()}},{key:Vf("moveTimeline","refreshSelection")+Kr(10),value:function(){this.refresh()}},{key:vr("$fps")+Gr,value:function(e){var t=+this.refs.$fps.val(),n=this.$selection.currentProject;n&&(n.setFps(t),this.emit("moveTimeline"))}},{key:"checkNumberOrTimecode",value:function(e){var t=e.target.value.trim();return+t+""===t||!!t.match(/^[0-9:]+$/)}},{key:"checkKey",value:function(e){return!!e.key.match(/^[0-9:]+$/)||("Backspace"===e.code||"ArrowRight"===e.code||"ArrowLeft"===e.code)}},{key:pr("$timer"),value:function(){var e=this.$selection.currentProject;e&&(e.seek(this.refs.$currentTime.value,(function(e){return!0})),this.emit("playTimeline"))}},{key:fr("$currentTime"),value:function(e){if(!this.checkKey(e))return e.preventDefault(),e.stopPropagation(),!1}},{key:vr("$currentTime")+Gr+Fr("checkNumberOrTimecode")+Fr("hasCurrentTimeline")+Zr,value:function(e){var t=this.refs.$currentTime.value,n=this.$selection.currentProject;n&&n.setTimelineCurrentTime(t),this.refresh(),this.emit("moveTimeline")}},{key:fr("$duration"),value:function(e){if(!this.checkKey(e))return e.preventDefault(),e.stopPropagation(),!1}},{key:vr("$duration")+Gr+Fr("checkNumberOrTimecode")+Fr("hasCurrentTimeline")+Zr,value:function(e){var t=this.refs.$duration.value,n=this.$selection.currentProject;n&&n.setTimelineTotalTime(t),this.refresh(),this.emit("moveTimeline")}},{key:"currentTimeline",get:function(){var e=this.$selection.currentProject;return e?e.getSelectedTimeline():null}}]),t}(Df);ki({KeyframeTimeControl:Rw});var Aw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{KeyframeTimeControl:Rw}}},{key:"template",value:function(){return"\n            <div class='timeline-top-toolbar'>\n                <object refClass=\"KeyframeTimeControl\" />\n            </div>\n        "}}]),t}(Df);function zw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({TimelineTopToolbar:Aw});var Fw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=this.currentTimeline;if(e){var t=nr.percent(e.displayStartTime/e.totalTime*100),n=nr.percent(e.displayEndTime/e.totalTime*100);this.refs.$start.css("left",t),this.refs.$end.css("left",n),this.refs.$gauge.css({left:t,width:nr.percent(n.value-t.value)})}}},{key:Cr("$start")+Fr("hasCurrentTimeline")+Wr("moveStartButton"),value:function(e){this.sliderRect=this.refs.$slider.rect(),this.endX=nr.parse(this.refs.$end.css("left")).toPx(this.sliderRect.width)}},{key:"moveStartButton",value:function(){var e=this.$config.get("pos").x-this.sliderRect.x,t=this.endX;e=Math.max(e,0);var n=(e=Math.min(e,t))/this.sliderRect.width;this.$selection.currentProject.setDisplayStartTimeRate(n),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:Cr("$end")+Fr("hasCurrentTimeline")+Wr("moveEndButton"),value:function(e){this.sliderRect=this.refs.$slider.rect(),this.startX=nr.parse(this.refs.$start.css("left")).toPx(this.sliderRect.width)}},{key:"moveEndButton",value:function(){var e=this.$config.get("pos").x-this.sliderRect.x,t=this.startX,n=this.sliderRect.width;e=Math.max(e,t);var r=(e=Math.min(e,n))/this.sliderRect.width;this.$selection.currentProject.setDisplayEndTimeRate(r),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:Cr("$gauge")+Fr("hasCurrentTimeline")+Wr("moveGaugeButton"),value:function(e){this.sliderRect=this.refs.$slider.rect();var t=this.currentTimeline,n=t.displayStartTime,r=t.displayEndTime;this.timelineStartTime=n,this.timelineEndTime=r}},{key:"moveGaugeButton",value:function(e,t){var n=e/this.sliderRect.width;this.$selection.currentProject.setDisplayTimeDxRate(n,this.timelineStartTime,this.timelineEndTime),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:"config",value:function(e){return this.parent.state[e]}},{key:"setConfig",value:function(e,t){this.parent.setState(m()({},e,t),!1)}},{key:"refreshCanvas",value:function(){var e=this.$theme("timeline_grid_font_color"),t=this.$theme("timeline_timeview_bottom_color"),n=this.$theme("timeline_line_color"),r=this.currentTimeline;if(r){var i=this.$el.rect(),a=i.width,o=(i.height,r.displayStartTime),s=r.displayEndTime,c=r.fps,l=r.currentTime,u=Math.floor(o*c),h=Math.floor(s*c),p=(a=i.width,h-u),d=5;p<100?d=10:p<1e3?d=100:p<1e4?d=1e3:p<1e5&&(d=1e4),u%d!=0&&(u+=d-u%d);var f={textAlign:"center",textBaseline:"middle",font:"10px sans-serif"};this.refs.$canvas.resize({width:a,height:24}),this.refs.$canvas.update((function(){var r=this.rect(),i=a-20;this.drawOption(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?zw(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):zw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({strokeStyle:"rgba(204, 204, 204, 0.3)",lineWidth:.5},f));for(;u<h;u+=d){var p=(oa(c,u)-o)/(s-o)*i;this.drawOption({fillStyle:e}),this.drawText(p+10,7,ca(c,u).replace(/00\:/g,"")+"f")}this.drawOption({strokeStyle:t,lineWidth:1}),this.drawLine(0,r.height-.5,r.width,r.height);var v=(l-o)/(s-o)*i;this.drawOption({strokeStyle:n,fillStyle:n,lineWidth:1}),this.drawPath([v-4+10,r.height-10],[v+4+10,r.height-10],[v+4+10,r.height-4],[v+10,r.height],[v-4+10,r.height-4],[v-4+10,r.height-10])}))}}},{key:Cr("$canvas")+Fr("hasCurrentTimeline")+Wr()+Ur("moveEndCurrentTime"),value:function(e){this.selectedCanvasOffset=this.refs.$canvas.offset(),this.originalRect=this.$el.rect(),this.width=this.originalRect.width-20,this.emit("hideSelectionToolView"),this.$selection.empty(),this.emit("refreshSelection")}},{key:"move",value:function(){var e=this.width,t=e,n=this.$config.get("pos").x-this.selectedCanvasOffset.left;n=Math.max(n,0),n=Math.min(n,t),this.$selection.currentProject.setTimelineCurrentTimeRate(n/e),this.refresh(),this.$selection.currentProject.seek(),this.emit("moveTimeline")}},{key:"moveEndCurrentTime",value:function(){this.emit("resetSelection")}},{key:Vf("resize.window")+Yr(100),value:function(){this.refresh()}},{key:Vf("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Vf("moveTimeline","refreshSelection")+Kr(10),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var e=this.$selection.currentProject;return e?e.getSelectedTimeline():null}}]),t}(Df);ki({KeyframeTimeView:Fw});var Bw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=this.$selection.currentProject;if(e)return e.getSelectedTimeline()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline()}},{key:"refreshCanvas",value:function(){var e=this.$theme("timeline_line_color"),t=this.currentTimeline();if(t){var n=this.$el.rect().width,r=t.currentTime,i=t.displayStartTime,a=t.displayEndTime;this.refs.$canvas.resize(this.$el.rect()),this.refs.$canvas.update((function(){var t=this.rect(),o=(r-i)/(a-i)*(n-20);this.drawOption({strokeStyle:e,lineWidth:1}),this.drawLine(o+10,0,o+10,t.height)}))}}},{key:Vf("resize.window")+Yr(100),value:function(){this.refresh()}},{key:Vf("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Vf("moveTimeline","refreshSelection")+Kr(50),value:function(){this.refresh()}}]),t}(Df);function Gw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({KeyframeTimeGridView:Bw});var Hw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{CSSPropertyEditor:Uv,CubicBezierEditor:Wf}}},{key:"initState",value:function(){return{time:0,timing:"linear",selectedIndex:1}}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.state)}},{key:"getProperties",value:function(){return[{key:this.state.property,value:et(this.state.value)?"10px":this.state.value,editor:this.state.editor}].filter((function(e){return e.key}))}},{key:"refresh",value:function(){var e=this.$selection.currentProject,t="00:00:00:00";if(e){var n=e.getSelectedTimeline();n&&(t=sa(n.fps,this.state.time))}this.refs.$offsetTime.val(t),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.getProperties()),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",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:pr("$header .tab-item"),value:function(e){var t=+e.$dt.attr("data-value");this.state.selectedIndex!==t&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(e){return e.removeClass("selected")})),this.$el.$$('[data-value="'.concat(t,'"]')).forEach((function(e){return e.addClass("selected")})),this.setState({selectedIndex:t},!1),this.refresh())}},{key:"checkNumberOrTimecode",value:function(e){var t=e.target.value.trim();return+t+""===t||!!t.match(/^[0-9:]+$/)}},{key:"checkKey",value:function(e){return!!e.key.match(/^[0-9:]+$/)||("Backspace"===e.code||"ArrowRight"===e.code||"ArrowLeft"===e.code)}},{key:fr("$offsetTime"),value:function(e){if(!this.checkKey(e))return e.preventDefault(),e.stopPropagation(),!1}},{key:vr("$offsetTime")+Gr+Fr("checkNumberOrTimecode")+Zr,value:function(e){var t=this.refs.$offsetTime.value,n=this.$selection.currentProject;if(n){var r=n.getSelectedTimeline();this.updateData({time:oa(r.fps,t)})}}},{key:"templateForOffset",value:function(){return"\n      <div class='offset-input'>\n        <label>".concat(this.$i18n("timeline.value.editor.time"),"</label>\n        <div class='input-area'>\n          <input type=\"text\" ref='$offsetTime' title=\"").concat(this.$i18n("timeline.value.editor.offset.message"),"\" />\n        </div>\n        <button type=\"button\" ref='$seek' title='Seek timeline'>").concat(kf.gps_fixed,"</button>\n      </div>\n    ")}},{key:pr("$seek"),value:function(){var e=this,t=this.$selection.currentProject;t&&(t.seek(this.refs.$offsetTime.value,(function(t){return t.layer.id===e.state.layerId&&t.property===e.state.property})),this.emit("playTimeline"))}},{key:"templateForProperty",value:function(){return"\n      <object refClass=\"CSSPropertyEditor\" ref='$propertyEditor' hide-title='true' onchange='changePropertyEditor' />\n    "}},{key:"templateForTimingFunction",value:function(){return'\n    <div class=\'timing-function\'>\n      <object refClass="CubicBezierEditor" ref=\'$cubicBezierEditor\' key="timing" value="'.concat(this.state.timingFunction||"linear","\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:Vf("refreshPropertyValue"),value:function(){var e=this.$selection.currentProject;if(e){var t=e.searchById(this.state.layerId);if(t){var n=t[this.state.property]+"";this.trigger("refreshOffsetValue",{value:n}),this.updateData({value:n})}}}},{key:Vf("refreshOffsetValue"),value:function(e){this.setState(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Gw(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Gw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e),!1),this.refresh()}},{key:Vf("changeCubicBezier"),value:function(e,t){this.updateData(m()({},e,t+""))}},{key:Vf("changePropertyEditor"),value:function(e){if(e.length){var t=e[0];this.updateData({value:t.value+""})}}}]),t}(Df);ki({TimelineValueEditor:Hw});var Nw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(kf.play,"</button>\n                        <button type=\"button\" data-value='pause' class='pause' title='").concat(this.$i18n("timeline.play.control.pause"),"'>").concat(kf.pause,"</button>                \n                        <button type=\"button\" data-value='first' class='first' title='").concat(this.$i18n("timeline.play.control.first"),"'>").concat(kf.skip_prev,"</button>\n                        <button type=\"button\" data-value='prev' class='prev' title='").concat(this.$i18n("timeline.play.control.prev"),"'>").concat(kf.fast_rewind,"</button>                    \n                        <button type=\"button\" data-value='next' class='next' title='").concat(this.$i18n("timeline.play.control.next"),"'>").concat(kf.fast_forward,"</button>\n                        <button type=\"button\" data-value='last' class='last' title='").concat(this.$i18n("timeline.play.control.last"),"'>").concat(kf.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(kf.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate' title='").concat(this.$i18n("timeline.play.control.alternate"),"'>").concat(kf.alternate,"</button>\n                        <button type=\"button\" data-value='reverse' title='").concat(this.$i18n("timeline.play.control.reverse"),"' style='transform: rotateY(180deg)'>").concat(kf.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate-reverse' title='").concat(this.$i18n("timeline.play.control.alternate.reverse"),"' style='transform: rotateY(180deg)'>").concat(kf.alternate_reverse,"</button>\n                    </div>\n                </div>                                \n            </div>\n        ")}},{key:"initState",value:function(){var e=1,t=1,n="normal",r=this.getSelectedTimeline();if(r)e=r.speed,t=r.iterationCount,n=r.direction;return{status:"pause",speed:e,iterationCount:t,direction:n}}},{key:"getSelectedTimeline",value:function(){var e=this.$selection.currentProject;if(e)return e.getSelectedTimeline()}},{key:"updateData",value:function(e){this.setState(e,!1);var t=this.$selection.currentProject;t&&t.setTimelineInfo(e)}},{key:pr("$playButtons button"),value:function(e){var t=e.$dt.attr("data-value");this.setState({status:t}),"play"===t?this.play():"pause"===t?this.pause():"first"===t?this.first():"prev"===t?this.prev():"next"===t?this.next():"last"===t&&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:Vf("stopTimeline"),value:function(){this.updateData({status:"pause"})}},{key:pr("$direction button"),value:function(e){this.updateData({direction:e.$dt.attr("data-value")}),this.refresh()}},{key:pr("$repeatStatus"),value:function(e){var t=0;0===this.refs.$iteration.value&&(t=1),this.updateData({iterationCount:t}),this.refs.$iteration.val(t),this.bindData("$repeatStatus")}},{key:xr("$iteration"),value:function(e){this.updateData({iterationCount:+this.refs.$iteration.value}),this.bindData("$repeatStatus")}},{key:xr("$speed"),value:function(e){this.updateData({speed:+this.refs.$speed.value})}},{key:ni("$repeatStatus"),value:function(){return{text:0===this.state.iterationCount?this.$i18n("timeline.play.control.infinite"):this.$i18n("timeline.play.control.repeat")}}},{key:ni("$playButtons"),value:function(){return{"data-status":this.state.status}}},{key:ni("$direction"),value:function(){return{"data-selected-direction":this.state.direction}}},{key:Vf("selectTimeline"),value:function(){this.refresh()}}]),t}(Df);ki({TimelinePlayControl:Nw});var Xw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{TimelineAnimationProperty:lw,TimelinePlayControl:Nw,TimelineValueEditor:Hw,KeyframeTimeView:Fw,TimelineKeyframeList:Lw,TimelineObjectList:Iw,TimelineTopToolbar:Aw,KeyframeTimeGridView:Bw}}},{key:"isFirstShow",value:function(){return!1}},{key:"getTitle",value:function(){return this.$i18n("timeline.property.title")}},{key:"getTools",value:function(){return'\n      <object refClass="TimelinePlayControl" />\n      \n    '}},{key:"getClassName",value:function(){return"timeline full managed-tool"}},{key:"getBody",value:function(){return"\n      <div class='timeline-animation-area'>\n        <object refClass=\"TimelineAnimationProperty\" />\n      </div>\n      <div class='timeline-area'>\n        <div class='timeline-header'>\n          <div class='timeline-object-toolbar'>\n            <object refClass=\"TimelineTopToolbar\" />\n          </div>\n          <div class='timeline-keyframe-toolbar' ref='$keyframeToolBar'>\n            <object refClass=\"KeyframeTimeView\" ref='$keyframeTimeView' /> \n          </div>\n        </div>\n        <div class='timeline-body'>\n          <div class='timeline-object-area' ref='$area'>\n            <object refClass=\"TimelineObjectList\" />\n          </div>\n          <div class='timeline-keyframe-area' ref='$keyframeArea'>\n            <object refClass=\"TimelineKeyframeList\" ref='$keyframeList' />          \n          </div>\n          <object refClass=\"KeyframeTimeGridView\" ref='$keyframeTimeGridView' />            \n        </div>\n      </div>\n      <div class='timeline-value-area'>\n        <object refClass=\"TimelineValueEditor\" ref='$valueEditor' onchange='changeKeyframeValue' />\n      </div>\n    "}},{key:Or("$keyframeArea"),value:function(e){this.refs.$area.setScrollTop(this.refs.$keyframeArea.scrollTop())}},{key:Or("$area"),value:function(e){this.refs.$keyframeArea.setScrollTop(this.refs.$area.scrollTop())}},{key:Vf("refreshValueEditor")+Yr(100),value:function(){this.children.$valueEditor.refresh()}},{key:"afterRender",value:function(){this.trigger("refreshValueEditor")}},{key:Vf("changeKeyframeValue"),value:function(e){this.emit("setTimelineOffset",e)}},{key:mr("$area")+Zr,value:function(e){}},{key:gr("$area")+Zr,value:function(e){this.emit("addTimelineItem",e.dataTransfer.getData("layer/id"))}},{key:"onToggleShow",value:function(){this.emit("toggleFooter",this.isPropertyShow()),this.emit("timeline.view",this.isPropertyShow())}}]),t}(zk);ki({TimelineProperty:Xw});var Yw=rr.create("div"),_w=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n    <div class='style-view' style='pointer-events: none; position: absolute;display:inline-block;left:-1000px;'>\n      <div ref='$svgArea'></div>\n    </div>\n    "}},{key:"initialize",value:function(){si()(Xn()(t.prototype),"initialize",this).call(this),this.refs.$head=rr.create(document.head)}},{key:"makeStyle",value:function(e){return Xb.toStyle(e)}},{key:"refreshStyleHead",value:function(){var e=this,t=this.$selection.currentProject||new Xs;this.refs.$head.$$("style").forEach((function(e){return e.remove()})),this.changeStyleHead(t),t.layers.forEach((function(t){return e.changeStyleHead(t)}))}},{key:"changeStyleHead",value:function(e){var t=this,n=rr.create("div"),r=this.makeStyle(e);n.html(r).children().forEach((function(e){t.refs.$head.append(e)}))}},{key:"refreshStyleHeadOne",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[e];t||(n=e.allLayers);var r=n.map((function(e){return'style[data-id="'.concat(e.id,'"]')})).join(","),i=!1;this.refs.$head.$$(r).forEach((function(t){e.isChanged(t.attr("data-timestamp"))&&(i=!0,t.remove())})),i&&this.changeStyleHead(e)}},{key:Jr("$svgArea")+Xr,value:function(){var e=this.$selection.currentProject||{};return Xb.renderSVG(e)}},{key:Vf("refreshStyleView","moveTimeline","playTimeline"),value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e?(this.load(),this.refreshStyleHeadOne(e,t)):this.refresh()}},{key:Vf("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:Vf("refreshSelectionStyleView"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=e;nt(e)?t=e:null!==e&&(t=[e]);for(var n=[],r=[],i=[],a=0,o=(n=t?it(t[0])?this.$selection.itemsByIds(t):t:this.$selection.items).length;a<o;a++){var s=n[a],c=s.allLayers.map((function(e){return'style[data-id="'.concat(e.id,'"]')})).join(",");i.push(c),r.push(this.makeStyle(s))}i.length&&this.refs.$head.$$(i).forEach((function(e){e.remove()}));var l=Yw.html(r.join("")).createChildrenFragment();this.refs.$head.append(l)}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}]),t}(Df);ki({StyleView:_w});var Kw={1:"to top left",2:"to top right",3:"to bottom right",4:"to bottom left",11:"to top",12:"to right",13:"to bottom",14:"to left"},Ww=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n            <div class='selection-view one-selection-view' ref='$selectionView' style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>\n            </div>\n        "}},{key:Vf("keymap.keydown"),value:function(e){e.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:Vf("keymap.keyup"),value:function(e){this.$el.attr("data-has-shift","")}},{key:"toggleEditingPath",value:function(e){this.$el.toggleClass("editing-path",e)}},{key:"checkEditMode",value:function(){return this.$editor.isSelectionMode()}},{key:Cr("$pointerRect .rotate-pointer")+Zr+Wr("rotateVertext")+Ur("rotateEndVertext"),value:function(e){this.state.moveType="rotate",this.initMousePoint=this.$viewport.createWorldPosition(e.clientX,e.clientY),this.$selection.doCache(),this.$selection.reselect(),this.verties=ht(this.$selection.verties),this.$snapManager.clear(),this.rotateTargetNumber=+e.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertext",value:function(){var e=this,t=this.$config.get("bodyEvent"),n=this.$viewport.createWorldPosition(t.clientX,t.clientY),r=D.d.subtract([],n,this.initMousePoint),i=4===this.rotateTargetNumber?Ai(this.verties,34):this.verties[this.rotateTargetNumber],a=Math.floor(q(i,this.verties[4],r));this.$selection.cachedItemVerties.forEach((function(t){var n=e.$selection.get(t.id);n&&n.reset({transform:Zi.addTransform(t.transform,"rotateZ(".concat(nr.deg(a).round(1e3),")"))})})),this.state.dragging=!0,this.renderPointers(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView"),this.emit("refreshRect")}},{key:"rotateEndVertext",value:function(){var e=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.verties=null,this.nextTick((function(){e.command("setAttributeForMulti","move selection pointer",e.$selection.cloneValue("x","y","width","height"))}))}},{key:"refreshRotatePointerIcon",value:function(e){this.emit("refreshCursor","rotate")}},{key:"refreshPointerIcon",value:function(e){var t=e.$dt.data("pointer");if(t){var n=t.split(",").map((function(e){return Number(e)})),r=D.d.subtract([],n,this.state.renderPointerList[0][4]),i=ne(r[0],r[1]),a=Math.floor(i)-130;this.emit("refreshCursor","open_in_full","rotate(".concat(a," 12 12)"))}else this.emit("recoverCursor")}},{key:"checkPointerIsNotMoved",value:function(e){return!1===Boolean(this.state.dragging)}},{key:Er("$pointerRect .rotate-pointer")+Fr("checkPointerIsNotMoved")+Zr,value:function(e){this.refreshRotatePointerIcon(e)}},{key:Er("$pointerRect .pointer")+Fr("checkPointerIsNotMoved")+Zr,value:function(e){this.refreshPointerIcon(e)}},{key:Tr("$pointerRect .pointer,.rotate-pointer")+Fr("checkPointerIsNotMoved")+Zr,value:function(e){this.emit("recoverCursor")}},{key:Cr("$pointerRect .pointer")+Zr+Wr("moveVertext")+Ur("moveEndVertext"),value:function(e){this.refreshPointerIcon(e),this.state.dragging=!0;var t=+e.$dt.attr("data-number"),n=Kw["".concat(t)];this.initMousePoint=this.$viewport.createWorldPosition(e.clientX,e.clientY),this.state.moveType=n,this.state.moveTarget=t,this.$selection.doCache(),this.$selection.reselect(),this.$snapManager.clear(),this.verties=this.$selection.verties}},{key:"calculateNewOffsetMatrixInverse",value:function(e,t,n,r,i){var a=D.d.subtract([],Vi.scale(r,t,n),e);return ee(D.a.fromTranslation([],e),D.a.fromTranslation([],a),i,D.a.fromTranslation([],D.d.negate([],a)))}},{key:"calculateDistance",value:function(e,t,n){var r=D.d.clone(e),i=this.$snapManager.check([D.d.add([],r,t)]),a=D.d.add([],r,D.d.add([],t,i)),o=D.d.transformMat4([],r,n),s=D.d.transformMat4([],a,n);return D.d.floor([],D.d.add([],s,D.d.negate([],o)))}},{key:"calculateRealDist",value:function(e,t,n){return this.calculateDistance(e.verties[t],n,e.accumulatedMatrixInverse)}},{key:"moveItem",value:function(e,t,n,r){e&&(e.reset({x:nr.px(t[0]+(n<0?n:0)).round(1e3),y:nr.px(t[1]+(r<0?r:0)).round(1e3),width:nr.px(Math.abs(n)).round(1e3),height:nr.px(Math.abs(r)).round(1e3)}),e.recover())}},{key:"moveDirectionVertext",value:function(e,t,n,r,i){var a=Q(e.directionMatrix[r],this.calculateNewOffsetMatrixInverse(i,t,n,e.originalTransformOrigin,e.itemMatrix)),o=D.a.getTranslation([],a);this.moveItem(this.$selection.get(e.id),o,t,n)}},{key:"moveBottomRightVertext",value:function(e){var t=this;this.verties&&this.$selection.cachedItemVerties.forEach((function(n){var r=t.calculateRealDist(n,2,e),i=k()(r,2),a=i[0],o=i[1];t.$config.get("bodyEvent").shiftKey&&(o=a*n.height/n.width);var s=n.width+a,c=n.height+o;t.moveDirectionVertext(n,s,c,"to top left",[0,0,0])}))}},{key:"moveTopRightVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,1,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*t.height/t.width);var o=t.width+i,s=t.height-a;this.moveDirectionVertext(t,o,s,"to bottom left",[0,s,0])}}},{key:"moveTopLeftVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,0,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*t.height/t.width);var o=t.width-i,s=t.height-a;this.moveDirectionVertext(t,o,s,"to bottom right",[o,s,0])}}},{key:"moveTopVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,0,e),r=k()(n,2),i=(r[0],r[1]),a=t.width,o=t.height-i;this.moveDirectionVertext(t,a,o,"to bottom",[a/2,o,0])}}},{key:"moveBottomVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,3,e),r=k()(n,2),i=(r[0],r[1]),a=t.width,o=t.height+i;this.moveDirectionVertext(t,a,o,"to top",[a/2,0,0])}}},{key:"moveRightVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,1,e),r=k()(n,2),i=r[0],a=(r[1],t.width+i),o=t.height;this.moveDirectionVertext(t,a,o,"to left",[0,o/2,0])}}},{key:"moveLeftVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,0,e),r=k()(n,2),i=r[0],a=(r[1],t.width-i),o=t.height;this.moveDirectionVertext(t,a,o,"to right",[a,o/2,0])}}},{key:"moveBottomLeftVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,3,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*t.height/t.width);var o=t.width-i,s=t.height+a;this.moveDirectionVertext(t,o,s,"to top right",[o,0,0])}}},{key:"moveVertext",value:function(){var e=this.$config.get("bodyEvent"),t=this.$viewport.createWorldPosition(e.clientX,e.clientY),n=D.d.subtract([],t,this.initMousePoint);"to top left"===this.state.moveType?this.moveTopLeftVertext(n):"to top"===this.state.moveType?this.moveTopVertext(n):"to right"===this.state.moveType?this.moveRightVertext(n):"to bottom"===this.state.moveType?this.moveBottomVertext(n):"to left"===this.state.moveType?this.moveLeftVertext(n):"to top right"===this.state.moveType?this.moveTopRightVertext(n):"to bottom right"===this.state.moveType?this.moveBottomRightVertext(n):"to bottom left"===this.state.moveType&&this.moveBottomLeftVertext(n),this.state.dragging=!0,this.renderPointers(),this.refreshSmartGuides(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView"),this.emit("refreshRect")}},{key:"moveEndVertext",value:function(){var e=this;this.state.dragging=!1,this.emit("recoverCursor"),this.emit("refresh"),this.$selection.reselect(),this.nextTick((function(){e.command("setAttributeForMulti","move selection pointer",e.$selection.cloneValue("x","y","width","height"))}))}},{key:"moveTo",value:function(e){var t=this;this.$selection.cachedItemVerties.forEach((function(n){var r=t.$snapManager.check(n.rectVerties.map((function(t){return D.d.add([],t,e)}))),i=D.d.add([],e,r),a=n.rectVerties.map((function(e){return D.d.add([],e,i)})),o=D.d.subtract([],D.d.transformMat4([],a[0],n.parentMatrixInverse),D.d.transformMat4([],n.rectVerties[0],n.parentMatrixInverse)),s=t.$selection.get(n.id);s&&s.reset({x:nr.px(n.x+o[0]),y:nr.px(n.y+o[1])})})),this.refreshSmartGuides()}},{key:"refreshSmartGuides",value:function(){if(this.$selection.current){var e=this.$snapManager.findGuide(this.$selection.current.guideVerties());this.emit("refreshGuideLine",e)}}},{key:"getSelectedElements",value:function(){var e=this;return this.$selection.ids.map((function(t){return e.parent.state.cachedCurrentElement[t]}))}},{key:"initSelectionTool",value:function(){this.$editor.isSelectionMode()&&this.$el.isHide()&&this.$selection.isOne?this.$el.show():this.$el.isShow()&&!1===this.$selection.isOne&&this.$el.hide(),this.makeSelectionTool()}},{key:"makeSelectionTool",value:function(){this.renderPointers()}},{key:"renderPointers",value:function(){if(this.refs.$pointerRect.isHide())if(this.$selection.isEmpty);else{this.refs.$pointerRect.show();var e=this.$selection.verties,t=this.$selection.selectionVerties,n=D.a.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(e),this.$viewport.applyVerties(t),this.$viewport.applyVerties([n])];var r=this.createRenderPointers.apply(this,j()(this.state.renderPointerList)),i=r.line,a=r.point,o=r.size;this.refs.$pointerRect.updateDiff(i+a+o)}else if(this.$selection.isEmpty)this.refs.$pointerRect.hide();else{var s=this.$selection.verties,c=this.$selection.selectionVerties,l=D.a.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(s),this.$viewport.applyVerties(c),this.$viewport.applyVerties([l])];var u=this.createRenderPointers.apply(this,j()(this.state.renderPointerList)),h=u.line,p=u.point,d=u.size;this.refs.$pointerRect.updateDiff(h+p+d)}}},{key:"createPointer",value:function(e,t,n){return"\n        <div class='pointer' data-number=\"".concat(t,'" data-pointer="').concat(e,'" style="transform: translate3d( calc(').concat(e[0],"px - 50%), calc(").concat(e[1],"px - 50%), 0px) rotateZ(").concat(n||"0deg",')" ></div>\n        ')}},{key:"createRotatePointer",value:function(e,t,n){return 0===e.length?"":t<4?"\n            <div class='rotate-pointer no-fill' data-number=\"".concat(t,'" style="transform: translate3d( calc(').concat(e[0],"px - 50%), calc(").concat(e[1],'px - 50%), 0px) scale(1.8);" ></div>\n            '):"\n        <div class='rotate-pointer' data-number=\"".concat(t,'" style="transform: translate3d( calc(').concat(e[0],"px - 50%), calc(").concat(e[1],'px - 50%), 0px)" ></div>\n        ')}},{key:"createPointerRect",value:function(e,t,n){if(0===e.length)return"";var r=this.$selection.current,i="";if(!(r&&r.is("artboard"))){var a=D.d.lerp([],e[0],e[1],.5);i+="\n                M ".concat(a[0],",").concat(a[1]," \n                L ").concat(t[0],",").concat(t[1]," \n            ")}return('\n        <svg class=\'line\' overflow="visible">\n            <path \n                d="\n                    M '.concat(e[0][0],", ").concat(e[0][1]," \n                    L ").concat(e[1][0],", ").concat(e[1][1]," \n                    L ").concat(e[2][0],", ").concat(e[2][1]," \n                    L ").concat(e[3][0],", ").concat(e[3][1]," \n                    L ").concat(e[0][0],", ").concat(e[0][1],"\n                    ").concat(i,'\n                    Z\n                " />\n        </svg>'))}},{key:"createSize",value:function(e){var t=D.d.lerp([],e[0],e[1],.5),n=D.d.lerp([],e[1],e[2],.5),r=D.d.lerp([],e[2],e[3],.5),i=D.d.lerp([],e[3],e[0],.5),a=[{start:t,end:r},{start:n,end:i},{start:r,end:t},{start:i,end:n}].map((function(e,t){return{index:t,data:e}}));a.sort((function(e,t){return e.data.start[1]>t.data.start[1]?-1:1}));var o=a[0],s=D.d.lerp([],o.data.end,o.data.start,1+16/D.d.dist(o.data.start,o.data.end)),c=this.$selection.current.width.value,l=this.$selection.current.height.value,u=D.d.subtract([],o.data.start,o.data.end),h=ne(u[0],u[1])+90,p="".concat(M(c,100)," x ").concat(M(l,100));if(this.state.isRotate){var d=Zi.get(this.$selection.current.transform,"rotateZ");d&&(p="".concat(M(d[0].value,1e3),"°"))}return("\n            <div \n                class='size-pointer' \n                style=\"transform: translate3d( calc(".concat(s[0],"px - 50%), calc(").concat(s[1],"px - 50%), 0px) rotateZ(").concat(h,'deg)" >\n               ').concat(p,"\n            </div>\n        "))}},{key:"createRenderPointers",value:function(e,t,n){var r=this.$selection.current,i=r&&r.is("artboard"),a=D.d.subtract([],D.d.lerp([],e[0],e[1],.5),D.d.lerp([],e[0],e[2],.5)),o=nr.deg(ne(a[0],a[1])+90).round(1e3),s=Ai(e,34),c=D.d.dist(e[0],e[2]);return{line:this.createPointerRect(e,s,n[0]),size:this.createSize(e),point:[i?void 0:this.createRotatePointer(s,4,"center center"),this.createPointer(e[0],1,o),this.createPointer(e[1],2,o),this.createPointer(e[2],3,o),this.createPointer(e[3],4,o),this.createPointer(e[4],5,o),c<20?void 0:this.createPointer(D.d.lerp([],e[0],e[1],.5),11,o),c<20?void 0:this.createPointer(D.d.lerp([],e[1],e[2],.5),12,o),c<20?void 0:this.createPointer(D.d.lerp([],e[2],e[3],.5),13,o),c<20?void 0:this.createPointer(D.d.lerp([],e[3],e[0],.5),14,o)].join("")}}},{key:Vf("refreshSelectionStyleView"),value:function(){this.$selection.isOne&&this.renderPointers()}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:Vf("hideSubEditor"),value:function(e){this.toggleEditingPath(!1)}},{key:Vf("openPathEditor"),value:function(){var e=this.$selection.current;e&&e.isSVG()&&e.d&&(this.toggleEditingPath(!0),this.emit("showPathEditor","modify",{box:"canvas",current:e,d:e.accumulatedPath().d}))}},{key:Vf("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:Vf("refreshSelectionTool"),value:function(){this.initSelectionTool()}},{key:Vf("updateViewport"),value:function(){this.$selection.isOne&&this.initSelectionTool()}}]),t}(Df)),Uw=["flex","grid"];function Zw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function qw(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Zw(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Zw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Jw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,qw({position:"absolute",x:nr.z(),y:nr.z(),right:"",bottom:"",rootVariable:"",variable:"",width:nr.px(300),height:nr.px(300),color:"black","font-size":nr.px(13),overflow:"visible",rotate:nr.deg(0),opacity:1,"z-index":nr.auto,"transform-style":"preserve-3d",layout:"default","flex-layout":"display:flex;","grid-layout":"display:grid;",selectors:[],svg:[]},e))}},{key:"toCloneObject",value:function(){var e=this.json;return qw({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","text-clip","border-radius","border","box-shadow","text-shadow","clip-path","color","font-size","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","opacity","rotate","flex-layout","grid-layout","animation","transition"),{selectors:e.selectors.map((function(e){return e.clone()})),svg:e.svg.map((function(e){return e.clone()}))})}},{key:"convert",value:function(e){return e=si()(Xn()(t.prototype),"convert",this).call(this,e)}},{key:"addSelector",value:function(e){return this.json.selectors.push(e),e}},{key:"createSelector",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSelector(new Dx(qw({checked:!0},e)))}},{key:"removePropertyList",value:function(e,t){e.splice(t,1)}},{key:"removeSelector",value:function(e){this.removePropertyList(this.json.selectors,e)}},{key:"enableHasChildren",value:function(){return!0}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"updateSelector",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.selectors[+e].reset(t)}},{key:"traverse",value:function(e,t,n){var r=this;e.isAttribute()||(n||!e.isLayoutItem()||e.isRootItem())&&(t.push(e),e.children.forEach((function(e){r.traverse(e,t)})))}},{key:"tree",value:function(e){var t=this,n=[];return this.children.forEach((function(r){t.traverse(r,n,e)})),n}},{key:"toAnimationKeyframes",value:function(e){return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:e}]}},{key:"toBound",value:function(){var e={x:this.json.x?this.json.x.clone():nr.z(),y:this.json.y?this.json.y.clone():nr.z(),width:this.json.width.clone(),height:this.json.height.clone()};return e.x2=nr.px(e.x.value+e.width.value),e.y2=nr.px(e.y.value+e.height.value),e}},{key:"setCache",value:function(){var e=ts.parseStyle(this.json["clip-path"]);"path"===e.type?(this.cacheClipPath=new ea(e.value.trim()),this.cacheClipPath.scale(1/this.json.width.value,1/this.json.height.value)):this.cacheClipPath=void 0}},{key:"recover",value:function(){if(this.cacheClipPath){var e=this.json.width.value,t=this.json.height.value;this.reset({"clip-path":"path(".concat(this.cacheClipPath.clone().scaleTo(e,t),")")})}}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"isLayoutItem",value:function(){return Uw.includes(this.parent.layout)}},{key:"hasLayout",value:function(){return Uw.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}},{key:"isGroup",get:function(){return Boolean(this.layers.length)}}]),t}(ia));function Qw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function eS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qw(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var tS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,eS({itemType:"artboard",name:"New ArtBoard",width:nr.px(1e3),height:nr.px(1e3),"background-color":"white","transform-style":"flat"},e))}},{key:"toCloneObject",value:function(){return eS({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("name"))}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return kf.artboard}}]),t}(Jw);aa.registerComponent("artboard",tS);var nS={1:"to top left",2:"to top right",3:"to bottom right",4:"to bottom left",11:"to top",12:"to right",13:"to bottom",14:"to left"},rS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n            <div class='selection-view group-selection-view' ref='$selectionView'  style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>        \n            </div>\n        "}},{key:Vf("keymap.keydown"),value:function(e){e.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:Vf("keymap.keyup"),value:function(e){this.$el.attr("data-has-shift","")}},{key:"toggleEditingPath",value:function(e){this.refs.$selectionView.toggleClass("editing-path",e)}},{key:"checkEditMode",value:function(){return this.$editor.isSelectionMode()}},{key:Cr("$pointerRect .rotate-pointer")+Wr("rotateVertext")+Ur("rotateEndVertext"),value:function(e){this.state.moveType="rotate",this.initMousePoint=this.$viewport.createWorldPosition(e.clientX,e.clientY),this.$selection.reselect(),this.verties=this.groupItem.verties(),this.rotateTargetNumber=+e.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertext",value:function(){var e=this,t=this.$config.get("bodyEvent"),n=this.$viewport.createWorldPosition(t.clientX,t.clientY),r=D.d.subtract([],n,this.initMousePoint),i=4===this.rotateTargetNumber?Ai(this.verties,34):this.verties[this.rotateTargetNumber],a=Math.floor(q(i,this.verties[4],r));this.localAngle=this.angle+a,this.groupItem.reset({transform:Zi.rotateZ(this.groupItem.transform,nr.deg(this.localAngle))});var o=J(a,this.verties[4]);this.$selection.cachedItemVerties.forEach((function(t){var n=N(t.verties,D.a.multiply([],t.parentMatrixInverse,o)),r=Ai(n,34),i=Z(r[0]-n[4][0],r[1]-n[4][1])-270,a=D.d.transformMat4([],n[0],J(-i,n[4])),s=e.$selection.get(t.id);s&&s.reset({x:nr.px(a[0]),y:nr.px(a[1]),transform:Zi.rotateZ(t.transform,nr.deg(i))})})),this.state.dragging=!0,this.renderPointers(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView"),this.emit("refreshRect")}},{key:"rotateEndVertext",value:function(){var e=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.initMatrix(!0),this.renderPointers(),this.nextTick((function(){e.command("setAttributeForMulti","rotate selection pointer",e.$selection.cloneValue("x","y","width","height","transform"))}))}},{key:"refreshRotatePointerIcon",value:function(e){this.emit("refreshCursor","rotate")}},{key:"refreshPointerIcon",value:function(e){var t=e.$dt.data("pointer");if(t){var n=t.split(",").map((function(e){return Number(e)})),r=D.d.subtract([],n,this.state.renderPointerList[0][4]),i=ne(r[0],r[1]),a=Math.floor(i)-135;this.emit("refreshCursor","open_in_full","rotate(".concat(a," 12 12)"))}else this.emit("recoverCursor")}},{key:"checkPointerIsNotMoved",value:function(e){return!1===Boolean(this.state.dragging)}},{key:Er("$pointerRect .rotate-pointer")+Fr("checkPointerIsNotMoved")+Zr,value:function(e){this.refreshRotatePointerIcon(e)}},{key:Er("$pointerRect .pointer")+Fr("checkPointerIsNotMoved")+Zr,value:function(e){this.refreshPointerIcon(e)}},{key:Tr("$pointerRect .pointer,.rotate-pointer")+Fr("checkPointerIsNotMoved")+Zr,value:function(e){this.emit("recoverCursor")}},{key:Cr("$pointerRect .pointer")+Zr+Wr("moveVertext")+Ur("moveEndVertext"),value:function(e){this.refreshPointerIcon(e),this.state.dragging=!0;var t=+e.$dt.attr("data-number");this.state.moveType=nS["".concat(t)],this.initMousePoint=this.$viewport.createWorldPosition(e.clientX,e.clientY),this.$selection.doCache(),this.$selection.reselect(),this.cachedGroupItem=this.groupItem.matrix}},{key:"calculateNewOffsetMatrixInverse",value:function(e,t,n,r,i){var a=D.d.add([],Vi.scale(r,t,n),D.d.negate([],e));return ee(D.a.fromTranslation([],e),D.a.fromTranslation([],a),i,D.a.fromTranslation([],D.d.negate([],a)))}},{key:"calculateDistance",value:function(e,t,n){var r=D.d.clone(e),i=this.$snapManager.check([D.d.add([],r,t)]),a=D.d.add([],r,D.d.add([],t,i)),o=D.d.transformMat4([],r,n),s=D.d.transformMat4([],a,n);return D.d.floor([],D.d.add([],s,D.d.negate([],o)))}},{key:"calculateRealDist",value:function(e,t,n){return this.calculateDistance(e.verties[t],n,e.accumulatedMatrixInverse)}},{key:"moveGroupItem",value:function(e,t,n){this.groupItem.reset({x:nr.px(e[0]+(t<0?t:0)).round(1e3),y:nr.px(e[1]+(n<0?n:0)).round(1e3),width:nr.px(Math.abs(t)).round(1e3),height:nr.px(Math.abs(n)).round(1e3)})}},{key:"moveItemForGroup",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=ee(D.a.fromTranslation([],t[4]),e.itemMatrix,D.a.fromTranslation([],D.d.negate([],t[4]))),a=D.d.transformMat4([],t[0],i),o=k()(a,2),s=o[0],c=o[1],l=D.d.distance(t[0],t[1]),u=D.d.distance(t[0],t[3]),h=this.$selection.get(e.id);h&&(h.reset({x:nr.px(s+n),y:nr.px(c+r),width:nr.px(l),height:nr.px(u)}),h.recover())}},{key:"recoverItemForGroup",value:function(e,t,n){var r=this,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,o=e.accumulatedMatrix,s=e.accumulatedMatrixInverse;this.$selection.cachedItemVerties.forEach((function(e){var c=Q(e.parentMatrixInverse,o,D.a.fromTranslation([],[i,a,0]),D.a.fromScaling([],[t,n,1]),s),l=N(e.verties,c);r.moveItemForGroup(e,l)}))}},{key:"moveBottomRightVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,2,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*t.height/t.width);var o=t.width+i,s=t.height+a;this.moveDirectionVertext(t,0,0,o,s,"to top left",[0,0,0])}},{key:"moveTopRightVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,1,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*t.height/t.width);var o=t.width+i,s=t.height-a;this.moveDirectionVertext(t,0,a,o,s,"to bottom left",[0,s,0])}},{key:"moveDirectionVertext",value:function(e,t,n,r,i,a,o){var s=r/e.width,c=i/e.height;if(s>=0&&c>=0){var l=Q(e.directionMatrix[a],this.calculateNewOffsetMatrixInverse(o,r,i,e.originalTransformOrigin,e.itemMatrix)),u=D.a.getTranslation([],l);this.moveGroupItem(u,r,i),this.recoverItemForGroup(e,s,c,t,n)}}},{key:"moveTopVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,0,e),r=k()(n,2),i=(r[0],r[1]),a=t.width,o=t.height-i;this.moveDirectionVertext(t,0,i,a,o,"to bottom",[a/2,o,0])}},{key:"moveBottomVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,2,e),r=k()(n,2),i=(r[0],r[1]),a=t.width,o=t.height+i;this.moveDirectionVertext(t,0,0,a,o,"to top",[a/2,0,0])}},{key:"moveTopLeftVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,0,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*t.height/t.width);var o=t.width-i,s=t.height-a;this.moveDirectionVertext(t,i,a,o,s,"to bottom right",[o,s,0])}},{key:"moveLeftVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,0,e),r=k()(n,2),i=r[0],a=(r[1],t.width-i),o=t.height;this.moveDirectionVertext(t,i,0,a,o,"to right",[a,o/2,0])}},{key:"moveRightVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,2,e),r=k()(n,2),i=r[0],a=(r[1],t.width+i),o=t.height;this.moveDirectionVertext(t,0,0,a,o,"to left",[0,o/2,0])}},{key:"moveBottomLeftVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,3,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*t.height/t.width);var o=t.width-i,s=t.height+a;this.moveDirectionVertext(t,i,0,o,s,"to top right",[o,0,0])}},{key:"moveVertext",value:function(){var e=this.$config.get("bodyEvent"),t=this.$viewport.createWorldPosition(e.clientX,e.clientY),n=D.d.subtract([],t,this.initMousePoint);"to bottom right"===this.state.moveType?this.moveBottomRightVertext(n):"to top right"===this.state.moveType?this.moveTopRightVertext(n):"to top left"===this.state.moveType?this.moveTopLeftVertext(n):"to bottom left"===this.state.moveType?this.moveBottomLeftVertext(n):"to top"===this.state.moveType?this.moveTopVertext(n):"to left"===this.state.moveType?this.moveLeftVertext(n):"to right"===this.state.moveType?this.moveRightVertext(n):"to bottom"===this.state.moveType&&this.moveBottomVertext(n),this.state.dragging=!0,this.renderPointers(),this.refreshSmartGuides(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView")}},{key:"moveEndVertext",value:function(e,t){var n=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.emit("refreshSelectionStyleView"),this.nextTick((function(){n.command("setAttributeForMulti","move selection pointer",n.$selection.cloneValue("x","y","width","height","transform"))}))}},{key:"moveTo",value:function(e){var t=this,n=this.$snapManager.check(this.cachedGroupItem.rectVerties.map((function(t){return D.d.add([],t,e)})),3),r=D.d.add([],n,e);this.groupItem.reset({x:nr.px(this.cachedGroupItem.x+r[0]),y:nr.px(this.cachedGroupItem.y+r[1])}),this.$selection.cachedItemVerties.forEach((function(e){var n=t.$selection.get(e.id);n&&n.reset({x:nr.px(e.x+r[0]).round(1e3),y:nr.px(e.y+r[1]).round(1e3)})})),this.refreshSmartGuides()}},{key:"refreshSmartGuides",value:function(){var e=this.$snapManager.findGuide(this.groupItem.guideVerties());this.emit("refreshGuideLine",e)}},{key:"getSelectedElements",value:function(){var e=this;return this.$selection.ids.map((function(t){return e.parent.state.cachedCurrentElement[t]}))}},{key:"initSelectionTool",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.$editor.isSelectionMode()&&this.$el.isHide()&&this.$selection.isMany?this.$el.show():this.$el.isShow()&&!1===this.$selection.isMany&&this.$el.hide(),this.initMatrix(e),this.makeSelectionTool()}},{key:"initMatrix",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];e&&this.$selection.isMany&&(this.verties=ht(this.$selection.verties),this.angle=0,this.localAngle=this.angle,this.groupItem=this.item,this.cachedGroupItem=this.item.matrix)}},{key:"makeSelectionTool",value:function(){this.renderPointers()}},{key:"renderPointers",value:function(){if(this.groupItem){var e=this.groupItem.verties(),t=this.groupItem.selectionVerties();this.state.renderPointerList=[this.$viewport.applyVerties(e),this.$viewport.applyVerties(t)];var n=this.createRenderPointers.apply(this,j()(this.state.renderPointerList)),r=n.line,i=n.point,a=n.size;this.refs.$pointerRect.updateDiff(r+i+a)}}},{key:"createPointer",value:function(e,t){return"\n        <div    \n            class='pointer' \n            data-number=\"".concat(t,'" \n            data-pointer="').concat(e,'" \n            style="\n                transform: translate3d( calc(').concat(e[0],"px - 50%), calc(").concat(e[1],'px - 50%), 0px)\n            " \n        ></div>\n        ')}},{key:"createRotatePointer",value:function(e,t){arguments.length>2&&void 0!==arguments[2]&&arguments[2];return 0===e.length?"":t<4?"\n            <div class='rotate-pointer no-fill' data-number=\"".concat(t,'" style="transform: translate3d( calc(').concat(e[0],"px - 50%), calc(").concat(e[1],'px - 50%), 0px) scale(1.8);" ></div>\n            '):"\n        <div class='rotate-pointer' data-number=\"".concat(t,'" style="transform: translate3d( calc(').concat(e[0],"px - 50%), calc(").concat(e[1],'px - 50%), 0px)" ></div>\n        ')}},{key:"createPointerRect",value:function(e,t){if(0===e.length)return"";var n=D.d.lerp([],e[0],e[1],.5),r="\n            M ".concat(n[0],",").concat(n[1]," \n            L ").concat(t[0],", ").concat(t[1]," \n        ");return'\n        <svg class=\'line\' overflow="visible">\n            <path \n                d="\n                    M '.concat(e[0][0],", ").concat(e[0][1]," \n                    L ").concat(e[1][0],", ").concat(e[1][1]," \n                    L ").concat(e[2][0],", ").concat(e[2][1]," \n                    L ").concat(e[3][0],", ").concat(e[3][1]," \n                    L ").concat(e[0][0],", ").concat(e[0][1],"\n                    ").concat(r,'\n                    Z\n                " />\n        </svg>')}},{key:"createSize",value:function(e){var t=D.d.lerp([],e[0],e[1],.5),n=D.d.lerp([],e[1],e[2],.5),r=D.d.lerp([],e[2],e[3],.5),i=D.d.lerp([],e[3],e[0],.5),a=[{start:t,end:r},{start:n,end:i},{start:r,end:t},{start:i,end:n}].map((function(e,t){return{index:t,data:e}}));a.sort((function(e,t){return e.data.start[1]>t.data.start[1]?-1:1}));var o=a[0],s=D.d.lerp([],o.data.end,o.data.start,1+16/D.d.dist(o.data.start,o.data.end)),c=this.groupItem.width.value,l=this.groupItem.height.value,u=D.d.subtract([],o.data.start,o.data.end),h=ne(u[0],u[1])+90,p="".concat(M(c,100)," x ").concat(M(l,100));if(this.state.isRotate){var d=Zi.get(this.groupItem.transform,"rotateZ");d&&(p="".concat(d[0].value,"°"))}return("\n            <div \n                class='size-pointer' \n                style=\"transform: translate3d( calc(".concat(s[0],"px - 50%), calc(").concat(s[1],"px - 50%), 0px) rotateZ(").concat(h,'deg)" >\n               ').concat(p,"\n            </div>\n        "))}},{key:"createRenderPointers",value:function(e,t){var n=Ai(e,30),r=D.d.dist(e[0],e[2]);return{line:this.createPointerRect(e,n),size:this.createSize(e),point:[this.createRotatePointer(n,4,"center center"),this.createPointer(e[0],1),this.createPointer(e[1],2),this.createPointer(e[2],3),this.createPointer(e[3],4),r<20?void 0:this.createPointer(D.d.lerp([],e[0],e[1],.5),11),r<20?void 0:this.createPointer(D.d.lerp([],e[1],e[2],.5),12),r<20?void 0:this.createPointer(D.d.lerp([],e[2],e[3],.5),13),r<20?void 0:this.createPointer(D.d.lerp([],e[3],e[0],.5),14)].join("")}}},{key:Vf("refreshSelectionStyleView"),value:function(){this.$selection.isMany&&this.renderPointers()}},{key:"item",get:function(){var e=this.verties||Ri(0,0,0,0);return this.state.newArtBoard||(this.state.newArtBoard=new tS),this.state.newArtBoard.reset({parent:this.$selection.currentProject,x:nr.px(e[0][0]),y:nr.px(e[0][1]),width:nr.px(D.d.dist(e[0],e[1])),height:nr.px(D.d.dist(e[0],e[3])),transform:""}),this.state.newArtBoard}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:Vf("hideSelectionToolView"),value:function(){}},{key:Vf("hideSubEditor"),value:function(e){this.toggleEditingPath(!1)}},{key:Vf("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:Vf("refreshSelectionTool"),value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(e)}},{key:Vf("updateViewport"),value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.$selection.isMany&&this.initSelectionTool(e)}}]),t}(Df)),iS=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"base-line";return('<line x1="'.concat(e[0],'" y1="').concat(e[1],'" x2="').concat(t[0],'" y2="').concat(t[1],"\" class='").concat(n,"' />"))},aS=function(e){return iS([e[0],0,0],[e[0],1e4,0])},oS=function(e){return iS([0,e[1],0],[1e4,e[1],0])},sS=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;return('\n        <path \n            stroke="red"\n            stroke-width="1"\n            d="\n                M '.concat(e[0]-t," ").concat(e[1]-t,"\n                L ").concat(e[0]+t," ").concat(e[1]+t,"\n                M ").concat(e[0]-t," ").concat(e[1]+t,"\n                L ").concat(e[0]+t," ").concat(e[1]-t,'\n            " \n        />\n    '))},cS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return'<svg class=\'guide-line-view\' width="100%" height="100%" ></svg>'}},{key:"initState",value:function(){return{list:[]}}},{key:ni("$el"),value:function(){return{html:this.createGuideLine(this.state.list)}}},{key:"createGuideLine",value:function(e){for(var t=[],n=0,r=e.length;n<r;n++){var i=k()(e[n],3),a=i[0],o=i[1],s=i[2],c=this.$viewport.applyVerties([a])[0],l=this.$viewport.applyVerties([o])[0];"x"===s&&(t.push(aS(l)),t.push(sS([l[0],c[1],c[2]]))),"y"===s&&(t.push(oS(l)),t.push(sS([c[0],l[1],c[2]]))),t.push(sS(l))}return j()(new Set(t)).join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(e){this.setState({list:e})}},{key:Vf("removeGuideLine"),value:function(){this.removeGuideLine()}},{key:Vf("refreshGuideLine"),value:function(e){this.setGuideLine(e)}},{key:Vf("updateViewport"),value:function(){this.refresh()}}]),t}(Df);function lS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function uS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?lS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):lS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var hS=function(){function e(){zn()(this,e),this.segmentList=[]}return Bn()(e,[{key:"reset",value:function(){return this.segmentList=[],this}},{key:"addLine",value:function(e,t){return this.segmentList.push({line:!0,x1:e.x,y1:e.y,x2:t.x,y2:t.y}),this}},{key:"addGuideLine",value:function(e,t){return this.segmentList.push({line:!0,guide:!0,x1:e.x,y1:e.y,x2:t.x,y2:t.y}),this}},{key:"addDistanceLine",value:function(e,t){return this.segmentList.push({line:!0,distance:!0,x1:e.x,y1:e.y,x2:t.x,y2:t.y}),this}},{key:"addDistanceAngle",value:function(e,t,n,r,i,a){return this.segmentList.push({angle:!0,rx:t,ry:n,line:a,degree:r,center:e,last:i}),this}},{key:"addPoint",value:function(e,t,n,r){var i=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.segmentList.push(uS({},e,{cx:t.x,cy:t.y,selected:i,index:n,segment:r,isFirst:t.isFirst,isLast:t.isLast,isSecond:t.isSecond})),this}},{key:"addStartPoint",value:function(e,t){return this.segmentList.push(uS({},e,{cx:t.x,cy:t.y,start:!0})),this}},{key:"addCurvePoint",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];return this.segmentList.push({curve:!0,cx:e.x,cy:e.y,index:t,selected:r,segment:n,isFirst:e.isFirst,isLast:e.isLast,isSecond:e.isSecond}),this}},{key:"addText",value:function(e,t){return this.segmentList.push({type:"text",cx:e.x,cy:e.y,text:t+""}),this}},{key:"toString",value:function(){return this.segmentList.sort((function(e,t){return e.line&&!t.line?-1:!e.line&&t.line?1:0})),this.segmentList.map((function(e){return e.angle?"\n                <path stroke-width='1' \n                    data-distance='true'\n                    fill=\"rgba(0,0,0,0.5)\"\n                    d=\"M ".concat(e.center.x,",").concat(e.center.y," A ").concat(e.rx," ").concat(e.ry,",").concat(e.degree,",0,0,").concat(e.last.x," ").concat(e.last.y," L").concat(e.line.x," ").concat(e.line.y,' Z"\n                />'):e.line?'\n                <line stroke-width=\'1\' \n                    data-segment="true"\n                    data-is-last="'.concat(e.isLast,"\"                \n                    data-guide='").concat(e.guide,"'\n                    data-distance='").concat(e.distance,"'\n                    x1='").concat(e.x1,"' x2='").concat(e.x2,"' y1='").concat(e.y1,"' y2='").concat(e.y2,"' \n                />"):e.text?'\n                <text x="'.concat(e.cx,'" y="').concat(e.cy,'" dx="5" dy="-5" text-anchor="start">').concat(e.text,"</text>\n                "):e.curve?"\n                <circle \n                    cx='".concat(e.cx,"' \n                    cy='").concat(e.cy,"' \n                    r='4'                     \n                    class='curve' \n                    data-selected='").concat(e.selected,"'                    \n                    data-is-last=\"").concat(e.isLast,'"                \n                    data-is-first="').concat(e.isFirst,'"      \n                    data-is-second="').concat(e.isSecond,'"                                  \n                    title="').concat(e.segment," curve\"                \n                    data-index='").concat(e.index,"' \n                    data-segment-point='").concat(e.segment,'\' \n                    data-segment="true" \n                />'):e.start?"\n                <circle \n                    cx='".concat(e.cx,"' \n                    cy='").concat(e.cy,"' \n                    r='4'                    \n                    class='segment'\n                    data-selected='").concat(e.selected,'\'\n                    title="Center"\n                    data-start="true" \n                />'):"\n                <circle \n                    cx='".concat(e.cx,"' \n                    cy='").concat(e.cy,"' \n                    r='4'                    \n                    class='segment'\n                    data-selected='").concat(e.selected,"'\n                    title=\"").concat(e.segment,'"\n                    data-is-last="').concat(e.isLast,'"\n                    data-is-first="').concat(e.isFirst,'"\n                    data-is-second="').concat(e.isSecond,"\"\n                    data-index='").concat(e.index,"' \n                    data-segment-point='").concat(e.segment,'\' \n                    data-segment="true" \n                />')})).join("")}}]),e}();function pS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function dS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?pS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):pS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var fS=["startPoint","endPoint","reversePoint"];function vS(e,t,n,r,i){var a=e.filter((function(e){return!!e&&Math.abs(e[t]-n)<=i})).map((function(e){return{dist:Math.abs(e[t]-n),point:e}}));a.sort((function(e,t){return e.dist<t.dist?-1:1}));var o=null;return a.length&&(r+=(o=a[0].point)[t]-n),{point:o,distanceValue:r}}function yS(e,t,n,r){var i=[],a=fS;return e.filter((function(e){return e})).forEach((function(e){a.filter((function(t){return e[t]})).forEach((function(a){var o=e[a],s=Math.abs(o[t]-n);s<=r&&i.push({dist:s,point:o})}))})),i.sort((function(e,t){return e.dist>t.dist?1:-1})),i.length?i[0].point:null}function gS(e,t,n){for(var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=[],a=0,o=e.length;a<o;a++){var s=a,c=e[s];if(c){if("M"===c.command)i.push({command:"M",values:[c.startPoint]});else{var l=qi.getPrevPoint(e,a);!1===c.curve?!1===l.curve?i.push({command:"L",values:[c.startPoint]}):i.push({command:"Q",values:[l.endPoint,c.startPoint]}):!1===l.curve?qi.isEqual(c.reversePoint,c.startPoint)?i.push({command:"L",values:[c.startPoint]}):i.push({command:"Q",values:[c.reversePoint,c.startPoint]}):i.push({command:"C",values:[l.endPoint,c.reversePoint,c.startPoint]})}c.close&&i.push({command:"Z"})}}var u=i.map((function(e){return mS(t,n,e,r)})).join(" ");return{d:u}}function mS(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=n.command,a=n.values;switch(i){case"Z":return"Z";default:var o=a.map((function(n){var i=n.x-e==0?0:(n.x-e)/r,a=n.y-t==0?0:(n.y-t)/r;return"".concat(i," ").concat(a)})).join(" ");return"".concat(i," ").concat(o)}}var bS=function(){function e(t){zn()(this,e),this.pathEditor=t,this.pathStringManager=new ps,this.guideLineManager=new ps,this.segmentManager=new hS,this.initialize(),this.initializeSelect()}return Bn()(e,null,[{key:"generatorPathString",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return gS(e,t,n,r).d}}]),Bn()(e,[{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(e){var t=[],n=["startPoint","endPoint","reversePoint"];this.state.points.forEach((function(r,i){n.forEach((function(n){var a=r[n];(function(e,t){return!(e.x2.value<t.x)&&(!(e.y2.value<t.y)&&(!(e.x.value>t.x)&&!(e.y.value>t.y)))})(e,a)&&t.push({x:a.x,y:a.y,key:n,index:i})}))})),this.select.apply(this,t)}},{key:"select",value:function(){var e=this;this.selectedPointKeys={};for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];this.selectedPointList=n,n.forEach((function(t){var n="".concat(t.key,"_").concat(t.index);e.selectedPointKeys[n]=!0}))}},{key:"selectKeyIndex",value:function(e,t){if(this.state.points[t]){var n=this.state.points[t][e];n&&!this.isSelectedSegment(e,t)&&this.select({x:n.x,y:n.y,key:e,index:t})}}},{key:"reselect",value:function(){var e=this;this.selectedPointList.forEach((function(t){var n=e.state.points[t.index][t.key];t.x=n.x,t.y=n.y}))}},{key:"isSelectedSegment",value:function(e,t){var n="".concat(e,"_").concat(t);return this.selectedPointKeys[n]}},{key:"commitTransformMatrix",value:function(e,t){var n=D.d.transformMat4([],[e.x,e.y,0],t);return{x:n[0],y:n[1]}}},{key:"transformMat4",value:function(e){var t=this;this.transformPoints.forEach((function(n,r){var i=t.state.points[r];Object.assign(i.startPoint,t.commitTransformMatrix(n.startPoint,e)),Object.assign(i.endPoint,t.commitTransformMatrix(n.endPoint,e)),Object.assign(i.reversePoint,t.commitTransformMatrix(n.reversePoint,e))}))}},{key:"transform",value:function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1],arguments.length>2&&void 0!==arguments[2]&&arguments[2];var t=this.transformRect,n=t.x,r=t.y,i=t.width,a=t.height,o=D.a.create();switch(D.a.translate(o,o,[n,r,0]),e){case"flipX":D.a.scale(o,o,[-1,1,1]),D.a.translate(o,o,[-i,0,0]);break;case"flipY":D.a.scale(o,o,[1,-1,1]),D.a.translate(o,o,[0,-a,0]);break;case"flip":D.a.scale(o,o,[-1,-1,1]),D.a.translate(o,o,[-i,-a,0])}D.a.translate(o,o,[-n,-r,0]),this.transformMat4(o)}},{key:"initTransform",value:function(e){this.transformRect=ht(e),this.transformPoints=this.clonePoints.map((function(e){return{startPoint:ht(e.startPoint),endPoint:ht(e.endPoint),reversePoint:ht(e.reversePoint)}}))}},{key:"setConnectedPoint",value:function(e,t){var n=this.state,r=n.dragXY.x+e,i=n.dragXY.y+t,a={x:r,y:i},o={x:r,y:i};n.dragPoints&&(n.reversePoint=qi.getReversePoint(n.startPoint,a));var s={startPoint:n.startPoint,endPoint:a,curve:!!n.dragPoints,reversePoint:o,connected:!0,close:!0};n.points.push(s)}},{key:"setLastPoint",value:function(e){var t=this.state,n={startPoint:e,endPoint:ht(e),curve:!1,reversePoint:ht(e),connected:!1,close:!1};t.points.push(n)}},{key:"setCachePoint",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=this.state,i=r.points;this.snapPointList=[],r.selectedIndex=e,r.connectedPoint=qi.getPrevPoint(i,e),r.connectedPoint&&!r.connectedPoint.connected&&(r.connectedPoint=null),r.segment=qi.getIndexPoint(i,e),r.segment.connected&&(r.connectedPoint=qi.getNextPoint(i,e));var a=qi.isFirst(r.segment);if(a){var o=qi.getLastPoint(i,e);o.connected&&(r.connectedPoint=o)}r.segmentKey=t,r.isCurveSegment=r.segment.curve&&"startPoint"!=r.segmentKey,r.originalSegment=ht(r.segment),r.connectedPoint&&(r.originalConnectedPoint=ht(r.connectedPoint)),r.cachedPoints=[],i.filter((function(e){return e&&e!=r.segment})).forEach((function(e){r.cachedPoints.push(e.startPoint,e.reversePoint,e.endPoint)})),r.cachedPoints.push.apply(r.cachedPoints,n.map((function(e){var t=k()(e,3);return{x:t[0],y:t[1],z:t[2]}})))}},{key:"moveSegment",value:function(e,t,n){var r=this.state,i=r.originalSegment[e],a=r.segment[e];i&&(a.x=i.x+t,a.y=i.y+n)}},{key:"calculateToCurve",value:function(e,t,n){var r=(t.startPoint.x+n.startPoint.x)/2,i=(t.startPoint.y+n.startPoint.y)/2,a=(t.startPoint.x-r)/2,o=(t.startPoint.y-i)/2;return e.endPoint={x:e.startPoint.x+a,y:e.startPoint.y+o},e.reversePoint={x:e.startPoint.x-a,y:e.startPoint.y-o},{dx:a,dy:o}}},{key:"convertToCurve",value:function(e){var t=this.state.points,n=t[e];if(n.curve)if(n.curve=!1,n.reversePoint=ht(n.startPoint),n.endPoint=ht(n.startPoint),"M"===n.command){var r=qi.getPrevPoint(t,n.index);r.connected&&(r.curve=!1,r.reversePoint=ht(r.startPoint),r.endPoint=ht(r.startPoint))}else{if((i=qi.getNextPoint(t,e))&&"M"===i.command)(o=i).curve=!1,o.reversePoint=ht(o.startPoint),o.endPoint=ht(o.startPoint)}else{n.curve=!0;var i,a=qi.getPrevPoint(t,e);if((i=qi.getNextPoint(t,e))&&i.index<e&&"M"===i.command){var o=i;i=qi.getNextPoint(t,o.index),this.calculateToCurve(n,i,a),o.curve=!0,o.endPoint=ht(n.endPoint),o.reversePoint=ht(n.reversePoint)}else if(i&&i.index>e&&"M"!==i.command)this.calculateToCurve(n,i,a);else if(!i&&a){var s=(n.startPoint.x-a.startPoint.x)/3,c=(n.startPoint.y-a.startPoint.y)/3;n.endPoint={x:n.startPoint.x+s,y:n.startPoint.y+c},n.reversePoint=qi.getReversePoint(n.startPoint,n.endPoint)}else if(!a&&i){s=(n.startPoint.x-i.startPoint.x)/3,c=(n.startPoint.y-i.startPoint.y)/3;n.endPoint={x:n.startPoint.x+s,y:n.startPoint.y+c},n.reverse=qi.getReversePoint(n.startPoint,n.endPoint)}}}},{key:"moveCurveSegment",value:function(e,t,n){var r=this.state;this.moveSegment(e,t,n);var i="endPoint"===e?"reversePoint":"endPoint";r.segment[i]=qi.getReversePoint(r.segment.startPoint,r.segment[e])}},{key:"rotateSegmentTarget",value:function(e,t){var n=this.state;if(n.originalSegment&&n.segment){var r=n.originalSegment.startPoint,i=r.x,a=r.y,o=n.segment[e],s=o.x,c=o.y,l=n.originalSegment[t],u=l.x,h=l.y,p=B(ne(s-i,c-a),G(u,h,i,a),i,a),d=p.x,f=p.y;n.segment[t]={x:d,y:f}}}},{key:"rotateSegment",value:function(e){this.rotateSegmentTarget(e,"endPoint"===e?"reversePoint":"endPoint")}},{key:"calculateSnap",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=this.state,a=i.cachedPoints,o=i.originalSegment[e];if(!e)return{dx:t,dy:n,snapPointList:[]};var s=o.x+t,c=o.y+n,l=vS(a,"x",s,t,r),u=l.point,h=(t=l.distanceValue,vS(a,"y",c,n,r)),p=h.point,d=(n=h.distanceValue,{x:o.x+t,y:o.y+n}),f=[];return u&&f.push({startPoint:u,endPoint:d}),p&&f.push({startPoint:p,endPoint:d}),{dx:t,dy:n,snapPointList:f}}},{key:"copySegment",value:function(e,t){t.startPoint=ht(e.startPoint),t.endPoint=ht(e.endPoint),t.reversePoint=ht(e.reversePoint)}},{key:"moveSelectedSegment",value:function(e,t){var n=this;this.selectedPointList.forEach((function(r){var i=n.state.points[r.index][r.key];i.x=r.x+e,i.y=r.y+t}))}},{key:"removeSelectedSegment",value:function(){var e=this;this.selectedPointList.forEach((function(t){e.state.points[t.index][t.key].removed=!0}));var t=qi.splitPoints(this.state.points),n=qi.recoverPoints(t.map((function(e){return e.filter((function(e){return!e.startPoint.removed})).map((function(e){return e.endPoint.removed&&(e.endPoint=ht(e.startPoint)),e.reversePoint.removed&&(e.reversePoint=ht(e.startPoint)),qi.isEqual(e.endPoint,e.startPoint,e.reversePoint)&&(e.command="L",e.curve=!1),e}))})));this.state.points=n,this.select()}},{key:"move",value:function(e,t,n){var r=this.state,i=r.isCurveSegment,a=r.segmentKey,o=r.connectedPoint,s=this.calculateSnap(a,e,t,3),c=(e=s.dx,t=s.dy,s.snapPointList);if(this.snapPointList=c||[],this.selectedPointList.length>1)this.moveSelectedSegment(e,t);else if(i)if(n.shiftKey)this.moveSegment(a,e,t);else if(n.altKey)this.moveSegment(a,e,t),this.rotateSegment(a);else{this.moveSegment(a,e,t);var l="endPoint"===a?"reversePoint":"endPoint";r.segment[l]=qi.getReversePoint(r.segment.startPoint,r.segment[a])}else this.moveSegment("startPoint",e,t),this.moveSegment("endPoint",e,t),this.moveSegment("reversePoint",e,t);o&&this.copySegment(r.segment,r.connectedPoint)}},{key:"moveEnd",value:function(e,t){var n=this.state,r=n.points,i=n.dragXY.x+e,a=n.dragXY.y+t,o={x:i,y:a},s={x:i,y:a};n.dragPoints&&(s=qi.getReversePoint(n.startPoint,o)),r.push({command:0===n.clickCount?"M":"",startPoint:n.startPoint,endPoint:o,curve:!!n.dragPoints,reversePoint:s}),n.startPoint=null,n.dragPoints=!1,n.moveXY=null}},{key:"setPoint",value:function(e){var t=e.first[0],n=e.second[e.second.length-1],r=this.clonePoints,i=qi.getPoint(r,t),a=qi.getPoint(r,n),o=[dS({},i,{endPoint:e.first[1]}),{startPoint:e.first[3],reversePoint:e.first[2],curve:!0,endPoint:e.second[1]},dS({},a,{reversePoint:e.second[2]})],s=qi.getIndex(r,t);return r.splice.apply(r,[s,2].concat(o)),this.state.points=r,s+1}},{key:"setPointQuard",value:function(e){var t=e.first[0],n=e.second[e.second.length-1],r=this.clonePoints,i=qi.getPoint(r,t),a=qi.getPoint(r,n);if(i.curve&&!1===a.curve){var o=[dS({},i,{endPoint:i.startPoint}),{startPoint:e.first[2],reversePoint:e.first[1],curve:!0,endPoint:e.second[1]}],s=qi.getIndex(r,t);r.splice.apply(r,[s,1].concat(j()(o)))}else{o=[dS({},i),{startPoint:e.first[2],reversePoint:e.first[1],curve:!0,endPoint:e.second[1]},dS({},a,{reversePoint:e.second[1],curve:!0})],s=qi.getIndex(r,t);r.splice.apply(r,[s,2].concat(j()(o)))}return this.state.points=r,s+1}},{key:"setPointLine",value:function(e){var t=e.first[0],n=this.clonePoints,r=[{command:"L",startPoint:e.first[1],curve:!1,endPoint:e.first[1],reversePoint:e.first[1]}],i=qi.getIndex(n,t);return n.splice.apply(n,[i+1,0].concat(r)),this.state.points=n,i+1}},{key:"toPath",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return gS(this.clonePoints,e,t,n)}},{key:"makeSVGPath",value:function(){return this.initialize(),this.makePointGuide(this.clonePoints),this.makeMovePositionGuide(),this.toSVGString()}},{key:"makeTriangleDistancePointGuide",value:function(e,t){var n=Math.min(e.startPoint.x,t.startPoint.x),r=Math.max(e.startPoint.x,t.startPoint.x),i=Math.min(e.startPoint.y,t.startPoint.y),a=Math.max(e.startPoint.y,t.startPoint.y);if(e.startPoint.x<t.startPoint.x&&e.startPoint.y<t.startPoint.y){this.segmentManager.addDistanceLine({x:n,y:i},{x:r,y:i}).addDistanceLine({x:r,y:i},{x:r,y:a});var o=n,s=i,c=ne(r-n,a-i)-180,l=B(0,20,o,s),u=l.x,h=l.y,p=B(c/2,20,o,s),d=p.x,f=p.y,v=B(c,20,o,s);this.segmentManager.addDistanceAngle(v,20,20,c,{x:u,y:h},{x:u-20,y:h}).addText({x:d-5,y:f+15},c)}else e.startPoint.x<t.startPoint.x&&e.startPoint.y>t.startPoint.y?this.segmentManager.addDistanceLine({x:n,y:a},{x:r,y:a}).addDistanceLine({x:r,y:i},{x:r,y:a}):e.startPoint.x>t.startPoint.x&&e.startPoint.y>t.startPoint.y?this.segmentManager.addDistanceLine({x:n,y:i},{x:n,y:a}).addDistanceLine({x:n,y:a},{x:r,y:a}):e.startPoint.x>t.startPoint.x&&e.startPoint.y<t.startPoint.y&&this.segmentManager.addDistanceLine({x:n,y:a},{x:r,y:a}).addDistanceLine({x:r,y:i},{x:r,y:a})}},{key:"makeDistancePointGuide",value:function(e,t,n,r){t.selected&&(e&&this.makeTriangleDistancePointGuide(e,t),n&&this.makeTriangleDistancePointGuide(t,n))}},{key:"makeStartPointGuide",value:function(e,t,n,r){t.startPoint.isFirst=!0,this.pathStringManager.M(t.startPoint),!1===t.curve?(this.segmentManager.addPoint({},t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),t.startPoint.isLast||this.segmentManager.addText(t.startPoint,r+1)):(this.segmentManager.addPoint({},t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addGuideLine(t.startPoint,t.endPoint),!1===qi.isEqual(t.startPoint,t.endPoint)&&this.segmentManager.addCurvePoint(t.endPoint,r,"endPoint",this.isSelectedSegment("endPoint",r)))}},{key:"makeMiddlePointGuideSegment",value:function(e,t,n,r){var i=this.segmentManager;!1===t.curve?!1===e.curve?(i.addPoint({},t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),t.startPoint.isLast||i.addText(t.startPoint,r+1)):(i.addGuideLine(e.startPoint,e.endPoint).addCurvePoint(t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),!1===qi.isEqual(e.startPoint,e.endPoint)&&i.addCurvePoint(e.endPoint,e.index,"endPoint",this.isSelectedSegment("endPoint",e.index)),t.startPoint.isLast||i.addText(t.startPoint,r+1)):!1===e.curve?qi.isEqual(t.reversePoint,t.startPoint)?(i.addPoint({},t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),t.startPoint.isLast||i.addText(t.startPoint,r+1)):(i.addGuideLine(t.startPoint,t.reversePoint).addCurvePoint(t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),!1===qi.isEqual(t.startPoint,t.reversePoint)&&i.addCurvePoint(t.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)),t.startPoint.isLast||i.addText(t.startPoint,r+1)):t.connected?(i.addGuideLine(e.startPoint,e.endPoint).addGuideLine(t.startPoint,t.reversePoint),!1===qi.isEqual(e.startPoint,e.endPoint)&&i.addCurvePoint(e.endPoint,e.index,"endPoint",this.isSelectedSegment("endPoint",e.index)),!1===qi.isEqual(t.startPoint,t.reversePoint)&&i.addCurvePoint(t.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r))):(i.addGuideLine(e.startPoint,e.endPoint).addGuideLine(t.startPoint,t.reversePoint).addCurvePoint(t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),!1===qi.isEqual(e.startPoint,e.endPoint)&&i.addCurvePoint(e.endPoint,e.index,"endPoint",this.isSelectedSegment("endPoint",e.index)),!1===qi.isEqual(t.startPoint,t.reversePoint)&&i.addCurvePoint(t.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)),t.startPoint.isLast||i.addText(t.startPoint,r+1))}},{key:"makeMiddlePointGuideRealPath",value:function(e,t,n,r){var i=this.pathStringManager;!1===t.curve?!1===e.curve?i.L(t.startPoint):i.Q(e.endPoint,t.startPoint):!1===e.curve?qi.isEqual(t.reversePoint,t.startPoint)?i.L(t.startPoint):i.Q(t.reversePoint,t.startPoint):i.C(e.endPoint,t.reversePoint,t.startPoint)}},{key:"makeMiddlePointGuideSplitLine",value:function(e,t,n,r){!1===t.curve?!1===e.curve?this.splitLines.push((new ps).M(e.startPoint).L(t.startPoint).toString("split-path")):this.splitLines.push((new ps).M(e.startPoint).Q(e.endPoint,t.startPoint).toString("split-path")):!1===e.curve?qi.isEqual(t.reversePoint,t.startPoint)?this.splitLines.push((new ps).M(e.startPoint).L(t.startPoint).toString("split-path")):this.splitLines.push((new ps).M(e.startPoint).Q(t.reversePoint,t.startPoint).toString("split-path")):this.splitLines.push((new ps).M(e.startPoint).C(e.endPoint,t.reversePoint,t.startPoint).toString("split-path"))}},{key:"makePointGuide",value:function(e){for(var t=this.state.selectedIndex,n=0,r=e.length;n<r;n++){var i=e[n];if(i){var a=qi.getNextPoint(e,n),o=qi.getPrevPoint(e,n);o&&"M"===o.command&&i.startPoint&&(i.startPoint.isSecond=!0),i.startPoint&&(i.startPoint.isLast=a?"M"===a.command:n===r-1),i.selected=t===n,"M"===i.command?this.makeStartPointGuide(o,i,a,n):(this.makeMiddlePointGuideRealPath(o,i,a,n),this.makeMiddlePointGuideSplitLine(o,i,a,n),this.makeMiddlePointGuideSegment(o,i,a,n)),i.close&&this.pathStringManager.Z()}}}},{key:"makeMovePositionGuide",value:function(){var e=this.state,t=e.points,n=e.startPoint,r=e.moveXY,i=e.dragPoints,a=(e.altKey,e.snapPointList);if(r){a=a||[];var o=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=yS(e,"x",t.x,n),i=yS(e,"y",t.y,n),a=dS({},t);r&&(a.x=r.x),i&&(a.y=i.y);var o=[];return r&&o.push({startPoint:r,endPoint:a}),i&&o.push({startPoint:i,endPoint:a}),{snapPointList:o,moveXY:a}}(t,r,3),s=o.snapPointList,c=o.moveXY;a.push.apply(a,s),e.moveXY=c,r=c,this.snapPointList=a;var l=t[t.length-1];if(i)if(l){if(l.curve){var u=qi.getReversePoint(n,r);d=u.x,f=u.y;this.guideLineManager.M(l.startPoint).C(l.endPoint,{x:d,y:f},n),this.segmentManager.addGuideLine(l.startPoint,l.endPoint).addGuideLine(n,{x:d,y:f}).addGuideLine(n,r).addCurvePoint(l.endPoint).addCurvePoint({x:d,y:f}).addCurvePoint(r).addPoint(!1,n)}else if(!1===l.curve){var h=qi.getReversePoint(n,r);d=h.x,f=h.y;this.guideLineManager.M(l.startPoint).Q({x:d,y:f},n),this.segmentManager.addGuideLine(r,{x:d,y:f}).addPoint(!1,n).addCurvePoint({x:d,y:f}).addCurvePoint(r)}}else{var p=qi.getReversePoint(n,r),d=p.x,f=p.y;this.guideLineManager.M(r).L(n).L({x:d,y:f}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:d,y:f})}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 e=[];if(this.snapPointList){var t=new ps;e=this.snapPointList.map((function(e){return t.reset(),t.M(e.startPoint).L(e.endPoint).X(e.startPoint).toString("snap-path")}))}return e.join("")}},{key:"toSVGString",value:function(){return'\n        <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\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 j()(this.state.points)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}}]),e}();function kS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?kS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):kS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var wS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,xS({itemType:"layer",name:"New Layer",tagName:"div"},e))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return kf.rect}},{key:"toCloneObject",value:function(){return xS({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("tagName"))}}],[{key:"getIcon",value:function(){return kf.rect}}]),t}(Jw);function SS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function PS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?SS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):SS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var jS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,PS({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":0,"stroke-dasharray":" ","text-anchor":"start"},e))}},{key:"toCloneObject",value:function(){return PS({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"))}},{key:"getDefaultTitle",value:function(){return"SVG"}},{key:"isSVG",value:function(){return!0}}]),t}(wS);function OS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function $S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?OS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):OS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var CS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return kf.edit}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,$S({itemType:"svg-path",name:"New Path","stroke-width":1,d:"",totalLength:0},e))}},{key:"enableHasChildren",value:function(){return!1}},{key:"setCache",value:function(){si()(Xn()(t.prototype),"setCache",this).call(this),this.cachePath=new ea(this.json.d),this.cachePath.scale(1/this.json.width.value,1/this.json.height.value)}},{key:"recover",value:function(){si()(Xn()(t.prototype),"recover",this).call(this),this.cachePath||this.setCache();var e=this.json.width.value,n=this.json.height.value;this.json.d=this.cachePath.clone().scaleTo(e,n)}},{key:"toCloneObject",value:function(){return $S({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("d"))}},{key:"getDefaultTitle",value:function(){return"Path"}},{key:"toAnimationKeyframes",value:function(e){var t=e.filter((function(e){return nv(e.property)&&rv(e.property)})),n=e.filter((function(e){return iv(e.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] path'),properties:t}]}}]),t}(jS);function ES(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function TS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ES(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ES(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function VS(e){var t=k()(e,2);return{x:t[0],y:t[1]}}aa.registerComponent("svg-path",CS);var DS=["fill","fill-opacity","stroke","stroke-width"],IS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initialize",value:function(){si()(Xn()(t.prototype),"initialize",this).call(this),this.pathParser=new ea,this.pathGenerator=new bS(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],mode:"path",clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:nr.z(),screenY:nr.z(),screenWidth:nr.z(),screenHeight:nr.z()}}},{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='segment-box' ref='$segmentBox'></div>\n        </div>"}},{key:"isShow",value:function(){return this.state.isShow}},{key:"initRect",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.state.rect&&!e||(this.state.rect=this.parent.refs.$body.rect())}},{key:vr("document")+Fr("isShow")+Gr+Zr+qr,value:function(){this.state.current?(this.refreshPathLayer(),this.trigger("hidePathEditor")):this.addPathLayer(),!this.state.current&&this.state.points.length?this.trigger("initPathEditorView"):this.trigger("hidePathEditor")}},{key:vr("document")+Fr("isShow")+Hr+Zr+qr,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"makePathLayer",value:function(){var e,t=this,n=this.$selection.currentProject;if(n){var r=new ea(this.pathGenerator.toPath().d);r.transformMat4(this.$viewport.matrixInverse);var i=r.getBBox(),a=D.d.distance(i[1],i[0]),o=D.d.distance(i[3],i[0]);r.translate(-i[0][0],-i[0][1]);var s={x:nr.px(i[0][0]),y:nr.px(i[0][1]),width:nr.px(a),height:nr.px(o),d:r.d,totalLength:this.totalPathLength,fill:"#C4C4C4"};DS.forEach((function(e){t.state[e]&&(s[e]=t.state[e])})),e=(this.$selection.getArtboardByPoint(i[0])||n).appendChildItem(new CS(s))}return e}},{key:"updatePathLayer",value:function(){var e=this.pathGenerator.toPath().d,t=new ea(e);t.transformMat4(this.$viewport.matrixInverse),this.emit(this.state.changeEvent,{d:t.d,box:this.state.box,totalLength:this.totalPathLength})}},{key:"addPathLayer",value:function(){this.changeMode("modify");var e=this.makePathLayer();e&&e.totalLength&&(this.$selection.select(e),this.trigger("hidePathEditor"),this.emit("refreshAll"))}},{key:"changeMode",value:function(e,t){this.setState(TS({mode:e,clickCount:0,moveXY:null},t),!1),this.emit("changePathManager",this.state.mode)}},{key:Vf("changePathManager"),value:function(e){this.setState(TS({},e,{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(e){return this.state.mode===e}},{key:Vf("updateViewport"),value:function(e,t){if(this.$el.isShow()){var n=this.pathGenerator.toPath().d,r=new ea(n);r.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:r.d})}}},{key:"refresh",value:function(e){e&&e.d&&(this.pathParser.reset(e.d),this.pathParser.transformMat4(this.$viewport.matrix),this.state.cachedMatrixInverse=this.$viewport.matrixInverse,this.state.points=this.pathParser.convertGenerator()),this.pathGenerator.initializeSelect(),this.renderPath()}},{key:Vf("showPathEditor"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"path",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};"move"===e&&(t.current=null,t.points=[]),t.box=t.box||"canvas",this.changeMode(e,t),this.refresh(t),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:Vf("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:Vf("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.pathParser.reset(""),this.setState(this.initState(),!1),this.refs.$view.empty(),this.$el.hide(),this.emit("hidePathManager")}},{key:ni("$view"),value:function(){return{class:{path:"path"===this.state.mode,modify:"modify"===this.state.mode,box:"box"===this.state.box,"segment-move":"segment-move"===this.state.mode},innerHTML:this.pathGenerator.makeSVGPath()}}},{key:ni("$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")}},{key:"getPathRect",value:function(){this.initRect(!0);var e=this.refs.$view.$("path.object"),t={x:0,y:0,width:0,height:0};return e&&((t=e.rect()).x-=this.state.rect.x,t.y-=this.state.rect.y),t}},{key:"resetTransformZone",value:function(){var e=this.getPathRect();this.state.transformZoneRect=e}},{key:Vr("$view")+Zr,value:function(e){if(this.initRect(),this.isMode("path")&&this.state.rect)this.state.moveXY={x:e.xy.x-this.state.rect.x,y:e.xy.y-this.state.rect.y},this.state.altKey=e.altKey,this.renderPath();else{var t=rr.create(e.target),n=t.hasClass("split-path");this.state.splitXY=n?this.calculatePointOnLine(t.attr("d"),{x:e.xy.x-this.state.rect.x,y:e.xy.y-this.state.rect.y}):null,this.bindData("$splitCircle"),this.state.altKey=!1}}},{key:Cr("$view :not(.split-path)")+Zr+qr+Wr()+Ur(),value:function(e){this.initRect(),this.state.altKey=!1;var t=this.isMode("path");this.state.dragXY={x:e.xy.x-this.state.rect.x,y:e.xy.y-this.state.rect.y},this.state.isOnCanvas=!1;var n=rr.create(e.target);if(n.hasClass("svg-editor-canvas")&&!t?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")),t){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 i=n.attrs("data-index","data-segment-point"),a=k()(i,2),o=(r=a[0],a[1]);this.pathGenerator.setCachePoint(+r,o,this.$viewport.applyVerties(this.$snapManager.getSnapPoints())),this.pathGenerator.selectKeyIndex(o,r)}}},{key:"hideSelectBox",value:function(){this.refs.$segmentBox.css({left:nr.px(-1e5)})}},{key:"renderSelectBox",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r={left:nr.px(e.x+(t<0?t:0)),top:nr.px(e.y+(n<0?n:0)),width:nr.px(Math.abs(t)),height:nr.px(Math.abs(n))};this.refs.$segmentBox.css(r)}},{key:"getSelectBox",value:function(){var e=this.refs.$segmentBox.styles("left","top","width","height").map((function(e){return nr.parse(e)})),t=k()(e,4),n={x:t[0],y:t[1],width:t[2],height:t[3]};return n.x2=nr.px(n.x.value+n.width.value),n.y2=nr.px(n.y.value+n.height.value),n}},{key:"move",value:function(e,t){if(this.state.isOnCanvas)this.renderSelectBox(this.state.dragXY,e,t);else if(this.isMode("segment-move")){var n=this.$config.get("bodyEvent");this.pathGenerator.move(e,t,n),this.renderPath(),this.updatePathLayer()}else if(this.isMode("path")){if(G(e,t,0,0)>=2){n=this.$config.get("bodyEvent");this.state.dragPoints=!n.altKey}}}},{key:"renderSegment",value:function(e){this.pathGenerator.selectedLength&&(this.pathGenerator.reselect(),st(e)&&e(),this.renderPath(),this.updatePathLayer())}},{key:Vf("deleteSegment"),value:function(){var e=this;this.renderSegment((function(){e.pathGenerator.removeSelectedSegment()}))}},{key:Vf("moveSegment"),value:function(e,t){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(e,t)}))}},{key:Vf("initPathEditorView"),value:function(){this.pathParser.reset(""),this.setState(this.initState(),!1),this.state.isShow=!0,this.refs.$view.empty(),this.$el.focus()}},{key:"end",value:function(e,t){this.state.isOnCanvas?0===e&&0===t?(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(e,t),this.renderPath(),this.state.current?this.refreshPathLayer():(this.addPathLayer(),this.trigger("initPathEditorView"))):this.state.isSplitPath||(this.pathGenerator.moveEnd(e,t),this.state.clickCount++,this.renderPath()),this.state.isSplitPath=!1))}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var e=this.refs.$view.$("path.object");return e?e.totalLength:0}},{key:"isBoxMode",get:function(){return"box"===this.state.box}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:Vf("changePathTransform"),value:function(e){this.resetTransformZone();var t=this.state.transformZoneRect,n=t.width,r=t.height;switch(this.pathGenerator.initTransform(this.state.transformZoneRect),e){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:Vf("changePathUtil"),value:function(e){switch(e){case"reverse":var t=this.pathGenerator.toPath().d,n=new ea(t);n.reverse(),n.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:n.d})}}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"calculatePointOnLine",value:function(e,t){var n=new ea(e);if("C"===n.segments[1].command){var r=[VS(n.segments[0].values),VS(n.segments[1].values.slice(0,2)),VS(n.segments[1].values.slice(2,4)),VS(n.segments[1].values.slice(4,6))],i=Me.apply(void 0,j()(r).concat([200]))(t.x,t.y);return He(r,i).first[3]}if("Q"===n.segments[1].command){r=[VS(n.segments[0].values),VS(n.segments[1].values.slice(0,2)),VS(n.segments[1].values.slice(2,4))],i=Le.apply(void 0,j()(r).concat([200]))(t.x,t.y);return Ne(r,i).first[2]}if("L"===n.segments[1].command){r=[VS(n.segments[0].values),VS(n.segments[1].values.slice(0,2))],i=Re.apply(void 0,j()(r).concat([200]))(t.x,t.y);return Xe(r,i).first[1]}return t}},{key:Cr("$view .split-path")+Wr()+Ur(),value:function(e){this.initRect();var t=new ea(e.$dt.attr("d")),n={x:e.xy.x-this.state.rect.x,y:e.xy.y-this.state.rect.y},r=-1;if("path"===this.state.mode)return this.state.dragXY={x:e.xy.x-this.state.rect.x,y:e.xy.y-this.state.rect.y},this.state.startPoint=this.state.dragXY,this.pathGenerator.setLastPoint(this.state.startPoint),this.state.isSplitPath=!0,this.renderPath(),void(this.state.current?this.refreshPathLayer():(this.addPathLayer(),this.trigger("initPathEditorView")));if("C"===t.segments[1].command){var i=[VS(t.segments[0].values),VS(t.segments[1].values.slice(0,2)),VS(t.segments[1].values.slice(2,4)),VS(t.segments[1].values.slice(4,6))],a=Me.apply(void 0,j()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPoint(He(i,a))}else if("Q"===t.segments[1].command){i=[VS(t.segments[0].values),VS(t.segments[1].values.slice(0,2)),VS(t.segments[1].values.slice(2,4))],a=Le.apply(void 0,j()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointQuard(Ne(i,a))}else if("L"===t.segments[1].command){i=[VS(t.segments[0].values),VS(t.segments[1].values.slice(0,2))],a=Re.apply(void 0,j()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointLine(Xe(i,a))}this.renderPath(),this.refreshPathLayer(),this.changeMode("segment-move"),this.pathGenerator.setCachePoint(r,"startPoint",this.$viewport.applyVerties(this.$snapManager.getSnapPoints())),this.pathGenerator.selectKeyIndex("startPoint",r)}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"convertToCurve",value:function(e){this.pathGenerator.convertToCurve(e),this.renderPath(),this.refreshPathLayer()}},{key:dr("$view [data-segment]"),value:function(e){var t=+e.$dt.attr("data-index");this.convertToCurve(t)}},{key:Rr("$view [data-segment]")+Zr+_r(300),value:function(e){var t=+e.$dt.attr("data-index");this.convertToCurve(t)}}]),t}(Df))));function MS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function LS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?MS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):MS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var RS=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],AS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initialize",value:function(){si()(Xn()(t.prototype),"initialize",this).call(this),this.pathParser=new ea}},{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:nr.z(),screenY:nr.z(),screenWidth:nr.z(),screenHeight:nr.z()}}},{key:Vf("changeDrawManager"),value:function(e){this.setState(LS({},e),!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 e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.state.rect&&!e||(this.state.rect=this.parent.refs.$body.rect())}},{key:vr("document")+Fr("isShow")+Hr+Gr+Zr+qr,value:function(){this.trigger("hidePathDrawEditor")}},{key:"makePathLayer",value:function(e){var t,n=this,r=this.$selection.currentProject;if(r){var i=qi.simply(this.state.points,this.state.tolerance),a=new ea(ps.makePathByPoints(i)),o=new ea(bS.generatorPathString(a.convertGenerator()));o.transformMat4(this.$viewport.matrixInverse);var s=o.getBBox(),c=D.d.distance(s[1],s[0]),l=D.d.distance(s[3],s[0]);o.translate(-s[0][0],-s[0][1]);var u={x:nr.px(s[0][0]),y:nr.px(s[0][1]),width:nr.px(c),height:nr.px(l),d:o.d,totalLength:this.totalPathLength};RS.forEach((function(e){n.state[e]&&Object.assign(u,m()({},e,n.state[e]))})),t=r.appendChildItem(new CS(u))}return t}},{key:"addPathLayer",value:function(){var e=this.getPathRect();if(0!==e.width&&0!==e.height){var t=this.makePathLayer(e);t&&(this.$selection.select(t),this.trigger("hidePathDrawEditor"),this.emit("refreshAll"))}}},{key:"changeMode",value:function(e){this.setState(LS({},this.initState(),{},e),!1)}},{key:"getCurrentObject",value:function(){var e=this.state.current;return e?{current:e,d:e.d,screenX:e.screenX,screenY:e.screenY,screenWidth:e.screenWidth,screenHeight:e.screenHeight}:null}},{key:Vf("showPathDrawEditor"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.changeMode(e),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:Vf("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:Vf("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:Vf("hideAddViewLayer"),value:function(){this.$el.hide(),this.emit("hideDrawManager")}},{key:"getInnerId",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"draw-manager-"+e}},{key:ni("$view"),value:function(){return{innerHTML:'\n            <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n                '.concat(this.toDefString,"\n                <path \n                    class='object' \n                    fill=\"").concat(this.toFillValue,'"\n                    stroke="').concat(this.toStrokeValue,'"\n                    fill-opacity="').concat(this.state["fill-opacity"],'"\n                    stroke-width="').concat(this.state["stroke-width"],'"\n                    stroke-linecap="').concat(this.state["stroke-linecap"],'"\n                    stroke-linejoin="').concat(this.state["stroke-linejoin"],'"\n                    d="').concat(ps.makePathByPoints(this.state.points),'" \n                />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:Vf("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var e=this.refs.$view.$("path.object"),t={x:nr.z(),y:nr.z(),width:nr.z(),height:nr.z()};return e&&((t=e.rect()).x-=this.state.rect.x,t.y-=this.state.rect.y),t}},{key:Cr("$view")+Wr()+Ur(),value:function(e){this.initRect(),this.state.altKey=!1,this.state.startXY={x:e.xy.x-this.state.rect.x,y:e.xy.y-this.state.rect.y},this.state.points=[this.state.startXY]}},{key:"move",value:function(e,t,n,r){this.state.points.push({x:this.state.startXY.x+e,y:this.state.startXY.y+t,pressure:r}),this.renderPath()}},{key:"end",value:function(e,t){this.addPathLayer(),this.trigger("initPathDrawEditor")}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var e=this.refs.$view.$("path.object");return e?e.totalLength:0}},{key:"toFillSVG",get:function(){return bl.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return bl.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 e=this.toDefInnerString.trim();return("\n            <defs>\n            ".concat(e,"\n            </defs>\n        "))}},{key:"fillId",get:function(){return this.getInnerId("fill")}},{key:"strokeId",get:function(){return this.getInnerId("stroke")}},{key:"toFillValue",get:function(){return bl.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return bl.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}}]),t}(Df),zS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n        <div class='layer-add-view'>\n            <div class='area' ref='$area'></div>\n            <div class='area-rect' ref='$areaRect'></div>\n            <div class='area-pointer' ref='$mousePointer'></div>\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:"initState",value:function(){return{dragStart:!1,width:0,height:0,color:Mn.random(),fontSize:30,showRectInfo:!1,areaVerties:Ri(0,0,0,0),content:"Insert a text",pathManager:new ps,rect:{},containerItem:void 0}}},{key:"checkNotDragStart",value:function(){return!1===Boolean(this.state.dragStart)}},{key:Vr("$el")+Fr("checkNotDragStart"),value:function(e){var t=this.$viewport.createWorldPosition(e.clientX,e.clientY),n=this.$snapManager.checkPoint(t);!1===D.d.equals(n,t)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(this.state.target),this.state.targetPositionVertext=D.d.clone(this.state.target),this.state.targetGuides=this.$snapManager.findGuideOne([this.state.target])):(this.state.target=null,this.state.targetGuides=[],this.state.targetPositionVertext=null),this.bindData("$mousePointer")}},{key:Cr("$el")+Wr()+Ur(),value:function(e){this.initMousePoint=this.state.targetPositionVertext?this.state.targetPositionVertext:this.$viewport.createWorldPosition(e.clientX,e.clientY),this.state.dragStart=!0,this.state.color="#C4C4C4",this.state.text="Insert a text",this.state.areaVerties=Ri(0,0,0,0),this.bindData("$area"),this.bindData("$areaRect")}},{key:"createLayerTemplate",value:function(e,t){var n=this.state,r=n.type,i=n.text,a=n.color;switch(r){case"artboard":return"<div class='draw-item' style='background-color: white;'></div>";case"rect":return"<div class='draw-item' style='background-color: ".concat(a,";'></div>");case"circle":return"<div class='draw-item' style='background-color: ".concat(a,"; border-radius: 100%;'></div>");case"video":case"audio":case"image":case"cube":case"cylinder":return"<div class='draw-item' style='outline: 1px solid blue;'></div>";case"text":case"svg-text":return"<div class='draw-item' style='font-size: 30px;outline: 1px solid blue;'>".concat(i,"</div>");case"svg-rect":return"\n            <div class='draw-item'>\n                <svg width=\"".concat(e,'" height="').concat(t,'" style="width:100%; height:100%;" overflow="visible">\n                    <path d="').concat(ps.makeRect(0,0,e,t),'" stroke-width="1" stroke="black" fill="transparent" />\n                </svg>\n            </div>\n            ');case"svg-circle":return"\n            <div class='draw-item'>\n                <svg width=\"".concat(e,'" height="').concat(t,'" style="width:100%; height:100%;" overflow="visible">\n                    <path d="').concat(ps.makeCircle(0,0,e,t),'" stroke-width="1" stroke="black" fill="transparent" />\n                </svg>\n            </div>\n            ');case"svg-textpath":return"\n            <div class='draw-item' style='outline: 1px solid blue;'>\n                <svg width=\"".concat(e,'" height="').concat(t,'" style="width:100%; height:100%;font-size: ').concat(t,'px;" overflow="visible">\n                    <defs>\n                        <path id=\'layer-add-path\' d="').concat(ps.makeLine(0,t,e,t),'" />\n                    </defs>\n                    <text>\n                        <textPath \n                          xlink:href="#layer-add-path"\n                          textLength="100%"\n                          lengthAdjust="spacingAndGlyphs"\n                          startOffset="0em"\n                        >').concat(i,"</textPath>\n                    </text>\n                </svg>\n            </div>\n            ")}}},{key:ni("$area"),value:function(){var e=Fi(this.state.areaVerties),t=e.left,n=e.top,r=e.width,i=e.height;return{style:{left:t,top:n,width:r,height:i},innerHTML:this.createLayerTemplate(r.value,i.value)}}},{key:ni("$areaRect"),value:function(){var e=this.state,t=e.areaVerties,n=e.showRectInfo,r=Fi(this.$viewport.applyVertiesInverse(t)),i=r.width,a=r.height;return{style:{display:n?"inline-block":"none",left:nr.px(t[2][0]),top:nr.px(t[2][1])},innerHTML:"".concat(i.value," x ").concat(a.value)}}},{key:"makeMousePointer",value:function(){var e=this;if(!this.state.target)return"";var t=this.state.targetGuides||[];return('\n        <svg width="100%" height="100%">\n            '.concat(t.map((function(t){return e.state.pathManager.reset(),t=e.$viewport.applyVerties([t[0],t[1]]),e.state.pathManager.M({x:t[0][0],y:t[0][1]}).L({x:t[1][0],y:t[1][1]}).X({x:t[0][0],y:t[0][1]}).X({x:t[1][0],y:t[1][1]}).toString("layer-add-snap-pointer")})).join("\n"),"\n        </svg>\n    "))}},{key:ni("$mousePointer"),value:function(){return{innerHTML:this.makeMousePointer()}}},{key:"move",value:function(){var e=this.$config.get("bodyEvent"),t=this.$viewport.createWorldPosition(e.clientX,e.clientY),n=this.$snapManager.checkPoint(t);!1===D.d.equals(n,t)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(n),this.state.targetGuides=this.$snapManager.findGuideOne([n])):(this.state.target=null,this.state.targetGuides=[]);var r=e.shiftKey,i=Math.min(n[0],this.initMousePoint[0]),a=Math.min(n[1],this.initMousePoint[1]),o=Math.max(n[0],this.initMousePoint[0])-i,s=Math.max(n[1],this.initMousePoint[1])-a;r&&(s=o);var c=Ri(i,a,o,s);this.state.areaVerties=this.$viewport.applyVerties(c),this.state.showRectInfo=!0,this.bindData("$area"),this.bindData("$areaRect"),this.bindData("$mousePointer")}},{key:"end",value:function(e,t){var n=this.$config.get("bodyEvent").altKey,r=this.state,i=r.color,a=r.text,o=r.fontSize,s=r.areaVerties,c=this.$viewport.applyVertiesInverse(s),l="artboard"===this.state.type?null:this.$selection.getArtboardByPoint(c[0]),u=Fi(c),h={x:u.x,y:u.y,width:u.width,height:u.height,"background-color":i,content:a,"font-size":o};switch(this.state.type){case"text":case"svg-text":case"svg-textpath":delete h["background-color"];break;default:delete h.content}switch(this.state.type){case"image":this.trigger("openImage",h,l);break;case"video":this.trigger("openVideo",h,l);break;case"audio":this.trigger("openAudio",h,l);break;default:this.emit("newComponent",this.state.type,h,!0,l)}n||this.trigger("hideLayerAppendView"),this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect")}},{key:Vf("showLayerAppendView"),value:function(e){this.state.type=e,this.state.isShow=!0,this.refs.$area.empty(),this.$el.show(),this.$el.focus(),this.$snapManager.clear(),this.emit("change.mode.view","CanvasView")}},{key:Vf("hideLayerAppendView"),value:function(){this.$el.isShow()&&(this.state.isShow=!1,this.$el.hide(),this.emit("change.mode.view"))}},{key:Vf("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.$el.hide()}},{key:"isShow",value:function(){return this.state.isShow}},{key:vr("document")+Fr("isShow")+Hr+Gr+Zr+qr,value:function(){this.trigger("hideLayerAppendView")}},{key:kr("$file"),value:function(e){var t=this;this.refs.$file.files.forEach((function(e){t.emit("updateImage",e,t.state.rect,t.state.containerItem)}))}},{key:kr("$video"),value:function(e){var t=this;this.refs.$video.files.forEach((function(e){t.emit("updateVideo",e,t.state.rect,t.state.containerItem)}))}},{key:Vf("openImage"),value:function(e,t){this.state.rect=e,this.state.containerItem=t,this.refs.$file.click()}},{key:Vf("openVideo"),value:function(e,t){this.state.rect=e,this.state.containerItem=t,this.refs.$video.click()}},{key:"scale",get:function(){return this.$viewport.scale}}]),t}(Df);function FS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function BS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?FS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):FS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var GS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:Jr("$el"),value:function(){if(1!==this.$selection.length)return"";var e=this.$selection.current;if(e.isInGrid()){var t=e.parent,n=t.screenX,r=t.screenY,i=t.width,a=t.height,o=t.toGridLayoutCSS();return"<div style='".concat(bt(BS({position:"absolute",left:n,top:r,width:i,height:a,border:"1px solid black"},o)),"'>\n                ").concat(t.layers.map((function(e){var t=e.toLayoutItemCSS();return("<div style='".concat(bt(BS({},t,{border:"1px solid dashed"})),"'></div>"))})).join(""),"\n            </div>")}return("<div></div>")}},{key:Vf("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}},{key:Vf("updateViewport"),value:function(){this.refresh()}}]),t}(Df),HS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n            <div class='hover-view'>\n                <div class='hover-rect' ref='$hoverRect'></div>            \n            </div>\n        "}},{key:Vf("config:bodyEvent"),value:function(){var e=rr.create(this.$config.get("bodyEvent").target).data("id");this.$editor.isPointerUp?(this.$selection.setHoverId(""),this.renderHoverLayer()):this.$selection.setHoverId(e)&&this.renderHoverLayer()}},{key:Vf("updateViewport"),value:function(){this.$selection.setHoverId(""),this.renderHoverLayer()}},{key:"renderHoverLayer",value:function(){var e=this.$selection.hoverItems;if(0===e.length)this.refs.$hoverRect.updateDiff("");else{var t=e[0].verties(),n=this.createPointerLine(this.$viewport.applyVerties(t));this.refs.$hoverRect.updateDiff(n)}}},{key:"createPointerLine",value:function(e){return 0===e.length?"":'\n        <svg class=\'line\' overflow="visible">\n            <path \n                d="\n                    M '.concat(e[0][0],", ").concat(e[0][1]," \n                    L ").concat(e[1][0],", ").concat(e[1][1]," \n                    L ").concat(e[2][0],", ").concat(e[2][1]," \n                    L ").concat(e[3][0],", ").concat(e[3][1]," \n                    L ").concat(e[0][0],", ").concat(e[0][1],'\n                    Z\n                " \n                stroke-width="2"\n                />\n        </svg>')}}]),t}(Df),NS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{StyleView:_w,HoverView:HS,SelectionToolView:Ww,GroupSelectionToolView:rS,GuideLineView:cS,PathEditorView:IS,PathDrawView:AS,LayerAppendView:zS,GridLayoutLineView:GS}}},{key:"initState",value:function(){return{mode:"selection",x:nr.z(),y:nr.z(),width:nr.px(1e4),height:nr.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                <object refClass='StyleView' ref='$styleView' />\n                <object refClass='GuideLineView' ref='$guideLineView' />\n                <object refClass='HoverView' ref='$hoverView' />                \n                <object refClass='GridLayoutLineView' ref='$gridLayoutLineView' />\n                <object refClass='SelectionToolView' ref='$selectionTool' />\n                <object refClass='GroupSelectionToolView' ref='$groupSelectionTool' />\n                <object refClass='LayerAppendView' ref='$objectAddView' />\n                <object refClass='PathEditorView' ref='$pathEditorView' />\n                <object refClass='PathDrawView' ref='$pathDrawView' />\n          \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:Vf("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:Vf("refElement"),value:function(e,t){st(t)&&t(this.getElement(e))}},{key:"getElement",value:function(e){return this.state.cachedCurrentElement[e]||(this.state.cachedCurrentElement[e]=this.refs.$view.$('[data-id="'.concat(e,'"]'))),this.state.cachedCurrentElement[e]}},{key:"checkEmptyElement",value:function(e){var t=rr.create(e.target),n=this.$viewport.createWorldPosition(e.clientX,e.clientY),r=this.$shortcuts.getGeneratedKeyCode($u.space);return!this.$keyboardManager.check(r)&&("selection"===this.state.mode&&(!e.altKey&&(t.hasClass("artboard")?!this.$selection.check({id:t.attr("data-id")})&&!this.$selection.hasPoint(n):!this.$selection.hasPoint(n)&&(!1===t.hasClass("element-item")&&!1===t.hasClass("artboard-title")&&!1===t.hasClass("selection-tool-item")&&!1===t.hasClass("pointer")&&!1===t.hasClass("rotate-pointer")&&!1===t.hasClass("layer-add-view")&&!1===t.hasClass("handle")&&!1===t.hasClass("path-draw-container")&&!1===t.isTag("svg")&&!1===t.isTag("path")&&!1===t.isTag("textPath")&&!1===t.isTag("polygon")&&!1===t.isTag("text")&&!1===t.isTag("img")&&"true"!==t.attr("data-segment")))))}},{key:Cr("$body")+Fr("checkEmptyElement")+Wr("movePointer")+Ur("moveEndPointer"),value:function(e){if(this.$target=rr.create(e.target),this.dragXY={x:e.xy.x,y:e.xy.y},this.rect=this.refs.$body.rect(),this.canvasOffset=this.refs.$view.rect(),this.canvasPosition={x:this.canvasOffset.left,y:this.canvasOffset.top},this.dragXY.x-=this.rect.x,this.dragXY.y-=this.rect.y,this.$editor.isSelectionMode()){var t={left:nr.px(this.dragXY.x),top:nr.px(this.dragXY.y),width:nr.z(),height:nr.z()};this.refs.$dragAreaRect.css(t),this.state.cachedCurrentElement={}}}},{key:"getSelectedItems",value:function(e,t){var n=this.$selection.currentProject,r=[],i=[];return n&&(0===e.width&&0===e.height?r=[]:(n.layers.forEach((function(e){e.is("artboard")&&e.isIncludeByArea(t)?i.push(e):e.is("artboard")&&e.checkInArea(t)&&!1===e.hasChildren()?r.push(e):r.push.apply(r,e.checkInAreaForAll(t))})),r.length>1&&(r=r.filter((function(e){return!1===e.is("artboard")}))))),i.length?i:r}},{key:"movePointer",value:function(e,t){this.$config.get("bodyEvent").shiftKey&&(t=e);var n={left:nr.px(this.dragXY.x+(e<0?e:0)),top:nr.px(this.dragXY.y+(t<0?t:0)),width:nr.px(Math.abs(e)),height:nr.px(Math.abs(t))};if(this.refs.$dragAreaRect.css(n),this.$editor.isSelectionMode()){var r=n.top,i=n.width,a=n.height,o={x:n.left.value,y:r.value,width:i.value,height:a.value},s=this.$viewport.createAreaVerties(o.x,o.y,o.width,o.height);if(this.$selection.currentProject){var c,l=this.getSelectedItems(o,s);(c=this.$selection).select.apply(c,j()(l))&&(this.selectCurrent.apply(this,j()(l)),this.emit("refreshSelectionTool",!0))}}}},{key:"moveEndPointer",value:function(e,t){var n=this.refs.$dragAreaRect.styles("left","top","width","height").map((function(e){return nr.parse(e)})),r=k()(n,4),i=r[0],a=r[1],o=r[2],s=r[3],c={x:i.value,y:a.value,width:o.value,height:s.value},l=this.$viewport.createAreaVerties(c.x,c.y,c.width,c.height);if(this.refs.$dragAreaRect.css({left:nr.px(-1e4),top:nr.z(),width:nr.z(),height:nr.z()}),this.$selection.currentProject){var u,h=this.getSelectedItems(c,l);(u=this.$selection).select.apply(u,j()(h))&&this.selectCurrent.apply(this,j()(h))}else this.$selection.select();this.emit("history.refreshSelection"),this.emit("refreshSelectionTool",!0),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:dr("$view .element-item.text"),value:function(e){e.$dt.addClass("focused"),e.$dt.attr("contenteditable","true"),e.$dt.focus(),e.$dt.select()}},{key:Sr("$view .element-item.text"),value:function(e){e.$dt.removeAttr("contenteditable"),e.$dt.removeClass("focused")}},{key:vr("$view .element-item.text"),value:function(e){var t=e.$dt.html(),n=e.$dt.text(),r=e.$dt.attr("data-id"),i=[];this.$selection.items.filter((function(e){return e.id===r})).forEach((function(e){e.reset({content:t,text:n}),i.push({id:e.id,content:t,text:n})})),this.emit("refreshContent",i),this.emit("refreshSelectionTool",!1)}},{key:"checkEditMode",value:function(e){var t=this.$viewport.createWorldPosition(e.clientX,e.clientY);if(this.$selection.hasPoint(t))return!0;var n=this.$shortcuts.getGeneratedKeyCode($u.space);if(this.$keyboardManager.check(n))return!1;var r=rr.create(e.target),i=r.closest("element-item");if(!i)return!1;if(i.hasClass("focused"))return!1;var a=i.attr("data-id");if(!1===e.altKey&&i.hasClass("artboard")){var o=this.$selection.currentProject.searchById(a);if(o&&o.hasChildren()&&!1===r.hasClass("artboard-title"))return!1}return this.$editor.isSelectionMode()}},{key:Cr("$view")+Fr("checkEditMode")+Wr("calculateMovedElement")+Ur("calculateEndedElement"),value:function(e){this.startXY=e.xy,this.initMousePoint=this.$viewport.createWorldPosition(e.clientX,e.clientY);var t=this.$selection.hasPoint(this.initMousePoint),n=rr.create(e.target),r=n.closest("element-item"),i=r&&r.attr("data-id");if(t&&r&&!1===r.hasClass("artboard")&&(t=!1),e.altKey)t||(n.hasClass("artboard-title")?this.$selection.selectById(i):!1===this.$selection.check({id:i})&&this.$selection.selectById(i)),!1===this.$selection.isEmpty&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.selectCurrent.apply(this,j()(this.$selection.items)),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(t);else if(n.hasClass("artboard-title"))this.$selection.selectById(i);else if(e.shiftKey)this.$selection.toggleById(i);else if(!1===this.$selection.check({id:i})){var a=this.$selection.currentProject.searchById(i);a&&a.is("artboard")&&a.hasChildren()||this.$selection.selectById(i)}this.selectCurrent.apply(this,j()(this.$selection.items)),this.initializeDragSelection(),this.emit("history.refreshSelection")}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool")}},{key:"calculateMovedElement",value:function(){var e=this,t=this.$config.get("bodyEvent"),n=this.$viewport.createWorldPosition(t.clientX,t.clientY),r=D.d.floor([],D.d.subtract([],n,this.initMousePoint));this.selectionToolView.moveTo(r),this.$selection.changeArtBoard()&&(this.initMousePoint=n,this.$selection.reselect(),this.$snapManager.clear(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.emit("refreshSelectionTool",!0)),this.nextTick((function(){e.emit("refreshSelectionStyleView"),e.emit("refreshSelectionTool",!1),e.emit("refreshRect")}))}},{key:Vf("refreshArtBoardName"),value:function(e,t){this.$el.$("[data-id='".concat(e,"'] > .artboard-title")).html(t)}},{key:"calculateEndedElement",value:function(e,t){var n=this,r=this.$config.get("bodyEvent").xy,i=r.x-this.startXY.x,a=r.y-this.startXY.y;if(0===i&&0===a){if(this.$selection.current.isSVG())return void this.emit("openPathEditor")}else this.nextTick((function(){n.command("setAttributeForMulti","move item",n.$selection.cloneValue("x","y","width","height"))}))}},{key:ni("$body"),value:function(){var e=this.$editor,t=e.canvasWidth,n=e.canvasHeight;return{"data-mode":e.mode,tabIndex:-1,style:{width:nr.px(t),height:nr.px(n)}}}},{key:ni("$view"),value:function(){var e=this.$viewport,t=e.translate,n=e.transformOrigin,r=e.scale,i="translate(".concat(t[0],"px, ").concat(t[1],"px) scale(").concat(r||1,")"),a="".concat(n[0],"px ").concat(n[1],"px");return this.refs.$view.$$(".artboard-title").forEach((function(e){e.css("transform-origin","bottom left"),e.css("transform","scale(".concat(1/r,")"))})),{style:{"transform-origin":a,transform:i}}}},{key:"selectCurrent",value:function(){var e=this;this.state.cachedCurrentElement={};var t=this.$el.$$(".selected");t.length&&t.forEach((function(e){return e.removeClass("selected")}));for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];if(r.length){var a=r.map((function(e){return"[data-id='".concat(e.id,"']")})).join(","),o=this.$el.$$(a);o.length&&o.forEach((function(t){e.state.cachedCurrentElement[t.attr("data-id")]=t,t.addClass("selected")}))}}},{key:Vf("refreshCanvasForPartial","refreshSelectionStyleView"),value:function(e){var t=this,n=e?[e]:this.$selection.items;n.forEach((function(e){t.updateElement(e)})),this.selectCurrent.apply(this,j()(n))}},{key:"updateElement",value:function(e){e&&Xb.update(e,this.getElement(e.id))}},{key:"updateTimelineElement",value:function(e){e&&Xb.update(e,this.getElement(e.id))}},{key:Vf("playTimeline","moveTimeline"),value:function(){var e=this,t=this.$selection.currentProject,n=t.getSelectedTimeline();n&&n.animations.map((function(e){return t.searchById(e.id)})).forEach((function(t){e.updateTimelineElement(t,!0,!1)}))}},{key:Vf("refreshAllCanvas"),value:function(){var e=this.$selection.currentProject,t=Xb.render(e)||"";this.setState({html:t},!1),this.refs.$view.updateDiff(t),this.bindData("$view")}},{key:Vf("refreshAllElementBoundSize"),value:function(){var e=this,t=this.$selection.items.map((function(e){return e.is("artboard")?e:e.parent}));j()(new Set(t)).forEach((function(t){e.trigger("refreshElementBoundSize",t)}))}},{key:Vf("refreshElementBoundSize"),value:function(e){var t=this;e&&e.layers.forEach((function(e){if(e.isLayoutItem()){var n=t.getElement(e.id);if(n){var r=n.offsetRect(),i=r.x,a=r.y,o=r.width,s=r.height;e.reset({x:nr.px(i),y:nr.px(a),width:nr.px(o),height:nr.px(s)}),t.trigger("refreshSelectionStyleView",e,!0)}}t.trigger("refreshElementBoundSize",e)}))}},{key:Vf("updateViewport"),value:function(){this.bindData("$view")}},{key:"selectionToolView",get:function(){return this.$selection.isMany?this.children.$groupSelectionTool:this.children.$selectionTool}}]),t}(Df);ki({HTMLRenderView:NS});var XS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{NumberInputEditor:bv}}},{key:"template",value:function(){return"     \n      <div class='page-tools'>\n        <button type='button' ref='$minus'>".concat(kf.remove2,"</button>\n        <div class='select'>\n          <object refClass=\"NumberInputEditor\"  ref='$scale' min='10' max='240' step=\"1\" key=\"scale\" value=\"").concat(100*this.$viewport.scale,"\" onchange=\"changeRangeEditor\" />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(kf.add,"</button>        \n        <button type='button' ref='$center'>").concat(kf.gps_fixed,"</button>                \n      </div>\n\n    ")}},{key:Vf("updateViewport"),value:function(){var e=Math.floor(100*this.$viewport.scale);this.children.$scale.setValue(e)}},{key:Vf("changeRangeEditor")+Yr(1e3),value:function(e,t){this.$viewport.setScale(t/100),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:pr("$plus")+Zr+qr,value:function(){var e=this.$viewport.scale;this.$viewport.setScale(e+.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:pr("$minus")+Zr+qr,value:function(){var e=this.$viewport.scale;this.$viewport.setScale(e-.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:pr("$center")+Zr+qr,value:function(){this.emit("moveSelectionToCenter")}}]),t}(Df),YS={"segment-move":"modify",modify:"modify",path:"path"},_S=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 Zg}},{key:Vf("refreshSelection"),value:function(){var e=this.$selection.current;e&&(this.children.$fill.setValue(e.fill||"rgba(0, 0, 0, 0)"),this.children.$stroke.setValue(e.stroke||"rgba(0, 0, 0, 1)"),this.children.$fillOpacity.setValue(e["fill-opacity"]||nr.number(1)),this.children.$strokeWidth.setValue(e["stroke-width"]||nr.number(1)))}},{key:"template",value:function(){this.$selection.current;return("\n      <div class='path-manager'>\n        <div class='tools' ref='$mode' data-selected-value='".concat(this.state.mode,"'>\n            <button type=\"button\" data-value='modify' title='").concat(this.$i18n("path.manager.mode.modify"),"' > ").concat(kf.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(kf.control_point,"</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(kf.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(kf.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(kf.flip,"</button>\n        </div>\n\n        <div class='tools' ref='$util'>\n            <button type=\"button\" data-value='reverse' title='").concat(this.$i18n("path.manager.mode.transform"),"' >").concat(kf.swap_horiz,'</button>\n        </div>        \n        <div class=\'tools\'>      \n          <div>\n            <object refClass="FillSingleEditor" ref="$fill" simple="true" label="').concat(this.$i18n("svg.item.property.fill"),'" key="fill" onchange="changeValue" />\n          </div>\n          <div>\n            <object refClass="FillSingleEditor" ref="$stroke" simple="true" label="').concat(this.$i18n("svg.item.property.stroke"),'" key="stroke" onchange="changeValue" />\n          </div>      \n          <div >\n            <span \n              refClass="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            <span \n              refClass="NumberInputEditor" \n              ref="$strokeWidth" \n              label="').concat(this.$i18n("svg.item.property.strokeWidth"),'" \n              key="stroke-width" \n              onchange="changeValue"\n            />\n          </div>\n        </div>\n      </div>    \n    '))}},{key:Vf("setColorAsset"),value:function(e){var t=e.color;this.$el.isShow()&&(this.setState({stroke:t},!1),this.children.$stroke.setValue(t),this.updateData({stroke:t}),this.command("setAttribute","change color assets",{stroke:t},null,!0))}},{key:Vf("changeValue"),value:function(e,t,n){this.command("setAttribute","change path",m()({},e,t),null,!0),this.updateData(m()({},e,t))}},{key:ni("$mode"),value:function(){return{"data-selected-value":YS[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:pr("$flip button"),value:function(e){var t=e.$dt.attr("data-value");this.emit("changePathTransform",t)}},{key:pr("$util button"),value:function(e){var t=e.$dt.attr("data-value");this.emit("changePathUtil",t)}},{key:pr("$mode button"),value:function(e){var t=e.$dt.attr("data-value");this.updateData({mode:t}),this.refresh()}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.emit(this.state.changeEvent,e)}},{key:Vf("changePathManager"),value:function(e){this.setState({mode:e})}},{key:Vf("showPathManager"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.changeEvent=e.changeEvent||"changePathManager",this.setState(e),this.$el.show(),this.emit("addStatusBarMessage",this.state.msg),this.emit("change.mode.view","PathEditorView")}},{key:Vf("hidePathManager"),value:function(){this.$el.hide()}}]),t}(Df);function KS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var WS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?KS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):KS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},Zg)}},{key:Vf("refreshSelection"),value:function(){var e=this.$selection.current;e&&(this.children.$stroke.setValue(e.stroke||"rgba(0, 0, 0, 1)"),this.children.$strokeWidth.setValue(e["stroke-width"]||nr.number(1)))}},{key:Vf("setColorAsset"),value:function(e){var t=e.color;this.$el.isShow()&&(this.setState({stroke:t},!1),this.children.$stroke.setValue(t),this.updateData({stroke:t}))}},{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            <object refClass="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            <object refClass="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            <object refClass="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            <object refClass="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            <object refClass="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:Vf("changeValue"),value:function(e,t,n){this.updateData(m()({},e,t))}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.state.instance.trigger(this.state.changeEvent,e)}},{key:Vf("changePathManager"),value:function(e){this.setState({mode:e})}},{key:Vf("showDrawManager"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.changeEvent=e.changeEvent||"changeDrawManager",this.setState(e),this.$el.show(),this.emit("addStatusBarMessage",this.state.msg),this.emit("hidePathManager")}},{key:Vf("hideDrawManager"),value:function(){this.$el.hide()}}]),t}(Df),US=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{PathManager:_S,DrawManager:WS}}},{key:"template",value:function(){return"\n      <div class='page-subeditor'>\n        <object refClass='PathManager' />\n        <object refClass='DrawManager' />\n        <object refClass='SelectionManager' />\n      </div>\n    "}}]),t}(Df),ZS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{PageTools:XS,HTMLRenderView:NS,PageSubEditor:US}}},{key:"initState",value:function(){return{cursor:"auto",cursorArgs:[]}}},{key:"afterRender",value:function(){var e=this;this.emit("load.json"),this.trigger("resizeCanvas"),this.nextTick((function(){e.emit("moveSelectionToCenter")}))}},{key:"template",value:function(){return"\n      <div class='page-container' tabIndex=\"-1\" ref='$container'>\n        <div class='page-view'>\n          <div class='page-lock scrollbar' ref='$lock'>\n            <object refClass='HTMLRenderView' ref='$elementView' />\n            <div ref='$viewport'></div>\n          </div>\n        </div>\n        \x3c!--<PageSubEditor /> --\x3e\n        <object refClass='PageTools' />\n      </div>\n    "}},{key:"makeViewportConsole",value:function(){if(!this.$viewport.verties)return"";var e=this.$viewport.pos;return("\n      <div style='background-color: rgba(0, 0, 0, 0.5); color: white;position:absolute;left:0px;top:0px;bottom:0px;right:0px;pointer-events:none;'>\n        <div style='position:absolute;width:1px;height:100%;top:0px;left:50%;transform:translateX(-50%);background-color:black;'></div>  \n        <div style='position:absolute;height:1px;width:100%;top:50%;transform:translateY(-50%);background-color:black;'></div>                \n        <div style='position:absolute;display:inline-block;left:0px;top:50%;transform:translateY(-50%);'>".concat(Math.floor(this.$viewport.minX),"</div>\n        <div style='position:absolute;display:inline-block;right:0px;top:50%;transform:translateY(-50%);'>").concat(Math.floor(this.$viewport.maxX),"</div>\n        <div style='position:absolute;display:inline-block;left:50%;top:0px;transform:translateX(-50%)'>").concat(Math.floor(this.$viewport.minY),"</div>\n        <div style='position:absolute;display:inline-block;left:50%;bottom:0px;transform:translateX(-50%)'>").concat(Math.floor(this.$viewport.maxY),"</div>\n        <div style='position:absolute;top:50%;left:50%;display:inline-block;'>").concat(this.$viewport.transformOrigin.map((function(e){return Math.floor(e)})).join(", "),"</div>\n        <div style='position:absolute;left:").concat(e[0],"%;top:").concat(e[1],"%;display:inline-block;'>\n          mouse: ").concat(this.$viewport.mouse.map((function(e){return Math.floor(e)})).join(", ")," <br />\n          translate: ").concat(this.$viewport.translate.join(", ")," <br />          \n          zoom : ").concat(this.$viewport.zoomFactor," <br />\n        </div>                  \n\n      </div>\n    "))}},{key:"checkSpace",value:function(){return this.$keyboardManager.check(this.$shortcuts.getGeneratedKeyCode($u.space))}},{key:Cr("$lock")+Fr("checkSpace")+Wr("movePan"),value:function(e){this.lastDist=D.d.create(),this.emit("addStatusBarMessage",this.$i18n("viewport.panning.enable"))}},{key:"movePan",value:function(e,t){var n,r=D.d.fromValues(e,t,0);(n=this.$viewport).pan.apply(n,j()(D.d.transformMat4([],D.d.subtract([],this.lastDist,r),this.$viewport.scaleMatrixInverse))),this.lastDist=r}},{key:ni("$viewport"),value:function(){return""}},{key:ni("$container"),value:function(){var e,t;return li.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,li.a.awrap((e=this.$editor.cursorManager).load.apply(e,[this.state.cursor].concat(j()(this.state.cursorArgs||[]))));case 2:return t=n.sent,n.abrupt("return",{style:{cursor:t}});case 4:case"end":return n.stop()}}),null,this)}},{key:mr("$lock")+Zr,value:function(){}},{key:gr("$lock")+Zr,value:function(e){if(e.dataTransfer.getData("text/artboard")){var t=this.$viewport.createWorldPosition(e.clientX,e.clientY);this.emit("drop.asset",{artboard:{id:e.dataTransfer.getData("text/artboard"),center:t}})}else{Uf.getAllDropItems(e);var n=rr.create(e.target).attr("data-id");if(n)this.emit("drop.asset",{gradient:e.dataTransfer.getData("text/gradient"),pattern:e.dataTransfer.getData("text/pattern"),color:e.dataTransfer.getData("text/color"),imageUrl:e.dataTransfer.getData("image/info")},n);else{var r=e.dataTransfer.getData("image/info");this.emit("dropImageUrl",r)}}}},{key:Mr("$lock")+Zr,value:function(e){var t=this,n=function(e){var t=e.deltaX,n=e.deltaY;if(0===t&&e.shiftKey){var r=[t,n];n=r[0],t=r[1]}return e.deltaMode===WheelEvent.DOM_DELTA_LINE?n*=8:e.deltaMode===WheelEvent.DOM_DELTA_PAGE&&(n*=24),[ri(t,24),ri(n,24),0]}(e),r=k()(n,2),i=r[0],a=r[1];if(this.state.gesture)if(e.ctrlKey){var o=1-2.5*a/100;this.$viewport.zoom(o)}else{var s=-2.5*i,c=-2.5*a;this.$viewport.pan(-s/this.$viewport.scale,-c/this.$viewport.scale,0)}else e.ctrlKey&&this.$viewport.setMousePoint(e.clientX,e.clientY),this.emit("startGesture"),this.state.gesture=!0;clearTimeout(this.state.timer),this.state.timer=setTimeout((function(){t.state.gesture=void 0,t.emit("endGesture")}),200)}},{key:"refreshCanvasSize",value:function(){this.$viewport.refreshCanvasSize(this.refs.$lock.rect())}},{key:Vf("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}},{key:Vf("updateViewport"),value:function(){this.bindData("$viewport")}},{key:Vf("changeIconView"),value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];"".concat(this.state.cursor," ").concat(this.state.cursorArgs)!=="".concat(e," ").concat(n)&&(this.state.cursor=e,this.state.cursorArgs=n,this.bindData("$container"))}}]),t}(Df);ki({CanvasView:ZS});var qS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return Rk}},{key:"template",value:function(){return"\n      <div class='tool-menu center'>\n        <div class='items'>\n          <div class='draw-items' ref='$items' data-selected-value=\"".concat(this.$editor.layout,"\">\n\n            <object refClass='SelectTool' />\n            <object refClass='AddArtBoard' />\n            <span data-item='css'>\n              <object refClass='AddRect' />\n              <object refClass='AddCircle' />         \n              <object refClass='AddText' />\n              <object refClass='AddImage' />\n              <object refClass='AddVideo' />\n            </span>            \n            <span data-item='svg'>\n              <div class='divider'></div>\n              <object refClass='AddDrawPath' />\n              <object refClass='AddPath' />\n              <object refClass='AddSVGRect' />\n              <object refClass='AddSVGCircle' />            \n              \x3c!-- <AddSVGText /> --\x3e\n              <object refClass='AddSVGTextPath' />\n              <object refClass='AddPolygon' />\n            </span>\n          </div>\n        </div>\n\n      </div>\n    ")}},{key:Vf("changedEditorlayout"),value:function(){this.refs.$items.attr("data-selected-value",this.$editor.layout)}},{key:Vf("noneSelectMenu"),value:function(){var e=this.refs.$items.$(".selected");e&&e.removeClass("selected")}},{key:pr("$items button"),value:function(e){e.$dt.onlyOneClass("selected")}}]),t}(Df);ki({ToolMenu:qS});var JS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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    "}}]),t}(Df);ki({LogoView:JS});var QS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return Rk}},{key:"template",value:function(){return'\n      <div class=\'external-tool-menu  right\'>\n        <div class=\'items\'>\n          <object refClass="Download" />\n          <object refClass="Save" />\n          <object refClass="Github" />\n          <object refClass="Manual" />\n          \x3c!-- LoginButton /--\x3e\n          \x3c!-- SignButton /--\x3e\n        </div>                \n      </div>\n    '}}]),t}(Df);ki({ExternalToolMenu:QS});var eP=Object.keys(Ws),tP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Gf}}},{key:"template",value:function(){var e=this,t=eP.map((function(t){var n=e.$i18n("app.lang.".concat(t));return"".concat(t,":").concat(n)}));return"\n            <div class='status-selector'>\n                <label>".concat(this.$i18n("app.label.lang"),"</label>\n                <div class='item'>\n                    <object refClass=\"SelectEditor\"  \n                        ref='$locale' \n                        options=\"").concat(t.join(","),'" \n                        value="').concat(this.$editor.locale,'" \n                        onchange="changeLocale"\n                    /> \n                </div>\n            </div>\n        ')}},{key:Vf("changeLocale"),value:function(e,t){this.emit("setLocale",t)}}]),t}(Df),nP=["dark","light","toon"],rP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Gf}}},{key:"template",value:function(){var e=this,t=nP.map((function(t){var n=e.$i18n("app.theme.".concat(t));return"".concat(t,":").concat(n)}));return"\n            <div class='status-selector'>\n                <label>".concat(this.$i18n("app.label.theme"),"</label>\n                <div class='item'>\n                    <object refClass=\"SelectEditor\"  \n                        ref='$locale' \n                        options=\"").concat(t.join(","),'" \n                        value="').concat(this.$editor.theme,'" \n                        onchange="changeItem"\n                    /> \n                </div>\n            </div>\n        ')}},{key:Vf("changeItem"),value:function(e,t){this.emit("switchTheme",t)}}]),t}(Df),iP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Gf}}},{key:"template",value:function(){var e=this,t=["all","css","svg"].map((function(t){var n=e.$i18n("app.layout.".concat(t));return"".concat(t,":").concat(n)}));return"\n            <div class='status-selector'>\n                <label>".concat(this.$i18n("app.label.layout"),"</label>\n                <div class='item'>\n                    <object refClass=\"SelectEditor\"  \n                        ref='$locale' \n                        options=\"").concat(t,'" \n                        value="').concat(this.$editor.layout,'" \n                        onchange="changeEditorLayoutValue"\n                    /> \n                </div>\n            </div>\n        ')}},{key:Vf("changeEditorLayoutValue"),value:function(e,t){this.emit("setEditorLayout",t)}}]),t}(Df),aP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{version:"0.10.6"}}},{key:"template",value:function(){return'<div class="version-view">v'.concat(this.state.version,"</div>")}}]),t}(Df),oP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{LayoutSelector:iP,LanguageSelector:tP,ThemeSwitcher:rP,VersionView:aP}}},{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                    <object refClass=\"LayoutSelector\" />\n                    <object refClass=\"ThemeSwitcher\" />\n                    <object refClass=\"LanguageSelector\" />\n                    <object refClass=\"VersionView\" />\n                </div>\n            </div>\n        "}},{key:"initState",value:function(){return{msg:""}}},{key:ni("$msg"),value:function(){return{text:this.state.msg}}},{key:Vf("addStatusBarMessage"),value:function(e){this.setState({msg:e})}}]),t}(Df);ki({StatusBar:oP});var sP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n            <div class='notification-view'>\n            </div>\n        "}},{key:Lr("$el"),value:function(e){rr.create(e.target).remove()}},{key:pr("$el .item > .icon"),value:function(e){e.$dt.parent().remove()}},{key:"getMessageTemplate",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:2e3;return("\n        <div class='item ".concat(e,"' style='transition-duration: ").concat(r,"ms;'>\n            <div class='title'>").concat(t,"</div> \n            <div class='description'>").concat(n,"</div>\n            <span class='icon'>").concat(kf.close,"</span>\n        </div>\n    "))}},{key:Vf("notify"),value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:2e3,i=rr.createByHTML(this.getMessageTemplate(e,t,n,r));this.$el.prepend(i),setTimeout((function(e){e.css("opacity",0)}),100,i)}}]),t}(Df);ki({NotificationView:sP});var cP=[],lP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n            <div class=\"horizontal-ruler\">\n                <div class='horizontal-ruler-container' ref='$layerRuler'></div>                            \n                <div class='horizontal-ruler-container' ref='$ruler'></div>\n            </div>\n        "}},{key:"afterRender",value:function(){this.refreshCanvasSize()}},{key:"refreshCanvasSize",value:function(){this.state.rect=this.$el.rect()}},{key:"makeLine",value:function(e,t,n,r,i,a){var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:3,s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,l=n-n%t,u=r+r%t,h=(l-n)/i*a,p=(l+t-n)/i*a;if(!(Math.abs(p-h)<o))for(var d=l;d<u;d+=t)if(0==d||d%c!=0){var f=Math.floor((d-n)/i*a);e.push("M ".concat(f," ").concat(30-s," L ").concat(f," 30 "))}}},{key:"makeLineText",value:function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=(arguments.length>6&&void 0!==arguments[6]&&arguments[6],arguments.length>7&&void 0!==arguments[7]?arguments[7]:10),s=[],c=t-t%e,l=n+n%e,u=(c-t)/r*i,h=(c+e-t)/r*i;if(!(Math.abs(h-u)<a)){for(var p=c;p<l;p+=e)if(0==p||p%o!=0){var d=Math.floor((p-t)/r*i);s.push('<text x="'.concat(d,'" y="',0,'" dx="2" dy="8" text-anchor="middle" alignment-baseline="bottom" >').concat(p,"</text>"))}return s.join("")}}},{key:"makeRulerForCurrentArtboard",value:function(){var e=this.$selection.current;if(!e)return"";var t=e.artboard;if(!t)return"";var n=t.verties(),r=this.$viewport,i=r.minX,a=(r.maxX,r.width),o=this.state.rect.width,s=(n[0][0]-i)/a*o,c=(n[2][0]-i)/a*o;return"\n            M ".concat(s," 20 \n            L ").concat(s," 30 \n            L ").concat(c," 30 \n            L ").concat(c," 20 \n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var e=this.$selection.verties.map((function(e){return e[0]})),t=Math.min.apply(Math,j()(e)),n=Math.max.apply(Math,j()(e)),r=this.$viewport,i=r.minX,a=r.width,o=this.state.rect.width,s=(t-i)/a*o,c=(n-i)/a*o;return"\n            M ".concat(s," 10 \n            L ").concat(s," 20 \n            L ").concat(c," 20 \n            L ").concat(c," 10 \n            Z\n        ")}},{key:"makeRuler",value:function(){var e=this.$viewport,t=e.minX,n=e.maxX,r=e.width,i=this.state.rect.width;return cP=[],this.makeLine(cP,200,t,n,r,i,10,20,1e4),this.makeLine(cP,100,t,n,r,i,10,20,200),this.makeLine(cP,50,t,n,r,i,10,20,100),this.makeLine(cP,10,t,n,r,i,10,20,50),this.makeLine(cP,5,t,n,r,i,10,20,10),this.makeLine(cP,1,t,n,r,i,10,20,5),this.makeLine(cP,.5,t,n,r,i,10,20,1),cP.join("")}},{key:"makeRulerText",value:function(){var e=this.$viewport,t=e.minX,n=e.maxX,r=e.width,i=this.state.rect.width;return[this.makeLineText(200,t,n,r,i,5,25,1e4),this.makeLineText(100,t,n,r,i,5,20,200),this.makeLineText(50,t,n,r,i,20,18,100),this.makeLineText(10,t,n,r,i,20,15,50),this.makeLineText(5,t,n,r,i,20,13,10),this.makeLineText(1,t,n,r,i,20,20,5)].join("")}},{key:Jr("$ruler")+Xr,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" width="100%" overflow="hidden">\n                <path d="'.concat(this.makeRuler(),'" fill="transparent" stroke-width="0.5" stroke="white" transform="translate(0.5, 0)" />\n                ').concat(this.makeRulerText(),"                \n            </svg>\n        ")}},{key:Jr("$layerRuler")+Xr,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" width="100%" overflow="hidden">\n                <path d="'.concat(this.makeRulerForCurrent(),'" fill="rgba(100, 255, 255, 0.5)" />\n            </svg>\n        ')}},{key:Vf("updateViewport"),value:function(){this.refresh()}},{key:Vf("refreshSelection","refreshRect"),value:function(){this.load("$layerRuler")}},{key:Vf("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),t}(Df);ki({HorizontalRuler:lP});var uP=[],hP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n            <div class=\"vertical-ruler\">\n                <div class='vertical-ruler-container' ref='$layerRuler'></div>                                        \n                <div class='vertical-ruler-container' ref='$body'></div>\n            </div>\n        "}},{key:"afterRender",value:function(){this.refreshCanvasSize()}},{key:"refreshCanvasSize",value:function(){this.state.rect=this.$el.rect()}},{key:"makeLine",value:function(e,t,n,r,i,a){var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:3,s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,l=n-n%t,u=r+r%t,h=(l-n)/i*a,p=(l+t-n)/i*a;if(!(Math.abs(p-h)<o))for(var d=l;d<u;d+=t)if(0==d||d%c!=0){var f=Math.floor((d-n)/i*a);e.push("M ".concat(30-s," ").concat(f," L 30 ").concat(f))}}},{key:"makeLineText",value:function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=(arguments.length>6&&void 0!==arguments[6]&&arguments[6],arguments.length>7&&void 0!==arguments[7]?arguments[7]:10),s=[],c=t-t%e,l=n+n%e,u=(c-t)/r*i,h=(c+e-t)/r*i;if(!(Math.abs(h-u)<a)){for(var p=c;p<l;p+=e)if(!(p>0&&p%o==0)){var d=Math.floor((p-t)/r*i);s.push('<text x="'.concat(1,'" y="',d,'" dy="3" dx="-4" transform="rotate(270, 5, ').concat(d,')">').concat(p,"</text>"))}return s.join("")}}},{key:"makeRulerForCurrentArtboard",value:function(){var e=this.$selection.current;if(!e)return"";var t=e.artboard;if(!t)return"";var n=t.verties(),r=this.$viewport,i=r.minY,a=(r.maxY,r.height),o=this.state.rect.height,s=(n[0][1]-i)/a*o,c=(n[2][1]-i)/a*o;return"\n            M 20 ".concat(s,"\n            L 30 ").concat(s,"\n            L 30 ").concat(c,"\n            L 20 ").concat(c,"\n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var e=this.$viewport,t=e.minY,n=(e.maxY,e.height),r=this.state.rect.height,i=this.$selection.verties.map((function(e){return e[1]})),a=(Math.min.apply(Math,i)-t)/n*r,o=(Math.max.apply(Math,i)-t)/n*r;return"\n            M 10 ".concat(a,"\n            L 20 ").concat(a,"\n            L 20 ").concat(o,"\n            L 10 ").concat(o,"\n            Z\n        ")}},{key:"makeRuler",value:function(){var e=this.$viewport,t=e.minY,n=e.maxY,r=e.height,i=this.state.rect.height;return uP=[],this.makeLine(uP,200,t,n,r,i,10,18,1e4),this.makeLine(uP,100,t,n,r,i,10,18,200),this.makeLine(uP,50,t,n,r,i,10,18,100),this.makeLine(uP,10,t,n,r,i,10,18,50),this.makeLine(uP,5,t,n,r,i,10,18,10),this.makeLine(uP,1,t,n,r,i,10,18,5),this.makeLine(uP,.5,t,n,r,i,10,18,1),uP.join("")}},{key:"makeRulerText",value:function(){var e=this.$viewport,t=e.minY,n=e.maxY,r=e.height,i=this.state.rect.height;return[this.makeLineText(200,t,n,r,i,5,25,1e4),this.makeLineText(100,t,n,r,i,5,22,200),this.makeLineText(50,t,n,r,i,20,18,100),this.makeLineText(10,t,n,r,i,20,15,50),this.makeLineText(5,t,n,r,i,20,12,10),this.makeLineText(1,t,n,r,i,20,10,5)].join("")}},{key:Jr("$body")+Xr,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" height="100%" overflow="hidden">\n                <path d="'.concat(this.makeRuler(),'" fill="transparent" stroke-width="0.5" stroke="white" transform="translate(0, 0.5)" />\n                ').concat(this.makeRulerText(),"\n            </svg>\n        ")}},{key:Jr("$layerRuler")+Xr,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" height="100%" overflow="hidden">\n                <path d="'.concat(this.makeRulerForCurrent(),'" fill="rgba(100, 255, 255, 0.5)" />\n            </svg>\n        ')}},{key:Vf("updateViewport"),value:function(){this.refresh()}},{key:Vf("refreshSelection","refreshRect"),value:function(){this.load("$layerRuler")}},{key:Vf("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),t}(Df);ki({VerticalRuler:hP});var pP=["TEXTAREA","INPUT","SELECT"],dP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initialize",value:function(){si()(Xn()(t.prototype),"initialize",this).call(this);var e=rr.body();e.attr("data-theme",this.$editor.theme),e.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initState",value:function(){return{hideLeftPanel:!1,hideRightPanel:!1,leftSize:340,rightSize:300,bottomSize:30,lastBottomSize:150}}},{key:Vf("changed.locale"),value:function(){this.rerender()}},{key:"template",value:function(){return"\n      <div class=\"layout-main\">\n        <div class='layout-top' ref='$top'>\n          <div class='logo-item'>\n            <label class='logo' title='EasyLogic Studio'></label>\n          </div>      \n          <object refClass=\"ToolMenu\" />\n          <object refClass='PageSubEditor' />    \n        </div>\n        <div class=\"layout-middle\" ref='$middle'>\n          <div class=\"layout-header\" ref='$headerPanel'>\n  \n          </div>        \n          <div class=\"layout-body\" ref='$bodyPanel'>\n            <object refClass='HorizontalRuler' />\n            <object refClass='VerticalRuler' />\n            <object refClass='CanvasView' />        \n          </div>                           \n          <div class='layout-left' ref='$leftPanel'>\n            <object refClass='ObjectList' />\n          </div>\n          <div class=\"layout-right\" ref='$rightPanel'>\n            <object refClass='Inspector' />\n          </div>\n\n          <div class='layout-footer' ref='$footerPanel'>\n            <div class='footer-splitter' ref='$footerSplitter' title=\"".concat(this.$i18n("timeline.property.resize"),"\"></div>\n            <object refClass='TimelineProperty' />\n          </div>   \n          <div class='splitter' ref='$splitter'></div>\n          <button type=\"button\" class='toggleLeft' ref='$toggleLeftButton'></button>\n          <button type=\"button\" class='toggleRight' ref='$toggleRightButton'></button>\n        </div>\n        \n        <object refClass='StatusBar' />\n        <object refClass='Test' />\n        <object refClass='ColorPickerPopup' />\n        <object refClass='BoxShadowPropertyPopup' />\n        <object refClass='BackgroundImagePositionPopup' />\n        <object refClass='TextShadowPropertyPopup' />\n        <object refClass='AnimationPropertyPopup' />\n        <object refClass='TransitionPropertyPopup' />\n        <object refClass='KeyframePopup' />\n        <object refClass='ClipPathPopup' />\n        <object refClass='SVGPropertyPopup' />\n        <object refClass='SelectorPopup' />\n        <object refClass='ImageSelectPopup' />\n        <object refClass='GradientPickerPopup' />\n        <object refClass='FillPickerPopup' />\n        <object refClass='PatternInfoPopup' />\n        <object refClass='SVGFilterPopup' />\n        <object refClass='ExportWindow' />\n        <object refClass='ShortcutWindow' />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        \x3c!-- ImageFileView / --\x3e\n        <object refClass='NotificationView' />\n      </div>\n    ")}},{key:ni("$headerPanel"),value:function(){var e="".concat(this.state.leftSize,"px"),t="".concat(this.state.rightSize,"px");return this.state.hideLeftPanel&&(e="0px"),this.state.hideRightPanel&&(t="0px"),{style:{left:e,right:t}}}},{key:ni("$splitter"),value:function(){var e="".concat(this.state.leftSize,"px");return this.state.hideLeftPanel&&(e="0px"),{style:{left:e}}}},{key:ni("$leftPanel"),value:function(){var e="0px",t=nr.px(this.state.leftSize),n=nr.px(this.state.bottomSize);return this.state.hideLeftPanel&&(e="-".concat(this.state.leftSize,"px")),{style:{left:e,width:t,bottom:n}}}},{key:ni("$toggleLeftButton"),value:function(){var e="0px",t=kf.arrowRight;return!1===this.state.hideLeftPanel&&(e="".concat(this.state.leftSize,"px"),t=kf.arrowLeft),{style:{left:e},html:t}}},{key:ni("$toggleRightButton"),value:function(){var e="0px",t=kf.arrowLeft;return!1===this.state.hideRightPanel&&(e="".concat(this.state.rightSize,"px"),t=kf.arrowRight),{style:{right:e},html:t}}},{key:ni("$rightPanel"),value:function(){var e="0px",t=nr.px(this.state.bottomSize);return this.state.hideRightPanel&&(e="-".concat(this.state.rightSize,"px")),{style:{right:e,bottom:t}}}},{key:ni("$bodyPanel"),value:function(){var e="".concat(this.state.leftSize,"px"),t="".concat(this.state.rightSize,"px"),n="".concat(this.state.bottomSize,"px");return this.state.hideLeftPanel&&(e="0px"),this.state.hideRightPanel&&(t="0px"),{style:{left:e,right:t,bottom:n}}}},{key:ni("$footerPanel"),value:function(){return{style:{height:nr.px(this.state.bottomSize)}}}},{key:"components",value:function(){return{ToolMenu:qS,PageSubEditor:US,CanvasView:ZS,LogoView:JS,ExternalToolMenu:QS,StatusBar:oP,PreviewToolMenu:Ow,NotificationView:sP,HorizontalRuler:lP,VerticalRuler:hP}}},{key:Cr("$splitter")+Wr("moveSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=nr.parse(this.refs.$splitter.css("left")).value}},{key:"moveSplitter",value:function(e){this.setState({leftSize:Math.max(Math.min(this.leftSize+e,this.maxSize),this.minSize)})}},{key:Cr("$footerSplitter")+Wr("moveFooterSplitter"),value:function(){this.minFooterSize=this.$theme("bottom_size"),this.maxFooterSize=this.$theme("bottom_max_size"),this.bottomSize=nr.parse(this.refs.$footerPanel.css("height")).value}},{key:"moveFooterSplitter",value:function(e,t){var n=Math.max(Math.min(this.bottomSize-t,this.maxFooterSize),this.minFooterSize);this.setState({bottomSize:n,lastBottomSize:n}),this.trigger("changeTimelineHeight")}},{key:Vf("changeTimelineHeight")+Kr(100),value:function(){this.emit("refreshTimeline")}},{key:"refresh",value:function(){this.bindData("$splitter"),this.bindData("$headerPanel"),this.bindData("$leftPanel"),this.bindData("$rightPanel"),this.bindData("$toggleRightButton"),this.bindData("$toggleLeftButton"),this.bindData("$bodyPanel"),this.bindData("$footerPanel"),this.emit("resizeEditor")}},{key:pr("$toggleRightButton"),value:function(){var e=this;this.toggleState("hideRightPanel"),setTimeout((function(){e.emit("resizeCanvas")}),100)}},{key:pr("$toggleLeftButton"),value:function(){var e=this;this.toggleState("hideLeftPanel"),setTimeout((function(){e.emit("resizeCanvas")}),100)}},{key:Vf("changeTheme"),value:function(){rr.body().attr("data-theme",this.$editor.theme)}},{key:Vf("toggleFooter"),value:function(e){this.$el.toggleClass("show-footer",e),this.$el.hasClass("show-footer")?30===this.state.bottomSize&&(this.state.bottomSize=this.state.lastBottomSize||this.$theme("bottom_size")):this.state.bottomSize=30,this.refresh()}},{key:Lr("$el .layout-footer"),value:function(e){this.emit("toggleFooterEnd")}},{key:Vf("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:Vf("refreshAllSelectProject"),value:function(){this.emit("refreshArtboard")}},{key:mr("$middle")+Zr,value:function(e){}},{key:gr("$middle")+Zr,value:function(e){}},{key:"isNotFormElement",value:function(e){var t=e.target.tagName;return!pP.includes(t)&&"true"!==rr.create(e.target).attr("contenteditable")}},{key:fr("document")+Fr("isNotFormElement"),value:function(e){this.emit("keymap.keydown",e)}},{key:vr("document")+Fr("isNotFormElement"),value:function(e){this.emit("keymap.keyup",e)}}]),t}(Df);function fP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?fP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):fP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function yP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({DesignEditor:dP});var gP=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},Hc,{},Wo,{BackgroundImage:So,BorderImage:function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"addImageResource",value:function(e){return this.clear("image-resource"),this.addItem("image-resource",e)}},{key:"addGradient",value:function(e){return this.addImageResource(e)}},{key:"setImageUrl",value:function(e){e.images&&e.images.length&&this.reset({type:"image",image:this.createImage(e.images[0])})}},{key:"createImage",value:function(e){return new Ua({url:e})}},{key:"setGradient",value:function(e){this.reset({type:e.type,image:this.createGradient(e,this.json.image)})}},{key:"createGradient",value:function(e,t){var n=e.colorsteps,r=e.angle,i=e.radialType,a=e.radialPosition,o=t.toJSON();switch(delete o.itemType,delete o.type,e.type){case"static-gradient":return new Ya(vP({},o,{colorsteps:n}));case"linear-gradient":return new to(vP({},o,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new no(vP({},o,{colorsteps:n,angle:r}));case"radial-gradient":return new so(vP({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new co(vP({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new fo(vP({},o,{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new vo(vP({},o,{colorsteps:n,angle:r,radialPosition:a}))}return new Na}},{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{itemType:"border-image",checked:!1,repeat:"stretch",slice:{},width:{},image:Ya.create()})}},{key:"convert",value:function(e){return Object.keys(e.slice).forEach((function(t){e.slice[t]=nr.parse(e.slice[t])})),e}},{key:"toBorderImageOffsetCSS",value:function(){var e=this;return Object.keys(this.json.offset).map((function(t){return e.json.offset[t].toString()})).join(" ")}},{key:"toBorderImageCSS",value:function(){if(!this.json.image)return{};var e=this.json.image.toString();return{"border-image-source":"".concat(e)}}},{key:"toBorderImageRepeatCSS",value:function(){return this.json.repeat?{"border-image-repeat":"".concat(this.json.repeat)}:{}}},{key:"toBorderImageWidthCSS",value:function(){var e=this;if(!this.json.width)return{};if(0===Object.keys(this.json.width).filter((function(t){return e.json.width[t].value>0})).length)return{};var t=Object.keys(this.json.width).map((function(t){return e.json.width[t].toString()})).join(" ");return{"border-image-width":"".concat(t)}}},{key:"toBorderImageSliceCSS",value:function(){var e=this;if(!this.json.slice)return{};var t=Object.keys(this.json.slice).map((function(t){var n=e.json.slice[t];return n.isPercent()?n.toString():n.value})).join(" ");return{"border-image-slice":"".concat(t)}}},{key:"toCSS",value:function(){return vP({},this.toBorderImageCSS(),{},this.toBorderImageRepeatCSS(),{},this.toBorderImageSliceCSS(),{},this.toBorderImageWidthCSS())}},{key:"toString",value:function(){return Ze(this.toCSS(),(function(e,t){return"".concat(e,": ").concat(t)})).join(";")}},{key:"image",get:function(){return this.json.image},set:function(e){this.json.image=e}}],[{key:"parse",value:function(e){return new t(e)}},{key:"parseStyle",value:function(e){var n=null;if(e["border-image"]){var r=fn(e["border-image"]);r.str.match(/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi).forEach((function(i,a){var o=null;i=yn(i,r.matches);var s=e["border-image"].replace(i,"").split(" ").map((function(e){return nr.parse(e)}));i.includes("repeating-linear-gradient")?o=no.parse(i):i.includes("linear-gradient")?o=to.parse(i):i.includes("repeating-radial-gradient")?o=co.parse(i):i.includes("radial")?o=so.parse(i):i.includes("repeating-conic-gradient")?o=vo.parse(i):i.includes("conic")?o=fo.parse(i):i.includes("url")&&(o=Ua.parse(i)),n=new t({type:o.type,image:o});var c=s.filter((function(e){return ct(e.value)}));1===c.length?n.reset({slice:{top:c[0].clone(),bottom:c[0].clone(),left:c[0].clone(),right:c[0].clone()}}):2===c.length?n.reset({slice:{top:c[0].clone(),bottom:c[0].clone(),left:c[1].clone(),right:c[1].clone()}}):3===c.length?n.reset({slice:{top:c[0].clone(),bottom:c[2].clone(),left:c[1].clone(),right:c[1].clone()}}):4===c.length&&n.reset({slice:{top:c[0].clone(),bottom:c[2].clone(),left:c[3].clone(),right:c[1].clone()}})}))}return n}}]),t}(Yi),BoxShadow:ba}),mP={ColorStep:Fa,ConicGradient:fo,LinearGradient:to,RadialGradient:so,RepeatingConicGradient:vo,RepeatingLinearGradient:no,RepeatingRadialGradient:co,URLImageResource:Ua},bP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"is",value:function(){for(var e,n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return!!r.includes("component")||(e=si()(Xn()(t.prototype),"is",this)).call.apply(e,[this].concat(r))}},{key:"getProps",value:function(){return[]}}]),t}(wS);function kP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?kP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):kP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("component",bP);var wP=["front","back","left","right","top","bottom"],SP={"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"},PP={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},jP={filter:!0,"mix-blend-mode":!0,"background-image":!0,"border-radius":!0,border:!0},OP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,xP({itemType:"cube",name:"New Cube","transform-style":"preserve-3d","backface-visibility":"visible",rate:nr.number(1),transform:"rotateX(10deg) rotateY(30deg)",border:"border:1px solid black"},e))}},{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(j()(wP.map((function(e){return{key:"".concat(e,".color"),editor:"ColorViewEditor",editorOptions:{label:e,params:"".concat(e,".color")},defaultValue:"rgba(0, 0, 0, 1)"}}))),["Background Image"],j()(wP.map((function(e){return{key:"".concat(e,".background"),editor:"BackgroundImageEditor",editorOptions:{title:e},defaultValue:""}}))))}},{key:"setCustomKeyframes",value:function(e,t){t.property.includes(".color")&&e.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(SP[t.property]),properties:[xP({},t,{property:"background-color"})]}),t.property.includes(".background")&&e.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(SP[t.property]),properties:[xP({},t,{property:"background-image"})]})}},{key:"toAnimationKeyframes",value:function(e){var t=this,n=[],r=[],i=[];e.forEach((function(e){e.property.includes(".color")||e.property.includes(".background")?n.push(e):PP[e.property]?r.push(e):jP[e.property]&&i.push(e)}));var a=[];return r.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"]'),properties:r}),i.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"] div'),properties:i}),n.length&&n.forEach((function(e){t.setCustomKeyframes(a,e)})),a}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).rate=nr.parse(e.rate),e}},{key:"toCloneObject",value:function(){var e=this,n={};return wP.forEach((function(t){n["".concat(t,".color")]=e.json["".concat(t,".color")],n["".concat(t,".background")]=e.json["".concat(t,".background")]})),xP({},si()(Xn()(t.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 kf.cube}},{key:"toDefaultCSS",value:function(){var e={};return this.json.x&&(e.left=this.json.x),this.json.y&&(e.top=this.json.y),e.visibility=this.json.visible?"visible":"hidden",xP({},e,{},this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return xP({},this.toVariableCSS(),{},this.toDefaultCSS(),{},this.toWebkitCSS(),{},this.toBoxModelCSS(),{},this.toAnimationCSS(),{},this.toTransitionCSS(),{},this.toLayoutItemCSS())}},{key:"toNestedCSS",value:function(){var e=this.json,t=e.rate.value,n=e.width,r=e.height,i=n.value/2,a=r.value/2,o=e["backface-visibility"],s=xP({},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(bt(s),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";     \n          backface-visibility: ").concat(o,";          \n          ").concat(e["front.color"]?"background-color: ".concat(e["front.color"],";"):"","\n          ").concat(e["front.background"]?"".concat(e["front.background"],";"):"","\n\n        ").trim()},{selector:".back",cssText:"\n          transform: rotateY(180deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";        \n          backface-visibility: ").concat(o,";              \n          ").concat(e["back.color"]?"background-color: ".concat(e["back.color"],";"):"","                  \n          ").concat(e["back.background"]?"".concat(e["back.background"],";"):"","\n        ").trim()},{selector:".left",cssText:"\n          transform: rotateY(-90deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";    \n          backface-visibility: ").concat(o,";          \n          ").concat(e["left.color"]?"background-color: ".concat(e["left.color"],";"):"","                          \n          ").concat(e["left.background"]?"".concat(e["left.background"],";"):"","\n        ").trim()},{selector:".right",cssText:"\n          transform: rotateY(90deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";      \n          backface-visibility: ").concat(o,";          \n          ").concat(e["right.color"]?"background-color: ".concat(e["right.color"],";"):"","                        \n          ").concat(e["right.background"]?"".concat(e["right.background"],";"):"","          \n        ").trim()},{selector:".top",cssText:"\n          transform: rotateX(90deg) translateZ(".concat(a*t,"px);\n          top: ").concat(a-i,"px;\n          width: ").concat(n,";\n          height: ").concat(n,";\n          backface-visibility: ").concat(o,";          \n          ").concat(e["top.color"]?"background-color: ".concat(e["top.color"],";"):"","      \n          ").concat(e["top.background"]?"".concat(e["top.background"],";"):"","              \n        ").trim()},{selector:".bottom",cssText:"\n          transform: rotateX(-90deg) translateZ(".concat(a*t,"px);\n          top: ").concat(a-i,"px;          \n          width: ").concat(n,";\n          height: ").concat(n,";    \n          backface-visibility: ").concat(o,";          \n          ").concat(e["bottom.color"]?"background-color: ".concat(e["bottom.color"],";"):"","\n          ").concat(e["bottom.background"]?"".concat(e["bottom.background"],";"):"","                          \n        ").trim()}]}},{key:"toSVG",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,i=r.width,a=r.height,o=this.toCSS(),s=this.toNestedCSS(),c={},l=s.find((function(e){return"div"===e.selector}))||{cssText:""};return l=l.cssText.replace(/\n/g,""),wP.forEach((function(e){c[e]=s.find((function(t){return t.selector==="."+e}))||{cssText:""},c[e]=c[e].cssText.replace(/\n/g,"")})),n?(delete o.left,delete o.top,"absolute"===o.position&&delete o.position,this.wrapperRootSVG(e,t,i,a,"\n        <foreignObject ".concat(xt({width:i.value,height:a.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(bt(o),'">\n            ').concat(wP.map((function(e){return'<div style="'.concat(l,";").concat(c[e],'"></div>')})).join(""),"          \n          </div>   \n          </div>\n        </foreignObject>          \n\n      "))):"\n        ".concat(this.toDefString,"\n        <foreignObject ").concat(xt({width:i.value,height:a.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(bt(o),'">\n              ').concat(wP.map((function(e){return'<div style="'.concat(l,";").concat(c[e],'"></div>')})).join(""),"          \n            </div>   \n          </div>\n        </foreignObject>          \n      ")}},{key:"html",get:function(){var e=this.json,t=e.id,n=e.itemType;return("\n      <div class='element-item ".concat(n,"' data-id=\"").concat(t,'">\n        ').concat(this.toDefString,"\n        ").concat(wP.map((function(e){return"<div class='".concat(e,"'></div>")})).join(""),"\n      </div>"))}},{key:"svg",get:function(){var e=this.json.x.value,t=this.json.y.value;return this.toSVG(e,t)}}],[{key:"getIcon",value:function(){return kf.cube}}]),t}(bP);function $P(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function CP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$P(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("cube",OP);var EP={count:!0,rate:!0,face:!0},TP={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,"background-color":!0,"border-radius":!0,border:!0},DP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,CP({itemType:"cylinder",name:"New Cylinder","transform-style":"preserve-3d","backface-visibility":"visible",transform:"rotateX(10deg) rotateY(30deg)",count:nr.number(40),rate:nr.number(1),border:"border-top: 1px solid black;border-bottom: 1px solid black;"},e))}},{key:"getProps",value:function(){var e=this.json.count.value;return["Side",{key:"count",editor:"NumberRangeEditor",editorOptions:{label:"Count",min:3,max:100,step:1},refresh:!0,defaultValue:e},{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(j()(ft(e).map((function(e,t){return{key:"face.".concat(t,".color"),editor:"ColorViewEditor",editorOptions:{label:"face ".concat(t),params:"face.".concat(t,".color")},defaultValue:"rgba(0, 0, 0, 1)"}}))),["Background"],j()(ft(e).map((function(e,t){return{key:"face.".concat(t,".background"),editor:"BackgroundImageEditor",editorOptions:{title:"face ".concat(t)},defaultValue:""}}))))}},{key:"setCustomKeyframes",value:function(e,t){var n=this;if("rate"===t.property){var r=this.json.width,i=this.json.count.value,a=r.value/2,o=360/i,s=ft(i).map((function(e,r){var i=r*o;return{selector:'[data-id="'.concat(n.json.id,'"] .face[data-index="').concat(r,'"]'),properties:[{keyframes:t.keyframes.map((function(e){var t=e.time,n=e.value,r=e.timing;return{time:t,value:"rotateY(".concat(i,"deg) translateZ(").concat(a*n,"px)"),timing:r}})),property:"transform"}]}}));e.push.apply(e,s)}if(t.property.includes(".color")){var c=t.property.split("."),l=k()(c,3),u=(l[0],l[1]);l[2];e.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(u,'"]'),properties:[CP({},t,{property:"background-color"})]})}if(t.property.includes(".background")){var h=t.property.split("."),p=k()(h,3);p[0],u=p[1],p[2];e.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(u,'"]'),properties:[CP({},t,{property:"background-image"})]})}}},{key:"toAnimationKeyframes",value:function(e){var t=this,n=[],r=[],i=[];e.forEach((function(e){e.property.includes("face")||EP[e.property]?n.push(e):TP[e.property]?r.push(e):VP[e.property]&&i.push(e)}));var a=[];return r.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"]'),properties:r}),i.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"] div'),properties:i}),n.length&&n.forEach((function(e){t.setCustomKeyframes(a,e)})),a}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).count=nr.parse(e.count),e.rate=nr.parse(e.rate),e}},{key:"toCloneObject",value:function(){var e=this,n={};return ft(this.json.count.value).forEach((function(t,r){n["face.".concat(r,".color")]=e.json["face.".concat(r,".color")],n["face.".concat(r,".background")]=e.json["face.".concat(r,".background")]})),CP({},si()(Xn()(t.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 kf.cylinder}},{key:"toDefaultCSS",value:function(){var e={};return this.json.x&&(e.left=this.json.x),this.json.y&&(e.top=this.json.y),CP({},e,{},this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return CP({},this.toVariableCSS(),{},this.toDefaultCSS(),{},this.toWebkitCSS(),{},this.toBoxModelCSS(),{},this.toAnimationCSS(),{},this.toTransitionCSS())}},{key:"toNestedCSS",value:function(){var e=this.json,t=e.count.value,n=e.width,r=e["backface-visibility"],i=e.rate.value,a=this.cylinderInfo,o=a.angle,s=a.r,c=a.faceWidth,l=CP({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","opacity","background-color"),{},this.toBackgroundImageCSS(),{},this.toBorderCSS(),{},this.toClipPathCSS()),u=ft(t).map((function(t,n){var r=n*o,a="face.".concat(n,".color"),c="face.".concat(n,".background");return{selector:'.face[data-index="'.concat(n,'"]'),cssText:"\n          transform:rotateY(".concat(r,"deg) translateZ(").concat(s*i,"px);\n          ").concat(e[a]?"background-color: ".concat(e[a],";"):"","\n          ").concat(e[c]?"".concat(e[c],";"):"","\n        ").trim()}}));return[{selector:".face",cssText:"\n          position: absolute;\n          left: ".concat(n.value/2-c/2,"px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          width: ").concat(c,"px;\n          backface-visibility: ").concat(r,";\n          opacity: 1;\n          pointer-events: none;\n          ").concat(bt(l),"\n        ").trim()}].concat(j()(u))}},{key:"updateFunction",value:function(e){if(si()(Xn()(t.prototype),"updateFunction",this).call(this,e),+e.attr("data-count")!==this.json.count.value){e.$$(".face").forEach((function(e){return e.remove()}));var n=ft(this.json.count.value).map((function(e,t){return"<div class='face' data-index=\"".concat(t,'"></div>')})).join("");e.appendHTML(n),e.attr("data-count",this.json.count)}}},{key:"cylinderInfo",get:function(){var e=this.json.width.value,t={x:o=e/2,y:e/2},n=[],r=this.json.count.value;r<3&&(r=3);for(var i=360/r,a=0;a<360;a+=i)n.push(B(a,o,t.x,t.y));var o,s=G(n[0].x,n[0].y,n[1].x,n[1].y),c={x:(n[0].x+n[1].x)/2,y:(n[0].y+n[1].y)/2};return{polygon:n,faceWidth:s,angle:i,r:o=G(c.x,c.y,t.x,t.y)}}},{key:"html",get:function(){var e=this.json,t=e.id,n=e.itemType,r=this.json.count.value;return"\n      <div class='element-item ".concat(n,"' data-id=\"").concat(t,'" data-count="').concat(r,'">\n        ').concat(this.toDefString,"\n        ").concat(ft(r).map((function(e,t){return"<div class='face' data-index=\"".concat(t,'"></div>')})).join(""),"\n      </div>")}},{key:"svg",get:function(){var e=this.json,t=e.width,n=e.height,r=e.x,i=e.y;r=r.value,i=i.value;var a=this.toCSS(),o=this.toNestedCSS(),s=this.json.count.value,c=o.find((function(e){return".face"===e.selector}))||{cssText:""};c=c.cssText.replace(/\n/g,"");var l=ft(s).map((function(e,t){return o[t+1].cssText.replace(/\n/g,"")}));return delete a.left,delete a.top,"absolute"===a.position&&delete a.position,'\n    <g transform="translate('.concat(r,", ").concat(i,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(xt({width:t.value,height:n.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <div style="').concat(bt(a),'">\n            ').concat(ft(s).map((function(e,t){return"<div class='face' data-index=\"".concat(t,"\" style='").concat(c,";").concat(l[t],";'></div>")})).join(""),"\n          </div>\n        </div>\n      </foreignObject>    \n    </g>\n")}}],[{key:"getIcon",value:function(){return kf.cylinder}}]),t}(bP);function IP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function MP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?IP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):IP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("cylinder",DP);var LP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return kf.image}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,MP({itemType:"image",name:"New Image",elementType:"image",src:""},e))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"getIcon",value:function(){return kf.image}},{key:"toCloneObject",value:function(){return MP({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}]),t}(wS);function RP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function AP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?RP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):RP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("image",LP);var zP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return kf.title}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,AP({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":nr.number(100),textLength:nr.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},e))}},{key:"enableHasChildren",value:function(){return!1}},{key:"setCache",value:function(){this.rect=this.clone(!1)}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).textLength=nr.parse(e.textLength),e}},{key:"toCloneObject",value:function(){this.json;return AP({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"))}},{key:"getDefaultTitle",value:function(){return"Text"}},{key:"toAnimationKeyframes",value:function(e){var t=e.filter((function(e){return nv(e.property)})),n=e.filter((function(e){return iv(e.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] text'),properties:t}]}}]),t}(jS);function FP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function BP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?FP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):FP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("svgtext",zP);var GP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return kf.text_rotate}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,BP({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:nr.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:nr.em(0)},e))}},{key:"enableHasChildren",value:function(){return!1}},{key:"setCache",value:function(){this.cachePath=new ea(this.json.d),this.cachePath.scale(1/this.json.width.value,1/this.json.height.value)}},{key:"recover",value:function(){this.cachePath||this.setCache();var e=this.json.width.value,t=this.json.height.value;this.json.d=this.cachePath.clone().scaleTo(e,t)}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).textLength=nr.parse(e.textLength),e.startOffset=nr.parse(e.startOffset),e}},{key:"toCloneObject",value:function(){return BP({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"))}},{key:"getDefaultTitle",value:function(){return"TextPath"}},{key:"toAnimationKeyframes",value:function(e){var t=e.filter((function(e){return nv(e.property)})),n=e.filter((function(e){return rv(e.property)})),r=e.filter((function(e){return iv(e.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:r},{selector:'[data-id="'.concat(this.json.id,'"] textPath'),properties:t},{selector:'[data-id="'.concat(this.json.id,'"] path'),properties:n}]}}]),t}(jS);function HP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function NP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?HP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):HP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("svg-textpath",GP);var XP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return kf.title}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,NP({itemType:"text",name:"New Text",elementType:"p",content:""},e))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Text"}},{key:"toCloneObject",value:function(){return NP({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("content"))}}]),t}(wS);function YP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?YP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):YP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("text",XP);var KP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return kf.rect}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,_P({itemType:"rect",name:"New Rect"},e))}},{key:"getDefaultTitle",value:function(){return"Rect"}}]),t}(wS);function WP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function UP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?WP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):WP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("rect",KP);var ZP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return kf.lens}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,UP({itemType:"circle",name:"New Circle","border-radius":"100%"},e))}},{key:"getDefaultTitle",value:function(){return"Circle"}}]),t}(wS);function qP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function JP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?qP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):qP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("circle",ZP);var QP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,JP({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"},e))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Video"}},{key:"getIcon",value:function(){return kf.video}},{key:"toCloneObject",value:function(){return JP({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}],[{key:"getIcon",value:function(){return kf.video}}]),t}(wS);function ej(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function tj(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ej(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ej(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("video",QP);var nj=tj({createDesignEditor:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return Lf(tj({className:"designeditor",container:document.getElementById("app"),template:'\n        <div>\n          <object refClass="DesignEditor" />\n        </div>\n      '},e))},DesignEditor:dP},gP,{},mP,{},{Project:Xs,ArtBoard:tS,RectLayer:KP,CircleLayer:ZP,ImageLayer:LP,TextLayer:XP,VideoLayer:QP,SVGPathItem:CS,SVGTextItem:zP,SVGTextPathItem:GP,Component:bP,CubeLayer:OP,CylinderLayer:DP},{},{AssetParser:Sc,PathGenerator:bS,PathParser:ea,PathStringManager:ps,Point:qi,SegmentManager:hS,PolygonParser:fs},{Length:nr});function rj(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ij(){return new nj.createDesignEditor({version:"0.10.6"})}t.default=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?rj(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rj(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({version:"@@VERSION@@"},Rf,{},nj,{startEditor:ij});window.EasylogicEditor=ij(),"serviceWorker"in navigator&&window.addEventListener("load",(function(){navigator.serviceWorker.register("/service-worker.js").then((function(e){console.log("SW registered: ",e)})).catch((function(e){console.log("SW registration failed: ",e)}))}))}})}));
\ No newline at end of file
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.EasylogicStudio=t():e.EasylogicStudio=t()}(window,(function(){return function(e){function t(t){for(var r,o,s=t[0],c=t[1],l=t[2],h=0,p=[];h<s.length;h++)o=s[h],Object.prototype.hasOwnProperty.call(i,o)&&i[o]&&p.push(i[o][0]),i[o]=0;for(r in c)Object.prototype.hasOwnProperty.call(c,r)&&(e[r]=c[r]);for(u&&u(t);p.length;)p.shift()();return a.push.apply(a,l||[]),n()}function n(){for(var e,t=0;t<a.length;t++){for(var n=a[t],r=!0,s=1;s<n.length;s++){var c=n[s];0!==i[c]&&(r=!1)}r&&(a.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},i={0:0},a=[];function o(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="";var s=window.webpackJsonpEasylogicStudio=window.webpackJsonpEasylogicStudio||[],c=s.push.bind(s);s.push=t,s=s.slice();for(var l=0;l<s.length;l++)t(s[l]);var u=c;return a.push([30,1]),n()}({22:function(e,t,n){},30:function(e,t,n){"use strict";n.r(t);var r={};n.r(r),n.d(r,"randomNumber",(function(){return C})),n.d(r,"randomByCount",(function(){return E})),n.d(r,"random",(function(){return T})),n.d(r,"randomRGBA",(function(){return V}));var i={};n.r(i),n.d(i,"round",(function(){return M})),n.d(i,"degreeToRadian",(function(){return L})),n.d(i,"div",(function(){return R})),n.d(i,"radianToDegree",(function(){return A})),n.d(i,"getXInCircle",(function(){return z})),n.d(i,"getYInCircle",(function(){return F})),n.d(i,"getXYInCircle",(function(){return B})),n.d(i,"getDist",(function(){return G})),n.d(i,"getPointBetweenVerties",(function(){return H})),n.d(i,"vertiesMap",(function(){return N})),n.d(i,"getVertiesMaxX",(function(){return X})),n.d(i,"getVertiesMaxY",(function(){return Y})),n.d(i,"getVertiesMinX",(function(){return _})),n.d(i,"getVertiesCenterX",(function(){return K})),n.d(i,"getVertiesMinY",(function(){return W})),n.d(i,"getVertiesCenterY",(function(){return U})),n.d(i,"calculateAngle",(function(){return Z})),n.d(i,"calculateAngleForVec3",(function(){return q})),n.d(i,"calculateRotationOriginMat4",(function(){return J})),n.d(i,"calculateMatrix",(function(){return Q})),n.d(i,"calculateMatrixInverse",(function(){return ee})),n.d(i,"calculateAnglePointDistance",(function(){return te})),n.d(i,"calculateAngle360",(function(){return ne})),n.d(i,"uuid",(function(){return ie})),n.d(i,"uuidShort",(function(){return ae})),n.d(i,"cubicBezier",(function(){return le})),n.d(i,"getGradientLine",(function(){return ue})),n.d(i,"CCW",(function(){return he})),n.d(i,"incircle",(function(){return pe})),n.d(i,"initPolygon",(function(){return de})),n.d(i,"Deluanay",(function(){return ve})),n.d(i,"generate_sample_points",(function(){return ye})),n.d(i,"getCenterInTriangle",(function(){return ge})),n.d(i,"normalize",(function(){return be}));var a={};n.r(a),n.d(a,"collectProps",(function(){return _e})),n.d(a,"debounce",(function(){return Ke})),n.d(a,"throttle",(function(){return We})),n.d(a,"keyEach",(function(){return Ue})),n.d(a,"keyMap",(function(){return Ze})),n.d(a,"keyMapJoin",(function(){return qe})),n.d(a,"get",(function(){return Je})),n.d(a,"defaultValue",(function(){return Qe})),n.d(a,"isUndefined",(function(){return et})),n.d(a,"isNotUndefined",(function(){return tt})),n.d(a,"isArray",(function(){return nt})),n.d(a,"isBoolean",(function(){return rt})),n.d(a,"isString",(function(){return it})),n.d(a,"isNotString",(function(){return at})),n.d(a,"isObject",(function(){return ot})),n.d(a,"isFunction",(function(){return st})),n.d(a,"isNumber",(function(){return ct})),n.d(a,"isZero",(function(){return lt})),n.d(a,"isNotZero",(function(){return ut})),n.d(a,"clone",(function(){return ht})),n.d(a,"cleanObject",(function(){return pt})),n.d(a,"combineKeyArray",(function(){return dt})),n.d(a,"repeat",(function(){return ft})),n.d(a,"randomItem",(function(){return vt})),n.d(a,"html",(function(){return mt})),n.d(a,"CSS_TO_STRING",(function(){return bt})),n.d(a,"STRING_TO_CSS",(function(){return kt})),n.d(a,"OBJECT_TO_PROPERTY",(function(){return xt})),n.d(a,"OBJECT_TO_CLASS",(function(){return wt})),n.d(a,"TAG_TO_STRING",(function(){return St})),n.d(a,"mapjoin",(function(){return Pt})),n.d(a,"isArrayEquals",(function(){return jt})),n.d(a,"splitMethodByKeyword",(function(){return Ot})),n.d(a,"curveToPath",(function(){return $t})),n.d(a,"curveToPointLine",(function(){return Ct}));var o={};n.r(o),n.d(o,"format",(function(){return Et})),n.d(o,"hex",(function(){return Tt})),n.d(o,"rgb",(function(){return Vt})),n.d(o,"hsl",(function(){return Dt}));var s={};n.r(s),n.d(s,"ReverseXyz",(function(){return It})),n.d(s,"ReverseRGB",(function(){return Mt})),n.d(s,"XYZtoRGB",(function(){return Lt})),n.d(s,"LABtoXYZ",(function(){return Rt})),n.d(s,"PivotXyz",(function(){return At})),n.d(s,"XYZtoLAB",(function(){return zt})),n.d(s,"LABtoRGB",(function(){return Ft}));var c={};n.r(c),n.d(c,"RGBtoHSV",(function(){return Bt})),n.d(c,"RGBtoCMYK",(function(){return Gt})),n.d(c,"RGBtoHSL",(function(){return Ht})),n.d(c,"c",(function(){return Nt})),n.d(c,"gray",(function(){return Xt})),n.d(c,"RGBtoSimpleGray",(function(){return Yt})),n.d(c,"RGBtoGray",(function(){return _t})),n.d(c,"brightness",(function(){return Kt})),n.d(c,"RGBtoYCrCb",(function(){return Wt})),n.d(c,"PivotRGB",(function(){return Ut})),n.d(c,"RGBtoXYZ",(function(){return Zt})),n.d(c,"RGBtoLAB",(function(){return qt}));var l={};n.r(l),n.d(l,"CMYKtoRGB",(function(){return Jt}));var u={};n.r(u),n.d(u,"HSVtoRGB",(function(){return Qt})),n.d(u,"HSVtoHSL",(function(){return en}));var h={};n.r(h),n.d(h,"HUEtoRGB",(function(){return tn})),n.d(h,"HSLtoHSV",(function(){return nn})),n.d(h,"HSLtoRGB",(function(){return rn}));var p={};n.r(p),n.d(p,"YCrCbtoRGB",(function(){return an}));var d={};n.r(d),n.d(d,"getColorIndexString",(function(){return hn})),n.d(d,"isColor",(function(){return pn})),n.d(d,"matches",(function(){return dn})),n.d(d,"convertMatches",(function(){return fn})),n.d(d,"convertMatchesArray",(function(){return vn})),n.d(d,"reverseMatches",(function(){return yn})),n.d(d,"trim",(function(){return mn})),n.d(d,"parse",(function(){return bn})),n.d(d,"parseGradient",(function(){return kn}));var f={};n.r(f),n.d(f,"interpolateRGB",(function(){return xn})),n.d(f,"interpolateRGBObject",(function(){return wn})),n.d(f,"scale",(function(){return Sn})),n.d(f,"blend",(function(){return Pn})),n.d(f,"mix",(function(){return jn})),n.d(f,"contrast",(function(){return On})),n.d(f,"contrastColor",(function(){return $n})),n.d(f,"gradient",(function(){return Cn})),n.d(f,"scaleHSV",(function(){return En})),n.d(f,"scaleH",(function(){return Tn})),n.d(f,"scaleS",(function(){return Vn})),n.d(f,"scaleV",(function(){return Dn}));var v={};n.r(v),n.d(v,"start",(function(){return Rf}));var g=n(5),m=n.n(g),b=(n(22),n(8)),k=n.n(b),w=n(11),S=n.n(w),P=n(9),j=n.n(P),O=n(13),$=n.n(O);function C(e,t){return Math.floor(Math.random()*(t-e+1))+e}function E(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=[],n=0;n<e;n++)t[t.length]=T();return t}function T(){return Vt({r:C(0,255),g:C(0,255),b:C(0,255)})}function V(){return Vt({r:C(0,255),g:C(0,255),b:C(0,255),a:C(0,1e3)/1e3})}var D=n(7),I={create:function(e,t,n){return{x:e||0,y:t||0,z:n||0}},add:function(e,t){return{x:e.x+t.x,y:e.y+t.y,z:e.z+t.z}},sub:function(e,t){return{x:e.x-t.x,y:e.y-t.y,z:e.z-t.z}},mul:function(e,t){return{x:e.x*t.x,y:e.y*t.y,z:e.z*t.z}},div:function(e,t){return{x:e.x/t.x,y:e.y/t.y,z:e.z/t.z}},muls:function(e,t){return{x:e.x*t,y:e.y*t,z:e.z*t}},divs:function(e,t){return{x:e.x/t,y:e.y/t,z:e.z/t}},len:function(e){return Math.sqrt(e.x*e.x+e.y*e.y+e.z*e.z)},dot:function(e,t){return e.x*t.x+e.y*t.y+e.z*t.z},cross2d:function(e,t){return e.x*t.y-e.y*t.x},cross:function(e,t){return{x:e.y*t.z-e.z*t.y,y:e.z*t.x-e.x*t.z,z:e.x*t.y-e.y*t.x}},normalize:function(e){return I.divs(e,I.len(e))},ang:function(e,t){return Math.acos(I.dot(e,t)/(I.len(e)*I.len(t)))},copy:function(e){return{x:e.x,y:e.y,z:e.z}},equal:function(e,t){return e.x===t.x&&e.y===t.y&&e.z===t.z},rotate:function(e,t){var n=e.x,r=e.y,i=e.z,a=t.x/2,o=t.y/2,s=t.z/2,c=Math.cos(a),l=Math.cos(o),u=Math.cos(s),h=Math.sin(a),p=Math.sin(o),d=Math.sin(s),f=c*l*u+-h*p*d,v=h*l*u- -c*p*d,y=c*p*u+h*l*-d,g=c*l*d- -h*p*u;return{x:n*(1-2*(y*y+g*g))+r*(2*(v*y-g*f))+i*(2*(v*g+y*f)),y:n*(2*(v*y+g*f))+r*(1-2*(v*v+g*g))+i*(2*(y*g-v*f)),z:n*(2*(v*g-y*f))+r*(2*(g*y+v*f))+i*(1-2*(v*v+y*y))}}};function M(e,t){return t=et(t)?1:t,Math.round(e*t)/t}function L(e){return e*(Math.PI/180)}function R(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return 0===e?0:e/t}function A(e){var t=e*(180/Math.PI);return t<0&&(t=360+t),t}function z(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+t*Math.cos(L(e))}function F(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return n+t*Math.sin(L(e))}function B(e,t){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:z(e,t,n),y:F(e,t,r)}}function G(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;return D.c.distance([e,t],[n,r])}function H(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;return D.d.lerp([],e,t,1+n/D.d.dist(e,t))}function N(e,t){return e.map((function(e){return D.d.transformMat4([],e,t)}))}function X(e){var t=Number.MIN_SAFE_INTEGER;return e.forEach((function(e){t=Math.max(e[0],t)})),t}function Y(e){var t=Number.MIN_SAFE_INTEGER;return e.forEach((function(e){t=Math.max(e[1],t)})),t}function _(e){var t=Number.MAX_SAFE_INTEGER;return e.forEach((function(e){t=Math.min(e[0],t)})),t}function K(e){var t=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER;return e.forEach((function(e){t=Math.min(e[0],t),n=Math.max(e[0],n)})),Math.round((t+n)/2)}function W(e){var t=Number.MAX_SAFE_INTEGER;return e.forEach((function(e){t=Math.min(e[1],t)})),t}function U(e){var t=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER;return e.forEach((function(e){t=Math.min(e[1],t),n=Math.max(e[1],n)})),Math.round((t+n)/2)}function Z(e,t){return A(Math.atan2(t,e))}function q(e,t,n){return te({x:e[0],y:e[1]},{x:t[0],y:t[1]},{dx:n[0],dy:n[1]})}function J(e,t){var n=D.a.create();return D.a.translate(n,n,t),D.a.rotateZ(n,n,L(e)),D.a.translate(n,n,D.d.negate([],t)),n}function Q(){for(var e=D.a.create(),t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return n.forEach((function(t){D.a.multiply(e,e,t)})),e}function ee(){return D.a.invert([],Q.apply(void 0,arguments))}function te(e,t,n){var r=Z(e.x-t.x,e.y-t.y);return Z(e.x+n.dx-t.x,e.y+n.dy-t.y)-r}function ne(e,t){return(Z(e,t)+180)%360}var re=/[xy]/g;function ie(){var e=(new Date).getTime();return"xxx12-xx-34xx".replace(re,(function(t){var n=(e+16*Math.random())%16|0;return e=Math.floor(e/16),("x"==t?n:3&n|8).toString(16)}))}function ae(){var e=(new Date).getTime();return"idxxxxxxx".replace(re,(function(t){var n=(e+16*Math.random())%16|0;return e=Math.floor(e/16),("x"==t?n:3&n|8).toString(16)}))}var oe=function(e){return 3*e*e*(1-e)},se=function(e){return 3*e*(1-e)*(1-e)},ce=function(e){return(1-e)*(1-e)*(1-e)};function le(e,t,n,r){var i=t,a=r;return function(e){return 1-(i*oe(e)+a*se(e)+ce(e))}}function ue(e,t){var n=Math.abs(t.width*Math.sin(e))+Math.abs(t.height*Math.cos(e)),r={x:t.x+t.width/2,y:t.y+t.height/2},i=Math.sin(e-Math.PI/2)*n/2,a=Math.cos(e-Math.PI/2)*n/2;return{length:n,center:r,start:{x:r.x-a,y:r.y-i},end:{x:r.x+a,y:r.y+i}}}function he(e,t,n){return et(n)?I.cross2d(e,t):I.cross2d(I.sub(t,e),I.sub(n,e))}function pe(e,t,n,r){var i=he(e,t,n),a=e.x-r.x,o=e.y-r.y,s=t.x-r.x,c=t.y-r.y,l=n.x-r.x,u=n.y-r.y,h=(a*a+o*o)*(s*u-l*c)+(s*s+c*c)*(l*o-a*u)+(l*l+u*u)*(a*c-s*o);return i>0?h>=0:h<=0}function de(e,t,n){for(var r=I.create(Math.min(t,n),Math.max(t,n)),i=-1,a=0,o=e.length;a<o;a++)if(I.equal(e[a],r)){i=a;break}i>-1?e.splice(i,1):e.push(r)}function fe(e,t,n){var r=e[t];e[t]=e[n],e[n]=r}function ve(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=e.length;e[t]=I.create(-2e9,-2e9),e[t+1]=I.create(2e9,-2e9),e[t+2]=I.create(0,2e9);for(var n=[I.create(t,t+1,t+2)],r=0;r<t;r++){for(var i=[],a=new Array(n.length),o=0;o<n.length;o++){if(!a[o])if(h=n[o]){var s=e[h.x],c=e[h.y],l=e[h.z],u=e[r];pe(s,c,l,u)?(de(i,h.x,h.y),de(i,h.y,h.z),de(i,h.z,h.x),fe(a,o,n.length-1),fe(n,o,n.length-1),n.pop(),o--):a[o]=!0}}i.forEach((function(t){0===he(e[t.x],e[t.y],e[r])||n.push(I.create(t.x,t.y,r))}))}for(r=0;r<n.length;r++){var h;((h=n[r]).x>=t||h.y>=t||h.z>=t)&&(fe(n,r,n.length-1),n.pop(),r--)}return n.map((function(t){return{a:e[t.x],b:e[t.y],c:e[t.z]}}))}function ye(e,t){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:50,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:50,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:function(){return Math.random()},s=[],c=-n,l=e+n,u=-r,h=t+r,p=c;p<l;p+=i)for(var d=u;d<h;d+=i){var f=Math.floor(p+i/2*(o()*a*2-a)),v=Math.floor(d+i/2*(o()*a*2-a));s[s.length]={x:f,y:v}}return s}function ge(e,t,n){return{x:(e.x+t.x+n.x)/3,y:(e.y+t.y+n.y)/3}}var me=/[\b\t \,\n]/g;function be(e){return e.trim().split(me).filter((function(e){return e})).map((function(e){return+e}))}var ke,xe={linear:!0,ease:!0,"ease-in":!0,"ease-out":!0,"ease-in-out":!0},we={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)"},Se=[[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"]],Pe=function(e){return j()(Oe(we[e]||e))},je=function(e){e=e.map((function(e){return Math.floor(100*e)/100}));for(var t=0,n=Se.length;t<n;t++){var r=Se[t];if(r[0]==e[0]&&r[1]==e[1]&&r[2]==e[2]&&r[3]==e[3]&&r[5])return r[4]}return"cubic-bezier( ".concat(e.filter((function(e,t){return t<4})).join(",")," )")},Oe=function(e){if("string"==typeof e){if(xe[e])return Se.filter((function(t){return t[4]===e}))[0];var t=e.replace("cubic-bezier","").replace("(","").replace(")","").split(",");return t=t.map((function(e){return parseFloat(e.trim())}))}return e},$e=function(e,t,n,r){var i=[e,t,n,r];return function(e){return Fe(i,e)}},Ce=function(e,t,n){var r=[e,t,n];return function(e){return Be(r,e)}},Ee=function(e,t){var n=[e,t];return function(e){return Ge(n,e)}},Te=function(e,t,n,r,i){var a=t(n),o=G(r,i,a.x,a.y);o<e.minDist&&(e.minDist=o,e.minT=n)},Ve=function(e,t,n,r,i,a,o,s){for(var c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:1e3,l=$e({x:e,y:t},{x:n,y:r},{x:i,y:a},{x:o,y:s}),u=0,h=l(0),p=0;p<=c;p++){var d=p/c,f=l(d);u+=G(h.x,h.y,f.x,f.y),h=f}return u},De=function(e,t,n,r,i,a){for(var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:1e3,s=Ce({x:e,y:t},{x:n,y:r},{x:i,y:a}),c=0,l=s(0),u=0;u<=o;u++){var h=u/o,p=s(h);c+=G(l.x,l.y,p.x,p.y),l=p}return c},Ie=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n={minDist:1/0,minT:0};return function(r,i){for(var a=0;a<=t;a++)Te(n,e,a/t,r,i);var o=1/(2*t),s=n.minT;for(a=0;a<t;a++)Te(n,e,s-o,r,i),Te(n,e,s+o,r,i),o/=2;return n.minT}},Me=function(e,t,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:100;return Ie($e(e,t,n,r),i)},Le=function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:100;return Ie(Ce(e,t,n),r)},Re=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:100;return Ie(Ee(e,t),n)},Ae=function(e){if("linear"===e)return Ee(n={x:0,y:0},r={x:1,y:1});var t=Oe(e),n={x:0,y:0},r={x:t[0],y:t[1]},i={x:t[2],y:t[3]};return $e(n,r,i,{x:1,y:1})},ze=function(e,t,n){return{x:e.x+(t.x-e.x)*n,y:e.y+(t.y-e.y)*n}},Fe=function(e,t){var n=ze(e[0],e[1],t),r=ze(e[1],e[2],t),i=ze(e[2],e[3],t),a=ze(n,r,t),o=ze(r,i,t);return ze(a,o,t)},Be=function(e,t){var n=ze(e[0],e[1],t),r=ze(e[1],e[2],t);return ze(n,r,t)},Ge=function(e,t){return ze(e[0],e[1],t)},He=function(e,t){var n=ze(e[0],e[1],t),r=ze(e[1],e[2],t),i=ze(e[2],e[3],t),a=ze(n,r,t),o=ze(r,i,t),s=ze(a,o,t);return{first:[e[0],n,a,s],second:[s,o,i,e[3]]}},Ne=function(e,t){var n=ze(e[0],e[1],t),r=ze(e[1],e[2],t),i=ze(n,r,t);return{first:[e[0],n,i],second:[i,r,e[2]]}},Xe=function(e,t){var n=ze(e[0],e[1],t);return{first:[e[0],n],second:[n,e[1]]}},Ye=function(e){var t=function(e){var t=D.d.negate([],e[0]),n=D.d.multiply([],[3,3,3],e[1]),r=D.d.multiply([],[-3,-3,-3],e[2]),i=e[3],a=D.d.add([],D.d.add([],t,n),D.d.add([],r,i));return D.d.multiply([],[3,3,3],a)}(e),n=function(e){var t=e[0],n=D.d.multiply([],[-2,-2,-2],e[1]),r=e[2],i=D.d.add([],D.d.add([],t,n),r);return D.d.multiply([],[6,6,6],i)}(e),r=function(e){var t=D.d.add([],e[1],D.d.negate([],e[0]));return D.d.multiply([],[3,3,3],t)}(e),i=[],a=n[0]*n[0]-4*t[0]*r[0];if(a<0);else if(0===a){var o=-n[0]/(2*t[0]);0<=o&&o<=1&&i.push(o)}else if(a>0){var s=(-n[0]+Math.sqrt(a))/(2*t[0]),c=(-n[0]-Math.sqrt(a))/(2*t[0]);0<=s&&s<=1&&i.push(s),0<=c&&c<=1&&i.push(c)}var l=n[1]*n[1]-4*t[1]*r[1];if(l<0);else if(0===l){var u=-n[1]/(2*t[1]);0<=u&&u<=1&&i.push(u)}else if(l>0){var h=(-n[1]+Math.sqrt(l))/(2*t[1]),p=(-n[1]-Math.sqrt(l))/(2*t[1]);0<=h&&h<=1&&i.push(h),0<=p&&p<=1&&i.push(p)}return i};function _e(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.__proto__,r=[];do{var i=n instanceof Object;if(!1===i)break;var a=Object.getOwnPropertyNames(n).filter((function(n){return e&&st(e[n])&&!t[n]}));r.push.apply(r,a),n=n.__proto__}while(n);return r}function Ke(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(0===t)return e;var n=void 0;return function(r,i,a,o,s){n&&clearTimeout(n),n=setTimeout((function(){e(r,i,a,o,s)}),t||300)}}function We(e,t){var n=void 0;return function(r,i,a,o,s){n||(n=setTimeout((function(){e(r,i,a,o,s),n=null}),t||300))}}function Ue(e,t){Object.keys(e).forEach((function(n,r){t(n,e[n],r)}))}function Ze(e,t){return Object.keys(e).map((function(n,r){return t(n,e[n],r)}))}function qe(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return Ze(e,t).join(n)}function Je(e,t,n){var r=Qe(e[t],t);return st(n)?n(r):r}function Qe(e,t){return void 0===e?t:e}function et(e){return null==e}function tt(e){return!1===et(e)}function nt(e){return Array.isArray(e)}function rt(e){return"boolean"==typeof e}function it(e){return"string"==typeof e}function at(e){return!1===it(e)}function ot(e){return"object"==$()(e)&&!nt(e)&&!ct(e)&&!it(e)&&null!==e}function st(e){return"function"==typeof e}function ct(e){return"number"==typeof e}function lt(e){return 0===e}function ut(e){return!lt(e)}function ht(e){if(!et(e))return JSON.parse(JSON.stringify(e))}function pt(e){var t={};return Object.keys(e).filter((function(t){return!!e[t]})).forEach((function(n){t[n]=e[n]})),t}function dt(e){return Object.keys(e).forEach((function(t){Array.isArray(e[t])&&(e[t]=e[t].join(", "))})),e}function ft(e){return j()(Array(e))}function vt(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t[C(0,t.length-1)]}var yt=/\<(\w*)([^\>]*)\/\>/gim,gt=(ke={image:!0,input:!0,br:!0,path:!0,line:!0,circle:!0,rect:!0},m()(ke,"path",!0),m()(ke,"polygon",!0),m()(ke,"polyline",!0),m()(ke,"use",!0),ke),mt=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];var i=e.map((function(e,t){var r=n[t]||"";return st(r)&&(r=r()),nt(r)||(r=[r]),e+(r=r.join(""))})).join("");return i=i.replace(yt,(function(e,t){return gt[t.toLowerCase()]?e:e.replace("/>","></".concat(t,">"))}))};function bt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e||{};return Object.keys(n).filter((function(e){return tt(n[e])})).map((function(e){return"".concat(e,": ").concat(n[e])})).join(";"+t)}function kt(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:";",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:":",r={};return""===(e+="")?r:(e.split(t).forEach((function(e){var t=e.split(n).map((function(e){return e.trim()})),i=S()(t),a=i[0],o=i.slice(1);""!=a&&(r[a]=o.join(n))})),r)}function xt(e){return Object.keys(e).map((function(t){return"class"===t&&ot(e[t])?"".concat(t,'="').concat(wt(e[t]),'"'):rt(e[t])||et(e[t])||"undefined"===e[t]?e[t]?t:"":"".concat(t,'="').concat(e[t],'"')})).join(" ")}function wt(e){return Object.keys(e).filter((function(t){return e[t]})).map((function(e){return e})).join(" ")}function St(e){return e.replace(/\</g,"&lt;").replace(/\>/g,"&gt;")}function Pt(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return e.map(t).join(n)}function jt(e,t){var n=new Set([].concat(j()(e),j()(t)));return n.size===e.length&&n.size===t.length}var Ot=function(e,t){var n=e.filter((function(e){return e.indexOf("".concat(t,"("))>-1})),r=n.map((function(e){var n=e.split("".concat(t,"("))[1].split(")")[0].trim().split(" "),r=k()(n,2);return{target:r[0],param:r[1]}}));return[n,r]},$t=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:30,r=Pe(e);return"\n        M0 ".concat(t," \n        C \n        ").concat(r[0]*t," ").concat(0==r[1]?n:(1-r[1])*n,",\n        ").concat(r[2]*t," ").concat(1==r[3]?0:(1-r[3])*n,",\n        ").concat(t," 0\n    ")},Ct=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:30,r=Pe(e);return"\n        M 0 ".concat(t," \n        L ").concat(r[0]*t," ").concat(0==r[1]?n:(1-r[1])*n,"\n        M ").concat(t," 0\n        L ").concat(r[2]*t," ").concat(1==r[3]?0:(1-r[3])*n,"\n    ")};function Et(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rgba(0, 0, 0, 0)";return Array.isArray(e)&&(e={r:e[0],g:e[1],b:e[2],a:e[3]}),"hex"==t?Tt(e):"rgb"==t?Vt(e,n):"hsl"==t?Dt(e):e}function Tt(e){Array.isArray(e)&&(e={r:e[0],g:e[1],b:e[2],a:e[3]});var t=e.r.toString(16);e.r<16&&(t="0"+t);var n=e.g.toString(16);e.g<16&&(n="0"+n);var r=e.b.toString(16);if(e.b<16&&(r="0"+r),1==e.a||et(e.a))return"#".concat(t).concat(n).concat(r);var i=Math.ceil(255*e.a),a=i.toString(16);return i<16&&(a="0"+a),"#".concat(t).concat(n).concat(r).concat(a)}function Vt(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba(0, 0, 0, 0)";if(nt(e)&&(e={r:e[0],g:e[1],b:e[2],a:e[3]}),!et(e))return 1==e.a||et(e.a)?isNaN(e.r)?t:"rgb(".concat(e.r,",").concat(e.g,",").concat(e.b,")"):"rgba(".concat(e.r,",").concat(e.g,",").concat(e.b,",").concat(e.a,")")}function Dt(e){return nt(e)&&(e={r:e[0],g:e[1],b:e[2],a:e[3]}),1==e.a||et(e.a)?"hsl(".concat(e.h,",").concat(e.s,"%,").concat(e.l,"%)"):"hsla(".concat(e.h,",").concat(e.s,"%,").concat(e.l,"%,").concat(e.a,")")}function It(e){return Math.pow(e,3)>.008856?Math.pow(e,3):(e-16/116)/7.787}function Mt(e){return e>.0031308?1.055*Math.pow(e,1/2.4)-.055:12.92*e}function Lt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.x,t=r.y,n=r.z}var i=e/100,a=t/100,o=n/100,s=3.2406*i+-1.5372*a+-.4986*o,c=-.9689*i+1.8758*a+.0415*o,l=.0557*i+-.204*a+1.057*o;s=Mt(s),c=Mt(c),l=Mt(l);var u=M(255*s),h=M(255*c),p=M(255*l);return{r:u,g:h,b:p}}function Rt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.l,t=r.a,n=r.b}var i=(e+16)/116,a=t/500+i,o=i-n/200;i=It(i);var s=95.047*(a=It(a)),c=100*i,l=108.883*(o=It(o));return{x:s,y:c,z:l}}function At(e){return e>.008856?Math.pow(e,1/3):(7.787*e+16)/116}function zt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.x,t=r.y,n=r.z}var i=e/95.047,a=t/100,o=n/108.883;i=At(i);var s=116*(a=At(a))-16,c=500*(i-a),l=200*(a-(o=At(o)));return{l:s,a:c,b:l}}function Ft(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.l,t=r.a,n=r.b}return Lt(Rt(e,t,n))}function Bt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}var i=e/255,a=t/255,o=n/255,s=Math.max(i,a,o),c=Math.min(i,a,o),l=s-c,u=0;0==l?u=0:s==i?u=(a-o)/l%6*60:s==a?u=60*((o-i)/l+2):s==o&&(u=60*((i-a)/l+4)),u<0&&(u=360+u);return{h:u,s:0==s?0:l/s,v:s}}function Gt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}var i=e/255,a=t/255,o=n/255,s=1-Math.max(i,a,o),c=(1-i-s)/(1-s),l=(1-a-s)/(1-s),u=(1-o-s)/(1-s);return{c:c,m:l,y:u,k:s}}function Ht(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}e/=255,t/=255,n/=255;var i,a,o=Math.max(e,t,n),s=Math.min(e,t,n),c=(o+s)/2;if(o==s)i=a=0;else{var l=o-s;switch(a=c>.5?l/(2-o-s):l/(o+s),o){case e:i=(t-n)/l+(t<n?6:0);break;case t:i=(n-e)/l+2;break;case n:i=(e-t)/l+4}i/=6}return{h:M(360*i),s:M(100*a),l:M(100*c)}}function Nt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}return Xt((e+t+n)/3>90?0:255)}function Xt(e){return{r:e,g:e,b:e}}function Yt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}return Xt(Math.ceil((e+t+n)/3))}function _t(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}return Xt(Wt(e,t,n).y)}function Kt(e,t,n){return Math.ceil(.2126*e+.7152*t+.0722*n)}function Wt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}var i=Kt(e,t,n),a=.564*(n-i),o=.713*(e-i);return{y:i,cr:o,cb:a}}function Ut(e){return 100*(e>.04045?Math.pow((e+.055)/1.055,2.4):e/12.92)}function Zt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}var i=e/255,a=t/255,o=n/255,s=.4124*(i=Ut(i))+.3576*(a=Ut(a))+.1805*(o=Ut(o)),c=.2126*i+.7152*a+.0722*o,l=.0193*i+.1192*a+.9505*o;return{x:s,y:c,z:l}}function qt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.r,t=r.g,n=r.b}return zt(Zt(e,t,n))}function Jt(e,t,n,r){if(1==arguments.length){var i=arguments[0];e=i.c,t=i.m,n=i.y,r=i.k}var a=255*(1-e)*(1-r),o=255*(1-t)*(1-r),s=255*(1-n)*(1-r);return{r:a,g:o,b:s}}function Qt(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.h,t=r.s,n=r.v}var i=e,a=t,o=n;i>=360&&(i=0);var s=a*o,c=s*(1-Math.abs(i/60%2-1)),l=o-s,u=[];return 0<=i&&i<60?u=[s,c,0]:60<=i&&i<120?u=[c,s,0]:120<=i&&i<180?u=[0,s,c]:180<=i&&i<240?u=[0,c,s]:240<=i&&i<300?u=[c,0,s]:300<=i&&i<360&&(u=[s,0,c]),{r:M(255*(u[0]+l)),g:M(255*(u[1]+l)),b:M(255*(u[2]+l))}}function en(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.h,t=r.s,n=r.v}var i=Qt(e,t,n);return Ht(i.r,i.g,i.b)}function tn(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+6*(t-e)*n:n<.5?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function nn(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.h,t=r.s,n=r.l}var i=rn(e,t,n);return Bt(i.r,i.g,i.b)}function rn(e,t,n){if(1==arguments.length){var r=arguments[0];e=r.h,t=r.s,n=r.l}var i,a,o;if(e/=360,n/=100,0==(t/=100))i=a=o=n;else{var s=n<.5?n*(1+t):n+t-n*t,c=2*n-s;i=tn(c,s,e+1/3),a=tn(c,s,e),o=tn(c,s,e-1/3)}return{r:M(255*i),g:M(255*a),b:M(255*o)}}function an(e,t,n,r){if(1==arguments.length){var i=arguments[0];e=i.y,t=i.cr,n=i.cb;r=(r=i.bit)||0}var a=e+1.402*(t-r),o=e-.344*(n-r)-.714*(t-r),s=e+1.772*(n-r);return{r:Math.ceil(a),g:Math.ceil(o),b:Math.ceil(s)}}var on={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 sn={isColorName:function(e){return!!on[e]},getColorByName:function(e){return on[e]}};function cn(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ln(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?cn(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):cn(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var un=/(#(?:[\da-f]{3}){1,2}|#(?:[\da-f]{8})|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 hn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(t).concat(e.startIndex).padEnd(10,"0")}function pn(e){return!!dn(e).length}function dn(e){var t=e.match(un),n=[];if(!t)return n;for(var r=0,i=t.length;r<i;r++)if(t[r].indexOf("#")>-1||t[r].indexOf("rgb")>-1||t[r].indexOf("hsl")>-1)n.push({color:t[r]});else{var a=sn.getColorByName(t[r]);a&&n.push({color:t[r],nameColor:a})}var o={next:0};return n.forEach((function(t){var n=e.indexOf(t.color,o.next);t.startIndex=n,t.endIndex=n+t.color.length,o.next=t.endIndex})),n}function fn(e){var t=dn(e);return t.forEach((function(t){e=e.replace(t.color,hn(t))})),{str:e,matches:t}}function vn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:",",n=fn(e);return n.str.split(t).map((function(e,t){return e=mn(e),n.matches[t]&&(e=e.replace(hn(n.matches[t]),n.matches[t].color)),e}))}function yn(e,t){return t.forEach((function(t){e=e.replace(hn(t),t.color)})),e}var gn=/^\s+|\s+$/g;function mn(e){return e.replace(gn,"")}function bn(e){if(it(e)){if(sn.isColorName(e)&&(e=sn.getColorByName(e)),e.indexOf("rgb(")>-1){for(var t=0,n=(r=e.replace("rgb(","").replace(")","").split(",")).length;t<n;t++)r[t]=parseInt(mn(r[t]),10);return o=ln({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:1},{},Ht(o))}if(e.indexOf("rgba(")>-1){for(t=0,n=(r=e.replace("rgba(","").replace(")","").split(",")).length;t<n;t++)r[t]=n-1==t?parseFloat(mn(r[t])):parseInt(mn(r[t]),10);return o=ln({},o={type:"rgb",r:r[0],g:r[1],b:r[2],a:r[3]},{},Ht(o))}if(e.indexOf("hsl(")>-1){for(t=0,n=(r=e.replace("hsl(","").replace(")","").split(",")).length;t<n;t++)r[t]=parseFloat(mn(r[t]));return o=ln({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:1},{},rn(o))}if(e.indexOf("hsla(")>-1){for(t=0,n=(r=e.replace("hsla(","").replace(")","").split(",")).length;t<n;t++)r[t]=n-1==t?parseFloat(mn(r[t])):parseInt(mn(r[t]),10);return o=ln({},o={type:"hsl",h:r[0],s:r[1],l:r[2],a:r[3]},{},rn(o))}if(0==e.indexOf("#")){var r=[],i=1;if(3==(e=e.replace("#","")).length)for(t=0,n=e.length;t<n;t++){var a=e.substr(t,1);r.push(parseInt(a+a,16))}else if(8===e.length){for(t=0,n=e.length;t<n;t+=2)r.push(parseInt(e.substr(t,2),16));i=r.pop()/255}else for(t=0,n=e.length;t<n;t+=2)r.push(parseInt(e.substr(t,2),16));return o=ln({},o={type:"hex",r:r[0],g:r[1],b:r[2],a:i},{},Ht(o))}}else if(ct(e)){var o;if(0<=e&&e<=16777215)return o=ln({},o={type:"hex",r:(16711680&e)>>16,g:(65280&e)>>8,b:(255&e)>>0,a:1},{},Ht(o));if(0<=e&&e<=4294967295)return o=ln({},o={type:"hex",r:(4278190080&e)>>24,g:(16711680&e)>>16,b:(65280&e)>>8,a:(255&e)/255},{},Ht(o))}return e}function kn(e){it(e)&&(e=vn(e));var t=(e=e.map((function(e){if(it(e)){var t=fn(e),n=mn(t.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]=yn(n[0],t.matches),n}if(Array.isArray(e))return e[1]?it(e[1])&&(e[1].indexOf("%")>-1?e[1]=parseFloat(e[1].replace(/%/,""))/100:e[1]=+e[1]):e[1]="*",j()(e)}))).filter((function(e){return"*"===e[1]})).length;if(t>0){var n=(1-e.filter((function(e){return"*"!=e[1]&&1!=e[1]})).map((function(e){return e[1]})).reduce((function(e,t){return e+t}),0))/t;e.forEach((function(t,r){"*"==t[1]&&r>0&&(e.length-1==r||(t[1]=n))}))}return e}function xn(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"hex",i=wn(e,t,n);return Et(i,r)}function wn(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=et(e.a)?1:e.a,i=et(t.a)?1:t.a;return{r:M(e.r+(t.r-e.r)*n),g:M(e.g+(t.g-e.g)*n),b:M(e.b+(t.b-e.b)*n),a:M(r+(i-r)*n,100)}}function Sn(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:5;if(!e)return[];it(e)&&(e=vn(e));for(var n=(e=e||[]).length,r=[],i=0;i<n-1;i++)for(var a=0;a<t;a++)r.push(Pn(e[i],e[i+1],a/t));return r}function Pn(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"hex",i=bn(e),a=bn(t);return xn(i,a,n,r)}function jn(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"hex";return Pn(e,t,n,r)}function On(e){return e=bn(e),(Math.round(299*e.r)+Math.round(587*e.g)+Math.round(114*e.b))/1e3}function $n(e){return On(e)>=128?"black":"white"}function Cn(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=[],r=t-((e=kn(e)).length-1),i=r,a=1,o=e.length;a<o;a++){var s=e[a-1][0],c=e[a][0],l=1==a?e[a][1]:e[a][1]-e[a-1][1],u=a==e.length-1?i:Math.floor(l*r);n=n.concat(Sn([s,c],u),[c]),i-=u}return n}function En(e){for(var t=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",i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:100,s=bn(e),c=Bt(s),l=(a-i)*o/n,u=[],h=1;h<=n;h++)c[t]=Math.abs((o-l*h)/o),u.push(Et(Qt(c),r));return u}function Tn(e){var t=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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:360;return En(e,"h",t,n,r,i,1)}function Vn(e){var t=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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return En(e,"s",t,n,r,i,100)}function Dn(e){var t=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,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:1;return En(e,"v",t,n,r,i,100)}function In(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}Sn.parula=function(e){return Sn(["#352a87","#0f5cdd","#00b5a6","#ffc337","#fdff00"],e)},Sn.jet=function(e){return Sn(["#00008f","#0020ff","#00ffff","#51ff77","#fdff00","#ff0000","#800000"],e)},Sn.hsv=function(e){return Sn(["#ff0000","#ffff00","#00ff00","#00ffff","#0000ff","#ff00ff","#ff0000"],e)},Sn.hot=function(e){return Sn(["#0b0000","#ff0000","#ffff00","#ffffff"],e)},Sn.pink=function(e){return Sn(["#1e0000","#bd7b7b","#e7e5b2","#ffffff"],e)},Sn.bone=function(e){return Sn(["#000000","#4a4a68","#a6c6c6","#ffffff"],e)},Sn.copper=function(e){return Sn(["#000000","#3d2618","#9d623e","#ffa167","#ffc77f"],e)};var Mn=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?In(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):In(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},r,{},o,{},i,{},f,{},d,{},p,{},c,{},l,{},u,{},h,{},s,{},a),Ln=[{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 e=0,t=Ln.length;e<t;e++){var n=Ln[e],r=Mn.parse(n.rgb);n.r=r.r,n.g=r.g,n.b=r.b}}();var Rn={colors:Ln,checkHueColor:function(e){for(var t,n,r=0;r<Ln.length;r++)if(Ln[r].start>=e){t=Ln[r-1],n=Ln[r];break}return t&&n?Mn.mix(t,n,(e-t.start)/(n.start-t.start)):Ln[0].rgb}},An=n(1),zn=n.n(An),Fn=n(2),Bn=n.n(Fn),Gn=n(3),Hn=n.n(Gn),Nn=n(0),Xn=n.n(Nn),Yn=n(4),_n=n.n(Yn),Kn=function(){function e(t){zn()(this,e),this.cachedCallback={},this.callbacks={},this.commandes=[],this.editor=t}return Bn()(e,[{key:"getCallbacks",value:function(e){return this.callbacks[e]||(this.callbacks[e]=[]),this.callbacks[e]}},{key:"setCallbacks",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];this.callbacks[e]=t}},{key:"debug",value:function(){var e;this.editor&&this.editor.config.get("debug")&&(e=console).log.apply(e,arguments)}},{key:"on",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=t;r>0?a=Ke(t,r):i>0&&(a=We(t,i)),this.getCallbacks(e).push({event:e,callback:a,context:n,originalCallback:t}),this.debug("add message event",e,n.sourceName)}},{key:"off",value:function(e,t){this.debug("off message event",e),1==arguments.length?this.setCallbacks(e):2==arguments.length&&this.setCallbacks(e,this.getCallbacks(e).filter((function(e){return e.originalCallback!==t})))}},{key:"offAll",value:function(e){var t=this;Object.keys(this.callbacks).forEach((function(n){t.setCallbacks(n,t.getCallbacks(n).filter((function(t){return t.context!==e})))})),this.debug("off all message",e.sourceName)}},{key:"getCachedCallbacks",value:function(e){return this.getCallbacks(e)}},{key:"sendMessage",value:function(e,t){for(var n=this,r=arguments.length,i=new Array(r>2?r-2:0),a=2;a<r;a++)i[a-2]=arguments[a];Promise.resolve().then((function(){var r=n.getCachedCallbacks(t);if(r)for(var a=0,o=r.length;a<o;a++){var s=r[a];s.originalCallback.source!==e&&s.callback.apply(s.context,i)}}))}},{key:"nextSendMessage",value:function(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];Promise.resolve().then((function(){t.apply(void 0,r)}))}},{key:"triggerMessage",value:function(e,t){for(var n=this,r=arguments.length,i=new Array(r>2?r-2:0),a=2;a<r;a++)i[a-2]=arguments[a];Promise.resolve().then((function(){var r=n.getCachedCallbacks(t);if(r)for(var a=0,o=r.length;a<o;a++){var s=r[a];s.originalCallback.source===e&&s.callback.apply(s.context,i)}else console.warn(t," is not valid event")}))}},{key:"emit",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];this.sendMessage.apply(this,[this.source].concat(t))}},{key:"nextTick",value:function(e){this.nextSendMessage(this.source,e)}},{key:"trigger",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];this.triggerMessage.apply(this,[this.source].concat(t))}}]),e}(),Wn=function(e,t,n,r){n?r&&n===r||function(e,t,n){"boolean"==typeof n?function(e,t,n){n?(e.setAttribute(t,t),e[t]=n):(e.removeAttribute(t),e[t]=n)}(e,t,n):e.setAttribute(t,n)}(e,t,n):function(e,t,n){"boolean"==typeof n?function(e,t){e.removeAttribute(t),e[t]=!1}(e,t):t&&function(e,t){e.removeAttribute(t)}(e,t)}(e,t,r)};function Un(e){for(var t={},n=e.length,r=0;r<n;r++){var i=e[r];t[i.name]=i.value}return t}function Zn(e,t,n,r){if(t)if(n){if(c=t,(s=n).nodeType===Node.TEXT_NODE&&s.textContent!==c.textContent||s.nodeName!==c.nodeName)e.replaceChild(n.cloneNode(!0),t);else if(n.nodeType!==Node.TEXT_NODE&&"[object HTMLUnknownElement]"!==n.toString()){!function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=[];r.push.apply(r,Object.keys(t)),r.push.apply(r,Object.keys(n));var i=new Set(r);i.forEach((function(r){Wn(e,r,t[r],n[r])}))}(t,Un(n.attributes),Un(t.attributes));var i=qn(t),a=qn(n),o=Math.max(i.length,a.length);for(r=0;r<o;r++)Zn(t,i[r],a[r],r)}}else e.removeChild(t);else e.appendChild(n.cloneNode(!0));var s,c}var qn=function(e){var t=e.firstChild;if(!t)return[];var n=[];do{n.push(t),t=t.nextSibling}while(t);return n};function Jn(e,t){e=e.el||e,t=t.el||t;for(var n=qn(e),r=qn(t),i=Math.max(n.length,r.length),a=0;a<i;a++)Zn(e,n[a],r[a],a)}var Qn={center:50,top:0,left:0,right:100,bottom:100},er=function e(){zn()(this,e)};er.CENTER="center",er.TOP="top",er.RIGHT="right",er.LEFT="left",er.BOTTOM="bottom";var tr=/([\d.]+)(px|pt|fr|r?em|deg|vh|vw|m?s|%|g?rad|turn)/gi,nr=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(zn()(this,e),this.value=t,ct(this.value)&&isNaN(this.value))throw new Error("NaN is not able to set");this.unit=n}return Bn()(e,[{key:Symbol.toPrimitive,value:function(e){return"number"==e?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(e){return this.unit===e}},{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(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){return ct(this.value)&&isNaN(this.value)}))},{key:"set",value:function(e){return this.value=e,this}},{key:"add",value:function(e){return this.value+=+e,this}},{key:"sub",value:function(e){return this.add(-1*e)}},{key:"mul",value:function(e){return this.value*=+e,this}},{key:"div",value:function(e){return this.value/=+e,this}},{key:"mod",value:function(e){return this.value%=+e,this}},{key:"clone",value:function(){return new e(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(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return this.value/e}},{key:"stringToPercent",value:function(){return tt(Qn[this.value])?e.percent(Qn[this.value]):e.percent(0)}},{key:"stringToEm",value:function(e){return this.stringToPercent().toEm(e)}},{key:"stringToPx",value:function(e){return this.stringToPercent().toPx(e)}},{key:"toPercent",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?this.clone():this.isPx()?e.percent(100*this.value/t):this.isEm()?e.percent(this.value*n*100/t):this.isString()?this.stringToPercent(t):this.isDeg()?e.percent(this.value/360*100):void 0}},{key:"toEm",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:16;return this.isPercent()?e.em(this.value/100*t/n):this.isPx()?e.em(this.value/n):this.isEm()?this.clone():this.isString()?this.stringToEm(t):void 0}},{key:"toPx",value:function(t){arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.isPercent()?e.px(this.value/100*t):this.isPx()?this.clone():this.isEm()?e.px(this.value/100*t/16):this.isString()?this.stringToPx(t):void 0}},{key:"toDeg",value:function(){return this.isDeg()?this.clone():this.isTurn()?e.deg(360*this.value):this.isRad()?e.deg(this.value*(180/Math.PI)):void 0}},{key:"toTurn",value:function(){return this.isTurn()?this.clone():this.isDeg()?e.turn(this.value/360):void 0}},{key:"toSecond",value:function(){return this.isSecond()?this:this.isMs()?e.second(this.value/1e3):void 0}},{key:"toMs",value:function(){return this.isSecond()?e.ms(1e3*this.value):this.isMs()?this:void 0}},{key:"to",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:16;return"px"===e?this.toPx(t,n):"%"===e||"percent"===e?this.toPercent(t,n):"em"===e?this.toEm(t,n):"deg"===e?this.toDeg():"turn"===e?this.toTurn():void 0}},{key:"toUnit",value:function(t){return new e(this.value,t)}},{key:"calculate",value:function(e,t){var n=this[e];return n?n.call(this,t):this}},{key:"includes",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.includes(this.value)}},{key:"round",value:function(t){return new e(M(this.value,t),this.unit)}},{key:"floor",value:function(){return new e(Math.floor(this.value),this.unit)}},{key:"equals",value:function(e){return this.is(e.value)&&this.isUnitType(e.unit)}},{key:"is",value:function(e){return this.value===e}},{key:"clamp",value:function(t,n){return new e(Math.max(t,Math.min(n,this.value)),this.unit)}}],[{key:"min",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];for(var r=t.shift(),i=0,a=t.length;i<a;i++)r.value>t[i].value&&(r=t[i]);return r}},{key:"max",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];for(var r=t.shift(),i=0,a=t.length;i<a;i++)r.value<t[i].value&&(r=t[i]);return r}},{key:"string",value:function(t){return new e(t+"","")}},{key:"number",value:function(t){return new e(+t,"number")}},{key:"px",value:function(t){return new e(+t,"px")}},{key:"em",value:function(t){return new e(+t,"em")}},{key:"percent",value:function(t){return new e(+t,"%")}},{key:"deg",value:function(t){return new e(+t,"deg")}},{key:"rad",value:function(t){return new e(+t,"rad")}},{key:"turn",value:function(t){return new e(+t,"turn")}},{key:"fr",value:function(t){return new e(+t,"fr")}},{key:"second",value:function(t){return new e(+t,"s")}},{key:"ms",value:function(t){return new e(+t,"ms")}},{key:"var",value:function(t){return new e(t+"","--")}},{key:"z",value:function(){return e.px(0)}},{key:"calc",value:function(t){return new e(t,"calc")}},{key:"parse",value:function(t){if(it(t=t||e.number(0))){var n=(t=t.trim()).replace(tr,"$1 $2").split(" ");return+n[0]==n[0]?new e(+n[0],n[1]):new e(n[0])}if(t instanceof e)return t;if(t.unit){if("%"==t.unit||"percent"==t.unit){var r=0;return tt(t.percent)?r=t.percent:tt(t.value)&&(r=t.value),e.percent(r)}if("px"==t.unit){r=0;return tt(t.px)?r=t.px:tt(t.value)&&(r=t.value),e.px(r)}if("em"==t.unit){r=0;return tt(t.em)?r=t.em:tt(t.value)&&(r=t.value),e.em(r)}if("deg"==t.unit){r=0;return tt(t.deg)?r=t.deg:tt(t.value)&&(r=t.value),e.deg(r)}if("turn"==t.unit){r=0;return tt(t.deg)?r=t.turn:tt(t.value)&&(r=t.value),e.turn(r)}if("s"==t.unit){r=0;return tt(t.second)?r=t.second:tt(t.value)&&(r=t.value),e.second(r)}if("ms"==t.unit){r=0;return tt(t.ms)?r=t.ms:tt(t.value)&&(r=t.value),e.ms(r)}if("number"==t.unit){r=0;return tt(t.value)&&(r=t.value),e.number(r)}if("--"==t.unit){r=0;return tt(t.value)&&(r=t.value),e.var(r)}if(""===t.unit||"string"===t.unit){r="";return tt(t.str)?r=t.str:tt(t.value)&&(r=t.value),e.string(r)}}return e.string(t)}}]),e}();nr.auto=nr.string("auto");var rr=function(){function e(t,n,r){if(zn()(this,e),at(t))this.el=t;else{var i=document.createElement(t);for(var a in n&&(i.className=n),r=r||{})i.setAttribute(a,r[a]);this.el=i}}return Bn()(e,[{key:"setAttr",value:function(e){var t=this;return Object.keys(e).forEach((function(n){t.attr(n,e[n])})),this}},{key:"setAttrNS",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"http://www.w3.org/2000/svg";return Object.keys(e).forEach((function(r){t.attr(r,e[r],n)})),this}},{key:"setProp",value:function(e){var t=this;return Object.keys(e).forEach((function(n){t.el[n]!=e[n]&&(t.el[n]=e[n])})),this}},{key:"data",value:function(e,t){return 1===arguments.length?this.attr("data-"+e):2===arguments.length?this.attr("data-"+e,t):this}},{key:"attr",value:function(e,t){return 1==arguments.length?this.el.getAttribute(e):(this.el.getAttribute(e)!=t&&this.el.setAttribute(e,t),this)}},{key:"attrNS",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"http://www.w3.org/2000/svg";return 1==arguments.length?this.el.getAttributeNS(n,e):(this.el.getAttributeNS(n,e)!=t&&this.el.setAttributeNS(n,e,t),this)}},{key:"attrKeyValue",value:function(e){return m()({},this.el.getAttribute(e),this.val())}},{key:"attrs",value:function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return n.map((function(t){return e.el.getAttribute(t)}))}},{key:"styles",value:function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return n.map((function(t){return e.el.style[t]}))}},{key:"removeAttr",value:function(e){return this.el.removeAttribute(e),this}},{key:"removeStyle",value:function(e){return this.el.style.removeProperty(e),this}},{key:"is",value:function(e){return this.el===(e.el||e)}},{key:"isTag",value:function(e){return this.el.tagName.toLowerCase()===e.toLowerCase()}},{key:"closest",value:function(t){for(var n=this,r=!1;!(r=n.hasClass(t));){if(!n.el.parentNode)return null;n=e.create(n.el.parentNode)}return r?n:null}},{key:"path",value:function(){if(!this.el)return[];var e=this.parent();return e?[].concat(j()(e.path()),[this]):[this]}},{key:"parent",value:function(){return e.create(this.el.parentNode)}},{key:"hasParent",value:function(){return!!this.el.parentNode}},{key:"removeClass",value:function(){var e;return(e=this.el.classList).remove.apply(e,arguments),this}},{key:"hasClass",value:function(e){return!!this.el.classList&&this.el.classList.contains(e)}},{key:"addClass",value:function(){var e;return(e=this.el.classList).add.apply(e,arguments),this}},{key:"onlyOneClass",value:function(e){this.parent().children().forEach((function(t){t.removeClass(e)})),this.addClass(e)}},{key:"toggleClass",value:function(e,t){this.el.classList.toggle(e,t)}},{key:"html",value:function(e){return et(e)?this.el.innerHTML:(it(e)?this.el.innerHTML=e:this.empty().append(e),this)}},{key:"htmlDiff",value:function(e){Jn(this,e)}},{key:"updateDiff",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Jn(this,e.create(n).html(t))}},{key:"updateSVGDiff",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"div";Jn(this,e.create(n).html("<svg>".concat(t,"</svg>")).firstChild.firstChild)}},{key:"find",value:function(e){return this.el.querySelector(e)}},{key:"$",value:function(t){var n=this.find(t);return n?e.create(n):null}},{key:"findAll",value:function(e){return j()(this.el.querySelectorAll(e))}},{key:"$$",value:function(t){return this.findAll(t).map((function(t){return e.create(t)}))}},{key:"empty",value:function(){for(;this.el.firstChild;)this.el.removeChild(this.el.firstChild);return this}},{key:"append",value:function(e){return it(e)?this.el.appendChild(document.createTextNode(e)):this.el.appendChild(e.el||e),this}},{key:"prepend",value:function(e){return it(e)?this.el.prepend(document.createTextNode(e)):this.el.prepend(e.el||e),this}},{key:"prependHTML",value:function(t){var n=e.create("div").html(t);return this.prepend(n.createChildrenFragment()),n}},{key:"appendHTML",value:function(t){var n=e.create("div").html(t);return this.append(n.createChildrenFragment()),n}},{key:"createChildrenFragment",value:function(){var e=this.children(),t=document.createDocumentFragment();return e.forEach((function(e){return t.appendChild(e.el)})),t}},{key:"appendTo",value:function(e){return(e.el?e.el:e).appendChild(this.el),this}},{key:"remove",value:function(){return this.el.parentNode&&this.el.parentNode.removeChild(this.el),this}},{key:"removeChild",value:function(e){return this.el.removeChild(e.el||e),this}},{key:"text",value:function(t){if(et(t))return this.el.textContent;var n=t;return t instanceof e&&(n=t.text()),this.el.textContent!==n&&(this.el.textContent=n),this}},{key:"css",value:function(e,t){if(tt(e)&&tt(t))this.el.style[e]=t;else if(tt(e)){if(it(e))return getComputedStyle(this.el)[e];Object.assign(this.el.style,e)}return this}},{key:"getComputedStyle",value:function(e){function t(){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(){for(var e=getComputedStyle(this.el),t={},n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return r.forEach((function(n){t[n]=e[n]})),t}))},{key:"getStyleList",value:function(){for(var e=this,t={},n=this.el.style.length,r=0;r<n;r++){var i=this.el.style[r];t[i]=this.el.style[i]}for(var a=arguments.length,o=new Array(a),s=0;s<a;s++)o[s]=arguments[s];return o.forEach((function(n){t[n]=e.css(n)})),t}},{key:"cssText",value:function(e){return et(e)?this.el.style.cssText:(e!=this.el.tempCssText&&(this.el.style.cssText=e,this.el.tempCssText=e),this)}},{key:"cssArray",value:function(e){return e[0]&&(this.el.style[e[0]]=e[1]),e[2]&&(this.el.style[e[2]]=e[3]),e[4]&&(this.el.style[e[4]]=e[5]),e[6]&&(this.el.style[e[6]]=e[7]),e[8]&&(this.el.style[e[8]]=e[9]),this}},{key:"cssFloat",value:function(e){return parseFloat(this.css(e))}},{key:"cssInt",value:function(e){return parseInt(this.css(e))}},{key:"px",value:function(e,t){return this.css(e,nr.px(t))}},{key:"rect",value:function(){return this.el.getBoundingClientRect()}},{key:"bbox",value:function(){return this.el.getBBox()}},{key:"isSVG",value:function(){return"SVG"===this.el.tagName.toUpperCase()}},{key:"offsetRect",value:function(){if(this.isSVG()){var e=this.parent().rect(),t=this.rect();return{x:t.x-e.x,y:t.y-e.y,top:t.x-e.x,left:t.y-e.y,width:t.width,height:t.height}}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 t=this.rect(),n=e.getScrollTop(),r=e.getScrollLeft();return{top:t.top+n,left:t.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(t){if(et(t))return this.el.value;if(tt(t)){var n=t;t instanceof e&&(n=t.val()),this.el.value=n}return this}},{key:"matches",value:function(e){return this.el&&this.el.matches?this.el.matches(e)?this:this.parent().matches(e):null}},{key:"realVal",value:function(){switch(this.el.nodeType){case"INPUT":var e=this.attr("type");if("checkbox"==e||"radio"==e)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 e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"block";return this.el.style.display="none"!=e?e:"block",this}},{key:"hide",value:function(){return this.el.style.display="none",this}},{key:"isHide",value:function(){return"none"===this.el.style.display}},{key:"isShow",value:function(){return!this.isHide()}},{key:"toggle",value:function(e){var t=this.isHide();return 1==arguments.length?e?this.show():this.hide():t?this.show():this.hide()}},{key:"scrollIntoView",value:function(){this.el.scrollIntoView()}},{key:"addScrollLeft",value:function(e){return this.el.scrollLeft+=e,this}},{key:"addScrollTop",value:function(e){return this.el.scrollTop+=e,this}},{key:"setScrollTop",value:function(e){return this.el.scrollTop=e,this}},{key:"setScrollLeft",value:function(e){return this.el.scrollLeft=e,this}},{key:"scrollTop",value:function(){return this.el===document.body?e.getScrollTop():this.el.scrollTop}},{key:"scrollLeft",value:function(){return this.el===document.body?e.getScrollLeft():this.el.scrollLeft}},{key:"scrollHeight",value:function(){return this.el.scrollHeight}},{key:"scrollWidth",value:function(){return this.el.scrollWidth}},{key:"on",value:function(e,t,n,r){return this.el.addEventListener(e,t,n,r),this}},{key:"off",value:function(e,t){return this.el.removeEventListener(e,t),this}},{key:"getElement",value:function(){return this.el}},{key:"createChild",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=e.create(t,n,r);return a.css(i),this.append(a),a}},{key:"children",value:function(){var t=this.el.firstElementChild;if(!t)return[];var n=[];do{n.push(e.create(t)),t=t.nextElementSibling}while(t);return n}},{key:"childLength",value:function(){return this.el.children.length}},{key:"replace",value:function(e){return this.el.parentNode&&this.el.parentNode.replaceChild(e.el||e,this.el),this}},{key:"replaceChild",value:function(e,t){return this.el.replaceChild(t.el||t,e.el||e),this}},{key:"checked",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return 0==arguments.length?!!this.el.checked:(this.el.checked=!!e,this)}},{key:"click",value:function(){return this.el.click(),this}},{key:"focus",value:function(){return this.el.focus(),this}},{key:"select",value:function(){if("true"===this.attr("contenteditable")){var e=document.createRange();e.selectNodeContents(this.el);var t=window.getSelection();t.removeAllRanges(),t.addRange(e)}else this.el.select();return this}},{key:"blur",value:function(){return this.el.blur(),this}},{key:"context",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"2d";return this._initContext||(this._initContext=this.el.getContext(e)),this._initContext}},{key:"resize",value:function(e){var t=e.width,n=e.height;this._initContext=null;var r=this.context(),i=window.devicePixelRatio||1;this.px("width",+t),this.px("height",+n),this.el.width=t*i,this.el.height=n*i,r.scale(i,i)}},{key:"toDataURL",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"image/png",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return this.el.toDataURL(e,t)}},{key:"clear",value:function(){this.context().clearRect(0,0,this.el.width,this.el.height)}},{key:"update",value:function(e){this.clear(),e.call(this,this)}},{key:"drawImage",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=this.context(),i=window.devicePixelRatio||1;r.drawImage(e,t,n,e.width,e.height,0,0,this.el.width/i,this.el.height/i)}},{key:"drawOption",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=this.context();Object.assign(t,e)}},{key:"drawLine",value:function(e,t,n,r){var i=this.context();i.beginPath(),i.moveTo(e,t),i.lineTo(n,r),i.stroke(),i.closePath()}},{key:"drawPath",value:function(){var e=this.context();e.beginPath();for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];n.forEach((function(t,n){0==n?e.moveTo(t[0],t[1]):e.lineTo(t[0],t[1])})),e.stroke(),e.fill(),e.closePath()}},{key:"drawCircle",value:function(e,t,n){var r=this.context();r.beginPath(),r.arc(e,t,n,0,2*Math.PI),r.stroke(),r.fill()}},{key:"drawText",value:function(e,t,n){this.context().fillText(n,e,t)}},{key:"fullscreen",value:function(){var e=this.el;e.requestFullscreen?e.requestFullscreen():e.wekitRequestFullscreen&&e.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?j()(this.el.files):[]}},{key:"totalLength",get:function(){return this.el.getTotalLength()}},{key:"firstChild",get:function(){return e.create(this.el.firstElementChild)}}],[{key:"create",value:function(t,n,r){return new e(t,n,r)}},{key:"createByHTML",value:function(t){var n=e.create("div").html(t).children();return n.length?e.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(e){return DOMParser().parseFromString(e,"text/htmll")}},{key:"body",value:function(){return e.create(document.body)}}]),e}(),ir=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:cr;return" ".concat(t," ").concat(e)},ar=/^dom (.*)/gi,or=/^load (.*)/gi,sr=/^bind (.*)/gi,cr="|",lr={},ur=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.join(":");return function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return"dom "+[r].concat(t).join(" ")}},hr=ur,pr=ur("click"),dr=ur("dblclick"),fr=(ur("mousedown"),ur("mouseup"),ur("mousemove"),ur("mouseover"),ur("mouseout"),ur("mouseenter"),ur("mouseleave"),ur("touchstart"),ur("touchmove"),ur("touchend"),ur("keydown")),vr=ur("keyup"),yr=(ur("keypress"),ur("drag"),ur("dragstart")),gr=ur("drop"),mr=ur("dragover"),br=(ur("dragenter"),ur("dragleave"),ur("dragexit"),ur("dragout"),ur("dragend")),kr=(ur("contextmenu"),ur("change")),xr=ur("input"),wr=ur("focus"),Sr=(ur("focusin"),ur("focusout")),Pr=ur("blur"),jr=(ur("paste"),ur("resize")),Or=ur("scroll"),$r=ur("submit"),Cr=hr("pointerdown"),Er=hr("pointerover"),Tr=(hr("pointerenter"),hr("pointerout")),Vr=hr("pointermove"),Dr=hr("pointerup"),Ir=hr("change","input"),Mr=hr("wheel","mousewheel","DOMMouseScroll"),Lr=(ur("animationstart"),ur("animationend"),ur("animationiteration"),ur("transitionstart"),ur("transitionend")),Rr=(ur("transitionrun"),ur("transitioncancel"),hr("doubletab")),Ar=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:cr;return ir(e,t)},zr=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:cr;return ir("after(".concat(e,")"),t)},Fr=Ar,Br=Ar,Gr=(Ar("ArrowUp"),Ar("ArrowDown"),Ar("ArrowLeft"),Ar("ArrowRight"),Ar("Enter")),Hr=(Ar("Space"),Ar("Escape")),Nr=Ar("isAltKey"),Xr=(Ar("isShiftKey"),Ar("isMetaKey"),Ar("isCtrlKey"),Ar("self"),Ar("fit"),Ar("passive"),Ar("domdiff")),Yr=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Ar("debounce(".concat(e,")"))},_r=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:300;return Ar("delay(".concat(e,")"))},Kr=(Yr(1e3),function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:100;return Ar("throttle(".concat(e,")"))}),Wr=(Ar("capture()"),function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"move";return zr("bodyMouseMove ".concat(e))}),Ur=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"end";return zr("bodyMouseUp ".concat(e))},Zr=zr("preventDefault"),qr=zr("stopPropagation"),Jr=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el";return"load "+e},Qr=function(e){if(""===e)return"";var t=ie();return lr[t]=e,t},ei=function(e){return function(){return this.prevState[e]!=this.state[e]}},ti=function(){return!0},ni=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"$el",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return"bind "+e+(t?cr+Qr(t):"")};function ri(e,t){return Math.sign(e)*Math.min(t,Math.abs(e))}var ii,ai={addEvent:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];e&&e.addEventListener(t,n,r)},removeEvent:function(e,t,n){e&&e.removeEventListener(t,n)},pos:function(e){return e.touches&&e.touches[0]?e.touches[0]:e},posXY:function(e){var t=this.pos(e);return{x:t.pageX,y:t.pageY}}},oi=n(6),si=n.n(oi),ci=n(10),li=n.n(ci),ui=n(14),hi=n.n(ui),pi=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};zn()(this,e),this.context=t,this.options=n}return Bn()(e,[{key:"initialize",value:function(){}},{key:"load",value:function(){}},{key:"refresh",value:function(){}},{key:"render",value:function(){}},{key:"getRef",value:function(e){return this.context.getRef(e)}},{key:"run",value:function(){}},{key:"destroy",value:function(){}}]),e}(),di={touchstart:!0,touchmove:!0,mousedown:!0,mouseup:!0,mousemove:!0},fi={doubletab:"touchend"},vi={doubletab:!0},yi=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initialize",value:function(){var e=this;this.destroy(),this._domEvents||(this._domEvents=this.context.filterProps(ar)),this._domEvents.forEach((function(t){return e.parseEvent(t)}))}},{key:"destroy",value:function(){this.removeEventAll()}},{key:"removeEventAll",value:function(){var e=this;this.getBindings().forEach((function(t){e.removeEvent(t)})),this.initBindings()}},{key:"removeEvent",value:function(e){var t=e.eventName,n=e.dom,r=e.callback;ai.removeEvent(n,t,r)}},{key:"getBindings",value:function(){return this._bindings||this.initBindings(),this._bindings}},{key:"addBinding",value:function(e){this.getBindings().push(e)}},{key:"initBindings",value:function(){this._bindings=[]}},{key:"matchPath",value:function(e,t){return e?e.matches(t)?e:this.matchPath(e.parentElement,t):null}},{key:"hasDelegate",value:function(e,t){return this.matchPath(e.target||e.srcElement,t.delegate)}},{key:"makeCallback",value:function(e,t){return e.delegate?this.makeDelegateCallback(e,t):this.makeDefaultCallback(e,t)}},{key:"makeDefaultCallback",value:function(e,t){var n=this;return function(r){var i=n.runEventCallback(r,e,t);if(tt(i))return i}}},{key:"makeDelegateCallback",value:function(e,t){var n=this;return function(r){var i=n.hasDelegate(r,e);if(i){r.$dt=rr.create(i);var a=n.runEventCallback(r,e,t);if(tt(a))return a}}}},{key:"runEventCallback",value:function(e,t,n){var r=this.context;if(e.xy=ai.posXY(e),t.beforeMethods.length&&t.beforeMethods.every((function(t){return r[t.target].call(r,e,t.param)})),this.checkEventType(e,t)){var i=n(e,e.$dt,e.xy);return!1!==i&&t.afterMethods.length&&t.afterMethods.forEach((function(t){return r[t.target].call(r,e,t.param)})),i}}},{key:"checkEventType",value:function(e,t){var n=this.context,r=!0;t.codes.length&&(r=!!e.code&&t.codes.indexOf(e.code.toLowerCase())>-1||!!e.key&&t.codes.indexOf(e.key.toLowerCase())>-1);var i=!0;return t.checkMethodList.length&&(i=t.checkMethodList.every((function(t){var r=n[t];return st(r)&&r?r.call(n,e):!tt(r)||!!r}))),r&&i}},{key:"getDefaultDomElement",value:function(e){var t,n=this.context;return(t=e?n.refs[e]||n[e]||window[e]:n.el||n.$el||n.$root)instanceof rr?t.getElement():t}},{key:"getRealEventName",value:function(e){return fi[e]||e}},{key:"getCustomEventName",value:function(e){return vi[e]?e:""}},{key:"getDefaultEventObject",value:function(e,t){var n=this.context,r=t,i=r.filter((function(e){return!!n[e]})),a=Ot(r,"after"),o=k()(a,2),s=o[0],c=o[1],l=Ot(r,"before"),u=k()(l,2),h=u[0],p=u[1],d=Ot(r,"debounce"),f=k()(d,2),v=f[0],y=f[1],g=Ot(r,"delay"),m=k()(g,2),b=m[0],x=m[1],w=Ot(r,"throttle"),S=k()(w,2),P=S[0],O=S[1],$=Ot(r,"capture"),C=k()($,1)[0],E=[].concat(j()(i),j()(s),j()(h),j()(b),j()(v),j()(P),j()(C)),T=r.filter((function(e){return-1===E.indexOf(e)})).map((function(e){return e.toLowerCase()}));return{eventName:this.getRealEventName(e),customEventName:this.getCustomEventName(e),codes:T,captures:C,afterMethods:c,beforeMethods:p,delayMethods:x,debounceMethods:y,throttleMethods:O,checkMethodList:i}}},{key:"addEvent",value:function(e,t){e.callback=this.makeCallback(e,t),this.addBinding(e);var n=!!e.captures.length;di[e.eventName]&&(n={passive:!0,capture:n}),ai.addEvent(e.dom,e.eventName,e.callback,n)}},{key:"makeCustomEventCallback",value:function(e,t){var n=this;if("doubletab"===e.customEventName){var r=300;return e.delayMethods.length&&(r=+e.delayMethods[0].target),function(){n.doubleTab?(performance.now()-n.doubleTab.time<r&&t.apply(void 0,arguments),n.doubleTab=null):n.doubleTab={time:performance.now()}}}return t}},{key:"bindingEvent",value:function(e,t,n){var r=S()(e),i=r[0],a=r[1],o=r.slice(2),s=this.getDefaultEventObject(i,t);if(s.dom=this.getDefaultDomElement(a),s.delegate=o.join(" "),s.debounceMethods.length)n=Ke(n,+s.debounceMethods[0].target);else if(s.throttleMethods.length){n=We(n,+s.throttleMethods[0].target)}n=this.makeCustomEventCallback(s,n),this.addEvent(s,n)}},{key:"getEventNames",value:function(e){var t=[];return e.split(":").forEach((function(e){var n=e.split(":");t.push.apply(t,n)})),t}},{key:"parseEvent",value:function(e){for(var t=this.context,n=e.split(cr).map((function(e){return e.trim()})),r=n.shift().split("dom ")[1].split(" "),i=this.getEventNames(r[0]),a=t[e].bind(t),o=0,s=i.length;o<s;o++)r[0]=i[o],this.bindingEvent(r,n,a)}}]),t}(pi),gi=function(e,t,n){if("cssText"!==t)if("style"!==t)if("class"!==t)"callback"===t&&st(n)?n():et(n)?e.removeAttr(t):"TEXTAREA"===e.el.nodeName&&"value"===t?e.text(n):"text"===t||"textContent"===t?e.text(n):"innerHTML"===t||"html"===t?e.html(n):"value"===t?e.val(n):e.attr(t,n);else if(nt(n))e.addClass.apply(e,j()(n));else if(ot(n))for(var r=Object.keys(n),i=0,a=r.length;i<a;i++){var o=r[i],s=n[o];e.toggleClass(o,s)}else e.addClass(n);else at(n)&&e.css(n);else e.cssText(n)},mi=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"load",value:function(){this.bindData.apply(this,arguments)}},{key:"bindData",value:function(){var e,t,n,r=this,i=arguments;return li.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:for(e=i.length,t=new Array(e),n=0;n<e;n++)t[n]=i[n];return this._bindMethods||(this._bindMethods=this.context.filterProps(sr)),a.next=4,li.a.awrap(this._bindMethods.filter((function(e){if(!t.length)return!0;var n=e.split(cr),r=k()(n,2),i=r[0],a=(r[1],i.split(" ")),o=k()(a,2),s=(o[0],o[1]);return t.indexOf(s)>-1})).forEach((function(e){var n,i,a,o,s,c,l,u,h,p,d,f,v,y,g;return li.a.async((function(m){for(;;)switch(m.prev=m.next){case 0:if(n=r.context[e],i=e.split(cr),a=k()(i,2),e=a[0],o=a[1],s=r.getRef(o),c=ti,""!=s&&it(s)?c=ei(s):st(s)&&(c=s),l=e.split("bind ")[1],u=r.context.refs[l],h=st(c)&&c.call(r.context),!u||!h){m.next=16;break}return m.next=11,li.a.awrap(n.call.apply(n,[r.context].concat(t)));case 11:if(p=m.sent){m.next=14;break}return m.abrupt("return");case 14:for(d=Object.keys(p),f=0,v=d.length;f<v;f++)y=d[f],g=p[y],gi(u,y,g);case 16:case"end":return m.stop()}}))})));case 4:case"end":return a.stop()}}),null,this)}},{key:"destroy",value:function(){this._bindMethods=void 0}}]),t}(pi),bi={};function ki(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};Object.assign(bi,e)}function xi(){var e=hi()(["",""]);return xi=function(){return e},e}function wi(){var e=hi()(["\n        ","\n      "]);return wi=function(){return e},e}function Si(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Pi(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Si(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Si(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ji=rr.create("div"),Oi="[".concat("ref","]"),$i=(ii={constructor:!0,initState:!0,refresh:!0,updateData:!0},m()(ii,"constructor",!0),m()(ii,"initializeProperty",!0),m()(ii,"created",!0),m()(ii,"getRealEventName",!0),m()(ii,"initializeStoreEvent",!0),m()(ii,"destoryStoreEvent",!0),m()(ii,"destroy",!0),m()(ii,"emit",!0),m()(ii,"trigger",!0),m()(ii,"on",!0),m()(ii,"off",!0),m()(ii,"setState",!0),m()(ii,"_reload",!0),m()(ii,"render",!0),m()(ii,"initialize",!0),m()(ii,"afterRender",!0),m()(ii,"components",!0),m()(ii,"getRef",!0),m()(ii,"parseTemplate",!0),m()(ii,"childrenIds",!0),m()(ii,"exists",!0),m()(ii,"parseProperty",!0),m()(ii,"parseSourceName",!0),m()(ii,"parseComponent",!0),m()(ii,"clean",!0),m()(ii,"refresh",!0),m()(ii,"load",!0),m()(ii,"bindData",!0),m()(ii,"template",!0),m()(ii,"eachChildren",!0),m()(ii,"destroy",!0),m()(ii,"collectProps",!0),m()(ii,"filterProps",!0),m()(ii,"self",!0),m()(ii,"isAltKey",!0),m()(ii,"isCtrlKey",!0),m()(ii,"isShiftKey",!0),m()(ii,"isMetaKey",!0),m()(ii,"preventDefault",!0),m()(ii,"stopPropagation",!0),m()(ii,"bodyMouseMove",!0),m()(ii,"bodyMouseUp",!0),ii),Ci=function(){function e(t,n){zn()(this,e),this.state={},this.prevState={},this.refs={},this.children={},this._bindings=[],this.id=ie(),this.handlers=this.initializeHandler(),this.initializeProperty(t,n),this.initComponents()}return Bn()(e,[{key:"initializeProperty",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.opt=e||{},this.parent=this.opt,this.props=t,this.source=ie(),this.sourceName=this.constructor.name}},{key:"initComponents",value:function(){this.childComponents=Pi({},this.components())}},{key:"initializeHandler",value:function(){return[new mi(this),new yi(this)]}},{key:"initState",value:function(){return{}}},{key:"setState",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.prevState=this.state,this.state=Object.assign({},this.state,e),t&&this.load()}},{key:"toggleState",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];this.setState(m()({},e,!this.state[e]),t)}},{key:"_reload",value:function(e){this.props=e,this.state={},this.setState(this.initState(),!1),this.refresh(!0)}},{key:"render",value:function(e){this.$el=this.parseTemplate(mt(wi(),this.template())),this.refs.$el=this.$el,e&&e.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 e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r=t.join("");return this.refs[r]}},{key:"parseTemplate",value:function(e,t){var n=this;nt(e)&&(e=e.join("")),e=e.trim();var r=ji.html(e).children();return r.forEach((function(e){var t=e.attr("ref");t&&(n.refs[t]=e);var r=e.$$(Oi),i={};r.forEach((function(e){var r=e.attr("ref");i[r]?console.warn("".concat(t," is duplicated. - ").concat(n.sourceName),n):i[r]=!0,n.refs[r]=e}))})),t?ji.createChildrenFragment():r[0]}},{key:"childrenIds",value:function(){return Ze(this.children,(function(e,t){return t.id}))}},{key:"exists",value:function(){return!this.parent||!st(this.parent.childrenIds)||this.parent.childrenIds().indexOf(this.id)>-1}},{key:"parseProperty",value:function(e){var t,n={},r=!0,i=!1,a=void 0;try{for(var o,s=e.el.attributes[Symbol.iterator]();!(r=(o=s.next()).done);r=!0){var c=o.value;n[c.nodeName]=c.nodeValue}}catch(e){i=!0,a=e}finally{try{r||null==s.return||s.return()}finally{if(i)throw a}}return n.props&&(n=Pi({},n,{},(t=n.props,lr[t]||""))),e.$$("property").forEach((function(e){var t=e.attrs("name","value","type"),r=k()(t,3),i=r[0],a=r[1],o=r[2],s=a||e.text();"json"===o&&(s=JSON.parse(s)),n[i]=s})),n}},{key:"parseSourceName",value:function(e){return e.parent?[e.sourceName].concat(j()(this.parseSourceName(e.parent))):[e.sourceName]}},{key:"getEventMachineComponent",value:function(e){return bi[e]||this.childComponents[e]}},{key:"parseComponent",value:function(){var e=this;this.$el.$$("[refclass]").forEach((function(t){var n=e.getEventMachineComponent(t.attr("refclass"));if(n){var r=e.parseProperty(t),i=t.attr("ref"),a=null;e.children[i]?(a=e.children[i])._reload(r):(a=new n(e,r),e.children[i||a.id]=a,a.render()),t.replace(a.$el)}else t.remove()})),Ue(this.children,(function(t,n){n&&n.clean()&&delete e.children[t]}))}},{key:"clean",value:function(){if(this.$el&&!this.$el.hasParent())return Ue(this.children,(function(e,t){t.clean()})),this.destroy(),this.$el=null,!0}},{key:"refresh",value:function(){this.load()}},{key:"_afterLoad",value:function(){this.runHandlers("initialize"),this.bindData(),this.parseComponent()}},{key:"load",value:function(){var e,t,n,r=this,i=arguments;return li.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:for(e=i.length,t=new Array(e),n=0;n<e;n++)t[n]=i[n];return this._loadMethods||(this._loadMethods=this.filterProps(or)),a.next=4,li.a.awrap(this._loadMethods.filter((function(e){var n=e.split("load ")[1].split(cr).map((function(e){return e.trim()}))[0];return!t.length||t.indexOf(n)>-1})).forEach((function(e){var n,i,a,o,s,c,l,u,h;return li.a.async((function(p){for(;;)switch(p.prev=p.next){case 0:if(n=e.split("load ")[1],i=n.split(cr).map((function(e){return e.trim()})),a=S()(i),o=a[0],s=(s=a.slice(1)).map((function(e){return e.trim()})),c=Boolean(s.filter((function(e){return Xr.includes(e)})).length),!r.refs[o]){p.next=11;break}return p.next=7,li.a.awrap((l=r[e]).call.apply(l,[r].concat(t)));case 7:nt(u=p.sent)&&(u=u.join("")),h=r.parseTemplate(mt(xi(),u),!0),c?r.refs[o].htmlDiff(h):r.refs[o].html(h);case 11:case"end":return p.stop()}}))})));case 4:this._afterLoad();case 5:case"end":return a.stop()}}),null,this)}},{key:"runHandlers",value:function(){for(var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"run",t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];this.handlers.forEach((function(t){return t[e].apply(t,n)}))}},{key:"bindData",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];this.runHandlers.apply(this,["load"].concat(t))}},{key:"template",value:function(){return"<div></div>"}},{key:"eachChildren",value:function(e){st(e)&&Ue(this.children,(function(t,n){e(n)}))}},{key:"rerender",value:function(){var e=this.$el.parent();this.destroy(),this.render(e)}},{key:"destroy",value:function(){this.eachChildren((function(e){e.destroy()})),this.runHandlers("destroy"),this.$el.remove(),this.$el=null,this.refs={},this.children={}}},{key:"collectProps",value:function(){return _e(this,$i)}},{key:"filterProps",value:function(e){return this.collectProps().filter((function(t){return t.match(e)}))}},{key:"self",value:function(e){return e&&e.$dt&&e.$dt.is(e.target)}},{key:"isAltKey",value:function(e){return e.altKey}},{key:"isCtrlKey",value:function(e){return e.ctrlKey}},{key:"isShiftKey",value:function(e){return e.shiftKey}},{key:"isMetaKey",value:function(e){return e.metaKey||"Meta"==e.key||e.code.indexOf("Meta")>-1}},{key:"preventDefault",value:function(e){return e.preventDefault(),!0}},{key:"stopPropagation",value:function(e){return e.stopPropagation(),!0}},{key:"bodyMouseMove",value:function(e,t){this[t]&&this.emit("add/body/mousemove",this[t],this,e.xy)}},{key:"bodyMouseUp",value:function(e,t){this[t]&&this.emit("add/body/mouseup",this[t],this,e.xy)}}]),e}(),Ei=new Map,Ti=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"has",value:function(e){return Ei.has(e)}},{key:"get",value:function(e){return Ei.get(e)}},{key:"set",value:function(e,t){Ei.size>1e3&&Ei.clear(),Ei.set(e,t)}}]),e}(),Vi=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"parseStyle",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50% 0%";if(Ti.has(e))return Ti.get(e);var t=e.trim().split(" ").filter((function(e){return e.trim()})),n=null;return n=1===t.length?[t[0],t[0]].map((function(e){return nr.parse(e)})):t.map((function(e){return nr.parse(e)})),Ti.set(e,n),n}},{key:"scale",value:function(t,n,r){var i=e.parseStyle(t);return[i[0].toPx(n).value,i[1].toPx(r).value,i[2].value]}},{key:"toPx",value:function(t,n,r){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=e.parseStyle(t),o=k()(a,3),s=o[0],c=o[1],l=o[2];return s=s.toPx(n),c=c.toPx(r),l=l.toPx(i),"".concat(s," ").concat(c," ").concat(l)}}]),e}();function Di(e,t,n,r,i,a,o,s){var c=((o-i)*(t-a)-(s-a)*(e-i))/((s-a)*(n-e)-(o-i)*(r-t)),l=((n-e)*(t-a)-(r-t)*(e-i))/((s-a)*(n-e)-(o-i)*(r-t));return 0<=c&&c<=1&&0<=l&&l<=1}function Ii(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,r=!1,i=e.length;return e.forEach((function(a,o){var s=k()(a,2),c=s[0],l=s[1],u=k()(e[(o+1)%i],2),h=u[0],p=u[1];(l>=n&&p<n||l<n&&p>=n)&&t<(h-c)*(n-l)/(p-l)+c&&(r=!r)})),r}function Mi(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1?arguments[1]:void 0,n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0,i=arguments.length>4?arguments[4]:void 0,a=e.length;return e.some((function(o,s){var c=k()(o,2),l=c[0],u=c[1],h=k()(e[(s+1)%a],2),p=h[0],d=h[1];return Di(t,n,r,i,l,u,p,d)}))}function Li(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=e.length;return e.some((function(r,i){var a=k()(r,2),o=a[0],s=a[1],c=k()(e[(i+1)%n],2),l=c[0],u=c[1],h=Mi(t,o,s,l,u);return!!h||!!(h=Ii(e,t[0][0],t[0][1]))}))}function Ri(e,t,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"50% 50% 0px",a=Vi.scale(i,n,r);return[[e,t,0],[e+n,t,0],[e+n,t+r,0],[e,t+r,0],[e+a[0],t+a[1],0]]}function Ai(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=D.d.lerp([],e[0],e[1],.5),r=D.d.lerp([],e[2],e[3],.5),i=H(r,n,t);return i}function zi(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=Number.MAX_SAFE_INTEGER,n=Number.MAX_SAFE_INTEGER,r=Number.MIN_SAFE_INTEGER,i=Number.MIN_SAFE_INTEGER,a=[],o=[];return e.forEach((function(e){e.verties().forEach((function(e){a.push(e[0]),o.push(e[1])}))})),t=Math.min.apply(Math,a),r=Math.max.apply(Math,a),n=Math.min.apply(Math,o),i=Math.max.apply(Math,o),t===Number.MAX_SAFE_INTEGER&&(t=0),n===Number.MAX_SAFE_INTEGER&&(n=0),r===Number.MIN_SAFE_INTEGER&&(r=0),i===Number.MIN_SAFE_INTEGER&&(i=0),Ri(t,n,r-t,i-n)}function Fi(e){var t=nr.px(e[0][0]).floor(),n=nr.px(e[0][1]).floor();return{x:t,left:t,y:n,top:n,width:nr.px(D.d.dist(e[0],e[1])).floor(),height:nr.px(D.d.dist(e[0],e[3])).floor()}}function Bi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Gi(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Bi(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Bi(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Hi=function(){function e(){var t=this,n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return zn()(this,e),this.ref=new Proxy(this,{get:function(e,t){var n=e[t];return st(n)?function(){for(var t=arguments.length,r=new Array(t),i=0;i<t;i++)r[i]=arguments[i];return n.apply(e,r)}:n||e.json[t]},set:function(e,n,r){if(!t.checkField(n,r))throw new Error("".concat(r," is invalid as ").concat(n," property value."));var i=e.json[n]!=r;return e.json[n]=r,i&&t.changed(),!0}}),n instanceof e&&(n=n.toJSON()),this.json=this.convert(Object.assign(this.getDefaultObject(),n)),this.ref}return Bn()(e,[{key:"getDefaultTitle",value:function(){return"Item"}},{key:"getIcon",value:function(){return""}},{key:"isAttribute",value:function(){return!1}},{key:"isChanged",value:function(e){return this.json.timestamp!=Number(e)}},{key:"changed",value:function(){this.json.timestamp=this.json._timestamp+performance.now()}},{key:"setParent",value:function(e){this.json.parent=e}},{key:"getInnerId",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.json.id+e}},{key:"recover",value:function(){}},{key:"setCache",value:function(){}},{key:"is",value:function(e){return!!this.json&&e===this.json.itemType}},{key:"isNot",value:function(e){return!1===this.is(e)}},{key:"isSVG",value:function(){return!1}},{key:"generateListNumber",value:function(){this.layers.forEach((function(e,t){e.no=t,e.generateListNumber()}))}},{key:"convert",value:function(e){var t=this;return e.layers&&e.layers.forEach((function(e){e.parent=t.ref})),e}},{key:"checkField",value:function(e,t){return!0}},{key:"toCloneObject",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=this.attrs("itemType","elementType","type","visible","lock","selected");return e&&(t.layers=this.json.layers.map((function(t){return t.clone(e)}))),t}},{key:"clone",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=this.constructor,n=new t(this.toCloneObject(e));return n.setParent(this.json.parent),n}},{key:"reset",value:function(e){this.json=this.convert(Object.assign(this.json,e)),this.changed()}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=ae();return Gi({id:t,_timestamp:Date.now(),_time:performance.now(),visible:!0,lock:!1,selected:!1,layers:[]},e)}},{key:"attrs",value:function(){for(var e=this,t={},n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return r.forEach((function(n){t[n]=ht(e.json[n])})),t}},{key:"hasChildren",value:function(){return this.layers.length>0}},{key:"appendChildItem",value:function(e){return e.parent===this.ref?e:(this.resetMatrix(e),e.parent&&e.remove(),e.setParent(this.ref),this.json.layers.push(e),this.project.addIndexItem(e),e)}},{key:"prependChildItem",value:function(e){return this.resetMatrix(e),e.parent&&e.remove(),e.setParent(this.ref),this.json.layers.unshift(e),this.project.addIndexItem(e),e}},{key:"resetMatrix",value:function(e){}},{key:"insertChildItem",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;return this.resetMatrix(e),e.parent&&e.remove(),e.setParent(this.ref),this.json.layers.splice(t,0,e),this.project.addIndexItem(e),e}},{key:"appendAfter",value:function(e){var t=this.parent.findIndex(this);return this.parent.insertChildItem(e,t),this.project.addIndexItem(e),e}},{key:"appendBefore",value:function(e){var t=this.parent.findIndex(this);return this.parent.insertChildItem(e,t-1),this.project.addIndexItem(e),e}},{key:"setPositionInPlace",value:function(e,t){this.layers.splice(e,0,t)}},{key:"toggle",value:function(e,t){et(t)?this.json[e]=!this.json[e]:this.json[e]=!!t}},{key:"isTreeItemHide",value:function(){var e=this.parent,t=[];do{if(e.is("project"))break;t.push(Boolean(e.collapsed)),e=e.parent}while(e);return Boolean(t.filter(Boolean).length)}},{key:"expectJSON",value:function(e){return"parent"!==e&&!et(this.json[e])}},{key:"toJSON",value:function(){var e=this,t=this.json,n={};return Object.keys(t).filter((function(t){return e.expectJSON(t)})).forEach((function(e){n[e]=t[e]})),n}},{key:"resize",value:function(){}},{key:"copy",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return this.json.parent.copyItem(this.ref,e)}},{key:"findIndex",value:function(e){return this.json.layers.indexOf(e.ref)}},{key:"copyItem",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:10,n=e.clone();n.move([t,t,0]);var r=this.findIndex(e);return r>-1&&(this.json.layers.splice(r+1,0,n),this.project.addIndexItem(n)),n}},{key:"remove",value:function(){this.json.parent.removeItem(this.ref),this.project.removeIndexItem(this.ref)}},{key:"removeItem",value:function(e){var t=this.findIndex(e);t>-1&&this.json.layers.splice(t,1)}},{key:"hasParent",value:function(e){var t=this.json.parent.id===e;return t||!1!==this.json.parent.is("project")?t:this.json.parent.hasParent(e)}},{key:"searchById",value:function(e){if(this.id===e)return t.addIndexItem(this.ref),this.ref;for(var t=this.project,n=0,r=this.layers.length;n<r;n++){var i=this.layers[n];if(i.id===e)return t.addIndexItem(i),i;var a=i.searchById(e);if(a)return a}return null}},{key:"title",get:function(){return this.json.name||this.getDefaultTitle()}},{key:"allLayers",get:function(){return function e(t){var n=[];return t.layers.length&&t.layers.forEach((function(t){n.push.apply(n,e(t))})),n.push(t),n}(this.ref)}},{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:"depth",get:function(){return this.parent?this.parent.depth+1:1}},{key:"top",get:function(){if(!this.parent)return this.ref;var e=this.parent;do{if(!e.parent)return e;e=e.parent}while(e)}},{key:"project",get:function(){return this.path.find((function(e){return e.is("project")}))}},{key:"artboard",get:function(){return this.path.find((function(e){return e.is("artboard")}))}},{key:"path",get:function(){if(!this.parent)return[this.ref];var e=this.parent.path;return e.push(this.ref),e}},{key:"positionInParent",get:function(){if(!this.parent)return-1;for(var e=this.parent.layers,t=-1,n=0,r=e.length;n<r;n++)if(e[n]===this.ref){t=n;break}return t}}]),e}();function Ni(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Xi(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ni(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ni(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Yi=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Xi({selected:!1,layers:[]},e)}},{key:"isAttribute",value:function(){return!0}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return bt(this.toCSS())}}]),t}(Hi),_i=new Map,Ki=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"has",value:function(e){return _i.has(e)}},{key:"get",value:function(e){return _i.get(e)}},{key:"set",value:function(e,t){_i.size>1e3&&_i.clear(),_i.set(e,t)}}]),e}();function Wi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Ui=/((matrix|translate(X|Y|Z|3d)?|scale(X|Y|Z|3d)?|rotate(X|Y|Z|3d)?|skew(X|Y)|matrix(3d)?|perspective)\(([^\)]*)\))/gi,Zi=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return{itemType:"transform",value:[]}}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Wi(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Wi(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},this.attrs("itemType","type","value"))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value.join(", ")||"",")")}},{key:"hasNumberValue",value:function(){var e=this.json.type;return e.includes("matrix")||e.includes("scale")}}],[{key:"join",value:function(e){var n=e.filter((function(e){return"perspective"===e.type})),r=e.filter((function(e){return"matrix3d"===e.type})),i=e.filter((function(e){return"perspective"!==e.type&&"matrix3d"!==e.type}));return[].concat(j()(n),j()(i),j()(r)).map((function(e){return new t(e).toString()})).join(" ")}},{key:"parse",value:function(e){return new t(e)}},{key:"remove",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return it(n)&&(n=[n]),t.filter(e,(function(e){return!1===n.includes(e.type)}))}},{key:"filter",value:function(e,n){return t.join(t.parseStyle(e,!1).filter((function(e){return n(e)})))}},{key:"replace",value:function(e,n){var r=t.parseStyle(e,!1),i=r.find((function(e){return e.type===n.type}));return i?i.value=n.value:r.push(n),t.join(r)}},{key:"replaceAll",value:function(e,n){for(var r=t.parseStyle(e,!1),i=t.parseStyle(n),a=0,o=i.length;a<o;a++){var s=i[a],c=r.find((function(e){return e.type===s.type}));c?c.value=s.value:r.push(s)}return t.join(r)}},{key:"addTransform",value:function(e,n){for(var r=t.parseStyle(e,!1),i=t.parseStyle(n),a=0,o=i.length;a<o;a++){var s=i[a],c=r.find((function(e){return e.type===s.type}));c?s.value.forEach((function(e,t){c.value[t].value+=e.value})):r.push(s)}return t.join(r)}},{key:"get",value:function(e,n){var r=t.parseStyle(e);if(r=st(n)?r.find(n):r.find((function(e){return e.type===n})))return r.value}},{key:"createRotateKey",value:function(e,t,n){return"".concat(e,":::").concat(n,"(").concat(t,")")}},{key:"rotate",value:function(e,n){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"rotate",i=t.createRotateKey(e,n,r);return Ki.has(i)?Ki.get(i):(Ki.set(i,t.replace(e,{type:r,value:[n]})),Ki.get(i))}},{key:"rotateZ",value:function(e,n){return t.rotate(e,n,"rotateZ")}},{key:"rotateX",value:function(e,n){return t.rotate(e,n,"rotateX")}},{key:"rotateY",value:function(e,n){return t.rotate(e,n,"rotateY")}},{key:"parseStyle",value:function(e){var n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=[];if(!e)return r;if(n&&Ki.has(e))return Ki.get(e);var i=e.match(Ui)||[];return i.forEach((function(e,n){var i=e.split("("),a=k()(i,2),o=a[0],s=a[1],c=(s=s.split(")")[0]).split(",");c=s.includes("matrix")||s.includes("scale")?c.map((function(e){return nr.number(e.trim())})):c.map((function(e){return nr.parse(e.trim())})),r[n]=t.parse({type:o,value:c})})),n&&Ki.set(e,r),r}},{key:"createTransformMatrix",value:function(e,t,n){for(var r=D.a.create(),i=0,a=e.length;i<a;i++){var o=e[i];switch(o.type){case"translate":case"translateX":case"translateY":case"translateZ":var s=o.value;"translate"===o.type?s=[s[0].toPx(t).value,s[1].toPx(n).value,0]:"translateX"===o.type?s=[s[0].toPx(t).value,0,0]:"translateY"===o.type?s=[0,s[0].toPx(n).value,0]:"translateZ"===o.type&&(s=[0,0,s[0].toPx().value]),D.a.translate(r,r,s);break;case"rotate":case"rotateZ":D.a.rotateZ(r,r,L(o.value[0].value));break;case"rotateX":D.a.rotateX(r,r,L(o.value[0].value));break;case"rotateY":D.a.rotateY(r,r,L(o.value[0].value));break;case"rotate3d":s=o.value;D.a.rotate(r,r,L(o.value[3].value),[s[0].value,s[1].value,s[2].value]);break;case"scale":D.a.scale(r,r,[o.value[0].value,o.value[1].value,1]);break;case"scaleX":D.a.scale(r,r,[o.value[0].value,1,1]);break;case"scaleY":D.a.scale(r,r,[1,o.value[0].value,1]);break;case"scaleZ":D.a.scale(r,r,[1,1,o.value[0].value]);break;case"matrix":s=[(s=o.value)[0].value,s[1].value,0,0,s[2].value,s[3].value,0,0,0,0,1,0,s[4].value,s[5].value,0,1],D.a.multiply(r,r,s);break;case"matrix3d":s=o.value.map((function(e){return e.value}));D.a.multiply(r,r,s)}}return r}},{key:"fromScale",value:function(e){if(1===e[0]&&1===e[1])return"";var t=[];return 1!=e[0]&&t.push("scaleX(".concat(e[0],")")),1!=e[1]&&t.push("scaleY(".concat(e[1],")")),1!=e[2]&&t.push("scaleZ(".concat(e[2],")")),t.join(" ")}}]),t}(Yi),qi=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"isEqual",value:function(t,n,r){return 2===arguments.length?t.x===n.x&&t.y===n.y:3===arguments.length?e.isEqual(t,n)&&e.isEqual(n,r):void 0}},{key:"isFirst",value:function(e){return e&&"M"==e.command}},{key:"DouglasPeuker",value:function(t,n,r,i){if(!(i<=r+1)){for(var a=0,o=r,s=t*t,c=n[r],l=n[i],u=r+1;u<i;u++){var h=e.segmentDistance2(n[u].x,n[u].y,c,l);h<=a||(o=u,a=h)}a>s&&(n[o].mark=!0,e.DouglasPeuker(t,n,r,o),e.DouglasPeuker(t,n,o,i))}}},{key:"simply",value:function(t,n){return t.length<=2?t:((t=ht(t))[0].mark=!0,t[t.length-1].mark=!0,e.DouglasPeuker(n,t,0,t.length-1),t.filter((function(e){return Boolean(e.mark)})))}},{key:"segmentDistance2",value:function(e,t,n,r){var i=r.x-n.x,a=r.y-n.y,o=i*i+a*a,s=e-n.x,c=t-n.y,l=i*s+a*c;if(0===o)return s*s+c*c;if(l<=0)return s*s+c*c;if(l>=o)return(s=e-r.x)*s+(c=t-r.y)*c;var u=s*a-c*i;return u*u/o}},{key:"isInLine",value:function(e,t,n){return e.x===n.x?t.x===n.x:e.y===n.y?t.y===n.y:(e.x-n.x)*(e.y-n.y)==(n.x-t.x)*(n.y-t.y)}},{key:"isLine",value:function(t){return e.isInLine(t.endPoint,t.startPoint,t,reversePoint)}},{key:"getReversePoint",value:function(e,t){var n=e.x-t.x,r=e.y-t.y;return{x:e.x+n,y:e.y+r}}},{key:"getIndexPoint",value:function(e,t){return e[t]}},{key:"getPoint",value:function(t,n){return t.filter((function(t){return e.isEqual(t.startPoint,n)}))[0]}},{key:"getIndex",value:function(t,n){for(var r=-1,i=0,a=t.length;i<a;i++){var o=t[i];if(e.isEqual(o.startPoint,n)){r=i;break}}return r}},{key:"getPointIndex",value:function(t,n){for(var r=-1,i=0,a=t.length;i<a;i++){var o=t[i];if(e.isEqual(o,n)){r=i;break}}return r}},{key:"getLastPoint",value:function(e,t){if(!e.length)return null;for(var n=-1,r=t+1,i=e.length;r<i;r++)if("M"===e[r].command){n=r-1;break}-1==n&&(n=e.length-1),e[n]&&"Z"===e[n].command&&(n-=1);var a=e[n];return a&&(a.index=n),a}},{key:"getFirstPoint",value:function(e,t){for(var n=-1,r=t-1;r>0;r--)if("M"===e[r].command){n=r;break}-1===n&&(n=0);var i=e[n];return i&&(i.index=n),i}},{key:"getConnectedPoint",value:function(e,t){}},{key:"getPrevPoint",value:function(t,n){var r=n-1;if(r<0)return e.getLastPoint(t,n);var i=t[r];return i&&(i.index=r),i}},{key:"getNextPoint",value:function(t,n){var r=t[n],i=t[n+1];return i&&(i.index=n+1),r.connected&&(i=e.getFirstPoint(t,n)),i}},{key:"removePoint",value:function(e,t,n){if("startPoint"===n)return e.filter((function(e,n){return n!==t}))}},{key:"splitPoints",value:function(t){var n=[],r=[];return t.forEach((function(t){e.isFirst(t)?(r=[t],n.push(r)):r.push(t)})),n}},{key:"recoverPoints",value:function(e){var t=[];return e.forEach((function(e){e.forEach((function(e,t){0===t&&(e.command="M",e.originalCommand="M")})),t.push.apply(t,e)})),t.forEach((function(e,t){e.index=t})),t}}]),e}(),Ji=/([mMlLvVhHcCsSqQtTaAzZ]([^mMlLvVhHcCsSqQtTaAzZ]*))/g,Qi=/-?[0-9]*\.?[0-9]+(?:e[-+]?\d+)?/gi,ea=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";zn()(this,e),this.reset(t)}return Bn()(e,[{key:"reset",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.pathString=e,this.parse()}},{key:"resetSegments",value:function(e){this.segments=e||[],this.pathString=this.joinPath()}},{key:"trim",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.match(Qi)||[];return t.filter((function(e){return""!=e}))}},{key:"parse",value:function(){var e=this,t=this.pathString.match(Ji)||[];this.segments=t.map((function(t){var n=t[0];return{command:n,values:e.trim(t.replace(n,"")).map((function(e){return+e}))}})),this.segments=this.segments.map((function(t,n){switch(t.command){case"c":case"m":case"l":case"q":case"s":case"t":case"v":case"h":for(var r=e.segments[n-1],i=r.values[r.values.length-2],a=r.values[r.values.length-1],o=0,s=t.values.length;o<s;o+=2)t.values[o]+=i,t.values[o+1]+=a;return{command:t.command.toUpperCase(),values:j()(t.values)};default:return t}}))}},{key:"convertGenerator",value:function(){for(var e=[],t=0,n=this.segments.length;t<n;t++){var r=this.segments[t],i=this.segments[t+1],a=r.command,o=r.values;if("M"===a){var s=k()(o,2),c=s[0],l=s[1];e.push({command:a,originalCommand:a,startPoint:{x:c,y:l},endPoint:{x:c,y:l},reversePoint:{x:c,y:l},curve:!1})}else if("L"===a){if((S=qi.getPrevPoint(e,e.length)).curve){var u=k()(o,2);c=u[0],l=u[1];e.push({command:a,originalCommand:a,startPoint:{x:c,y:l},endPoint:{x:c,y:l},reversePoint:ht(S.endPoint),curve:!0})}else{var h=k()(o,2);c=h[0],l=h[1];e.push({command:a,originalCommand:a,startPoint:{x:c,y:l},endPoint:{x:c,y:l},reversePoint:{x:c,y:l},curve:!1})}}else if("Q"===a){var p=k()(o,4),d=p[0],f=p[1];c=p[2],l=p[3];if((S=qi.getPrevPoint(e,e.length)).curve){var v={x:c,y:l},y={x:c,y:l},g={x:c,y:l};e.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1}),S.endPoint={x:d,y:f}}else if(i&&"L"===i.command){S.curve=!0,S.endPoint={x:d,y:f};v={x:c,y:l},g={x:c,y:l},y={x:c,y:l};e.push({command:"L",originalCommand:a,curve:!1,startPoint:v,endPoint:y,reversePoint:g})}else{v={x:c,y:l},g={x:d,y:f},y={x:c,y:l};e.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g})}}else if("T"===a){var m=k()(o,2);c=m[0],l=m[1];if(($=segments[t-1])&&"Q"===$.command){var b=k()($.values,4),x=(d=b[0],f=b[1],b[2]),w=b[3];(S=qi.getPrevPoint(e,e.length)).endPoint=qi.getReversePoint({x:x,y:w},{x:d,y:f});v={x:c,y:l},y={x:c,y:l},g={x:c,y:l};e.push({command:"L",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("C"===a){var S=qi.getPrevPoint(e,e.length),P=k()(o,6),j=(d=P[0],f=P[1],P[2]),O=P[3];v={x:c=P[4],y:l=P[5]},g={x:j,y:O},y={x:c,y:l};e.push({command:a,originalCommand:a,curve:!0,startPoint:v,endPoint:y,reversePoint:g}),S&&(S.curve=!0,S.endPoint={x:d,y:f})}else if("S"===a){var $,C=k()(o,2);c=C[0],l=C[1];if(($=segments[t-1])&&"C"===$.command){var E=k()($.values,4);j=E[0],O=E[1],x=E[2],w=E[3];(S=qi.getPrevPoint(e,e.length)).endPoint=qi.getReversePoint(S.startPoint,S.reversePoint);v={x:c,y:l},y={x:c,y:l},g={x:j,y:O};e.push({command:"Q",originalCommand:a,startPoint:v,endPoint:y,reversePoint:g,curve:!1})}}else if("Z"===a){S=qi.getPrevPoint(e,e.length);var T=qi.getFirstPoint(e,e.length);qi.isEqual(S.startPoint,T.startPoint)&&(S.connected=!0,S.endPoint=ht(T.endPoint),T.reversePoint=ht(S.reversePoint)),S.close=!0}}return e=e.filter((function(e){return!!e}))}},{key:"length",value:function(){return this.segments.length}},{key:"setSegments",value:function(e,t){this.segments[e]=t}},{key:"getSegments",value:function(e){return tt(e)?this.segments[e]:this.segments}},{key:"joinPath",value:function(e){return(e||this.segments).map((function(e){return"".concat(e.command," ").concat(e.values.length?e.values.join(" "):"")})).join("")}},{key:"each",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=this.segments.map((function(n,r){return e.call(t,n,r)}));if(n)return r;this.segments=r}},{key:"_loop",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.each((function(t){var n=t.values;switch(t.command){case"M":case"L":var r=e(n,0);t.values=[r[0],r[1]];break;case"V":r=e([+n[0],0]);t.values=[r[0]];break;case"H":r=e([0,+n[0]]);t.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var i=0,a=n.length;i<a;i+=2){r=e(n,i);t.values[i]=r[0],t.values[i+1]=r[1]}}return t}),t)}},{key:"clone",value:function(){return new e(this.joinPath())}},{key:"translate",value:function(e,t){return this.transformMat4(D.a.fromTranslation([],[e,t,0])),this}},{key:"translateTo",value:function(e,t){return this.joinPath(this.transformMat4(D.a.fromTranslation([],[e,t,0]),!0))}},{key:"scale",value:function(e,t){return this.transformMat4(D.a.fromScaling([],[e,t,1])),this}},{key:"scaleTo",value:function(e,t){return this.joinPath(this.transformMat4(D.a.fromScaling([],[e,t,1]),!0))}},{key:"rotate",value:function(e,t,n){return this.transformMat4(D.a.fromRotation([],L(e),[t||0,n||0,0])),this}},{key:"rotateTo",value:function(e){return this.joinPath(this.transformMat4(D.a.fromRotation([],L(e),[centerX||0,centerY||0,0]),!0))}},{key:"reflectionOrigin",value:function(){return this.transformMat4(D.a.fromScaling([],[-1,-1,0])),this}},{key:"reflectionOriginTo",value:function(){return this.joinPath(this.transformMat4(D.a.fromScaling([],[-1,-1,0]),!0))}},{key:"flipX",value:function(){return this.transformMat4(D.a.fromScaling([],[1,-1,0])),this}},{key:"flipXTo",value:function(){return this.joinPath(this.transformMat4(D.a.fromScaling([],[1,-1,0]),!0))}},{key:"flipY",value:function(){return this.transformMat4(D.a.fromScaling([],[-1,1,0])),this}},{key:"flipYTo",value:function(){return this.joinPath(this.transformMat4(D.a.fromScaling([],[-1,1,0]),!0))}},{key:"skewX",value:function(e){return this.transformMat4(D.a.fromValues(1,Math.tan(L(e)),0,0,0,1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewXTo",value:function(e){return this.joinPath(this.transformMat4(D.a.fromValues(1,Math.tan(L(e)),0,0,0,1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"skewY",value:function(e){return this.transformMat4(D.a.fromValues(1,0,0,0,Math.tan(L(e)),1,0,0,0,0,1,0,0,0,0,1)),this}},{key:"skewYTo",value:function(e){return this.joinPath(this.transformMat4(D.a.fromValues(1,0,0,0,Math.tan(L(e)),1,0,0,0,0,1,0,0,0,0,1),!0))}},{key:"normalize",value:function(){}},{key:"getBBox",value:function(){var e=Number.MAX_SAFE_INTEGER,t=Number.MAX_SAFE_INTEGER,n=Number.MIN_SAFE_INTEGER,r=Number.MIN_SAFE_INTEGER;return this.each((function(i,a){var o,s,c,l=i.values,u=i.command,h=this.segments[a-1];switch(u){case"M":case"L":e=Math.min(e,l[0]),n=Math.max(n,l[0]),t=Math.min(t,l[1]),r=Math.max(r,l[1]);break;case"V":e=Math.min(e,l[0]),n=Math.max(n,l[0]);break;case"H":t=Math.min(t,l[1]),r=Math.max(r,l[1]);break;case"C":(o=[[h.values[h.values.length-2],h.values[h.values.length-1],0],[l[0],l[1],0],[l[2],l[3],0],[l[4],l[5],0]],s=Ye(o),c=o.map((function(e){return{x:e[0],y:e[1]}})),s.map((function(e){var t=Fe(c,e);return[t.x,t.y,0]}))).forEach((function(i){e=Math.min(e,i[0]),n=Math.max(n,i[0]),t=Math.min(t,i[1]),r=Math.max(r,i[1])}));break;case"Q":for(var p=[[h.values[h.values.length-2],h.values[h.values.length-1],0],[l[0],l[1],0],[l[2],l[3],0]].map((function(e){return{x:e[0],y:e[1]}})),d=0;d<=1;d+=1e-4){var f=Be(p,d),v=f.x,y=f.y;e=Math.min(e,v),n=Math.max(n,v),t=Math.min(t,y),r=Math.max(r,y)}}return i})),[[e,t,0],[n,t,0],[n,r,0],[e,r,0]]}},{key:"toString",value:function(){return this.joinPath()}},{key:"transformMat4",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.each((function(t){var n=t.values;switch(t.command){case"M":case"L":var r=D.d.transformMat4([],[n[0],n[1],0],e);t.values=[r[0],r[1]];break;case"V":r=D.d.transformMat4([],[+n[0],0,0],e);t.values=[r[0]];break;case"H":r=D.d.transformMat4([],[0,+n[0],0],e);t.values=[r[1]];break;case"C":case"S":case"T":case"Q":for(var i=0,a=n.length;i<a;i+=2){r=D.d.transformMat4([],[n[i],n[i+1],0],e);t.values[i]=r[0],t.values[i+1]=r[1]}}return t}),t)}},{key:"invert",value:function(e){this.transformMat4(D.a.invert([],e))}},{key:"round",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;return this.each((function(t){return t.values=t.values.map((function(t){return M(t,e)})),t})),this}},{key:"reverseSegments",value:function(e){for(var t=[],n=e.length-1,r=n;r>0;r--){var i=e[r],a=i.values,o=i.command,s=e[r-1],c=s.values[s.values.length-2],l=s.values[s.values.length-1];switch(o){case"L":r===n&&t.push({command:"M",values:[a[0],a[1]]}),t.push({command:"L",values:[c,l]});break;case"C":r===n&&t.push({command:"M",values:[a[4],a[5]]}),t.push({command:"C",values:[a[2],a[3],a[0],a[1],c,l]});break;case"Q":r===n&&t.push({command:"M",values:[a[2],a[3]]}),t.push({command:"Q",values:[a[0],a[1],c,l]});break;case"Z":t.push(i),n=r-1}}return"Z"===t[0].command&&t.push(t.shift()),t}},{key:"splitSegments",value:function(){var e=[],t=[];return this.segments.forEach((function(n){"M"===n.command?(t=[n],e.push(t)):t.push(n)})),e}},{key:"reverse",value:function(){var e=this,t=this.splitSegments(),n=[];t.forEach((function(t){n.push.apply(n,e.reverseSegments(t))})),this.segments=n}},{key:"d",get:function(){return this.toString()}},{key:"verties",get:function(){var e=[],t=[];return this.each((function(n){var r=n.values;switch(n.command){case"M":case"L":e.push([].concat(j()(n.values),[0]));break;case"V":e.push([r[0],t.pop(),0]);break;case"H":t.pop(),e.push([t.pop(),r[0],0]);break;case"C":case"S":case"T":case"Q":for(var i=0,a=r.length;i<a;i+=2)e.push([r[i],r[i+1],0])}t=r})),e}}]),e}();function ta(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function na(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ta(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ta(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ra=nr.z(),ia=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return na({},si()(Xn()(t.prototype),"toCloneObject",this).call(this,e),{},this.attrs("x","y","width","height"))}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).x=nr.parse(e.x),e.y=nr.parse(e.y),e.width=nr.parse(e.width),e.height=nr.parse(e.height),e}},{key:"setScreenX",value:function(e){var t=0;this.isChild&&(t=this.json.parent.screenX.value),this.json.x.set(e-t),this.changed()}},{key:"setScreenY",value:function(e){var t=0;this.isChild&&(t=this.json.parent.screenY.value),this.json.y.set(e-t),this.changed()}},{key:"move",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0];this.reset({x:nr.px(this.offsetX.value+e[0]).round(),y:nr.px(this.offsetY.value+e[1]).round()})}},{key:"moveByCenter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[0,0,0],t=this.matrix;this.reset({x:nr.px(e[0]-t.width/2),y:nr.px(e[1]-t.height/2)})}},{key:"checkInArea",value:function(e){return Li(e,this.verties())}},{key:"hasPoint",value:function(e,t){return Ii(this.verties(),e,t)}},{key:"isIncludeByArea",value:function(e){return 4===this.rectVerties().map((function(t){return Ii.apply(void 0,[e].concat(j()(t)))})).filter(Boolean).length}},{key:"getPerspectiveMatrix",value:function(){if(this.json.perspective||Zi.get(this.json.transform,"perspective")){var e=Vi.parseStyle(this.json["perspective-origin"]),t=k()(e,2),n=t[0],r=void 0===n?nr.percent(50):n,i=t[1],a=void 0===i?nr.percent(50):i,o=this.screenWidth.value,s=this.screenHeight.value;r=r.toPx(o).value,a=a.toPx(s).value;var c=D.a.create();D.a.translate(c,c,[r,a,0]);var l=Zi.get(this.json.transform,"perspective");if(l.length)D.a.multiply(c,c,D.a.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/l[0].value,1));else{if(!this.json.perspective||"none"==this.json.perspective)return;D.a.multiply(c,c,D.a.fromValues(1,0,0,0,0,1,0,0,0,0,1,0,0,0,-1/nr.parse(this.json.perspective).value,1))}return D.a.translate(c,c,[-r,-a,0]),c}}},{key:"getItemTransformMatrix",value:function(){var e=Zi.parseStyle(Zi.rotate(this.json.transform,this.json.rotate)),t=this.screenWidth.value,n=this.screenHeight.value;return Zi.createTransformMatrix(e,t,n)}},{key:"getItemTransformMatrixInverse",value:function(){return D.a.invert([],this.getItemTransformMatrix())}},{key:"getTransformMatrix",value:function(){var e=Vi.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value),t=D.a.create();return D.a.translate(t,t,e),D.a.multiply(t,t,this.getItemTransformMatrix()),D.a.translate(t,t,D.d.negate([],e)),t}},{key:"getTransformMatrixInverse",value:function(){return D.a.invert([],this.getTransformMatrix())}},{key:"getDirectionTransformMatrix",value:function(e,t,n){var r=this.offsetX.value,i=this.offsetY.value,a=D.d.add([],Vi.scale(this.json["transform-origin"]||"50% 50% 0px",t,n),D.d.negate([],e)),o=D.a.create();return D.a.translate(o,o,[r,i,0]),D.a.translate(o,o,e),D.a.translate(o,o,a),D.a.multiply(o,o,this.getItemTransformMatrix()),D.a.translate(o,o,D.d.negate([],a)),o}},{key:"getDirectionTopLeftMatrix",value:function(e,t){return this.getDirectionTransformMatrix([0,0,0],e,t)}},{key:"getDirectionLeftMatrix",value:function(e,t){return this.getDirectionTransformMatrix([0,t/2,0],e,t)}},{key:"getDirectionTopMatrix",value:function(e,t){return this.getDirectionTransformMatrix([e/2,0,0],e,t)}},{key:"getDirectionBottomLeftMatrix",value:function(e,t){return this.getDirectionTransformMatrix([0,t,0],e,t)}},{key:"getDirectionTopRightMatrix",value:function(e,t){return this.getDirectionTransformMatrix([e,0,0],e,t)}},{key:"getDirectionRightMatrix",value:function(e,t){return this.getDirectionTransformMatrix([e,t/2,0],e,t)}},{key:"getDirectionBottomRightMatrix",value:function(e,t){return this.getDirectionTransformMatrix([e,t,0],e,t)}},{key:"getDirectionBottomMatrix",value:function(e,t){return this.getDirectionTransformMatrix([e/2,t,0],e,t)}},{key:"getAccumulatedMatrix",value:function(){for(var e=D.a.create(),t=this.path.filter((function(e){return!1===e.is("project")})),n=0,r=t.length;n<r;n++){var i=t[n];if(i.parent&&st(i.parent.getPerspectiveMatrix)){var a=i.parent.getPerspectiveMatrix();a&&D.a.multiply(e,e,a)}var o=i.offsetX.value,s=i.offsetY.value;D.a.translate(e,e,[o,s,0]),D.a.multiply(e,e,i.getTransformMatrix())}return e}},{key:"getAccumulatedMatrixInverse",value:function(){return D.a.invert([],this.getAccumulatedMatrix())}},{key:"verties",value:function(e,t){return N(Ri(0,0,e||this.screenWidth.value,t||this.screenHeight.value,this.json["transform-origin"]),this.getAccumulatedMatrix())}},{key:"selectionVerties",value:function(){return N(Ri(-6,-6,this.screenWidth.value+12,this.screenHeight.value+12,this.json["transform-origin"]),this.getAccumulatedMatrix())}},{key:"rectVerties",value:function(){return this.verties().filter((function(e,t){return t<4}))}},{key:"guideVerties",value:function(){return this.verties()}},{key:"pathVerties",value:function(){return this.accumulatedPath().verties}},{key:"accumulatedPath",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e||this.json.d,n=new ea(t),r=this.getAccumulatedMatrix();return n.transformMat4(r),n}},{key:"invertPath",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=new ea(e);return t.transformMat4(this.getAccumulatedMatrixInverse()),t}},{key:"invertPathString",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.invertPath(e).d}},{key:"checkInAreaForAll",value:function(e){var t=j()(this.checkInAreaForLayers(e));return this.is("artboard")?t:this.is("project")?t:(this.checkInArea(e)&&t.push(this.ref),t)}},{key:"checkInAreaForLayers",value:function(e){var t=[];return this.layers.forEach((function(n){t.push.apply(t,n.checkInAreaForLayers(e)),n.checkInArea(e)&&t.push(n)})),t}},{key:"getTransformOriginMatrix",value:function(){return D.a.fromTranslation([],Vi.scale(this.json["transform-origin"]||"50% 50% 0px",this.screenWidth.value,this.screenHeight.value))}},{key:"getTransformOriginMatrixInverse",value:function(){return D.a.invert([],this.getTransformOriginMatrix())}},{key:"resetMatrix",value:function(e){var t=Q(this.getAccumulatedMatrixInverse(),e.getAccumulatedMatrix()),n=Zi.fromScale(D.a.getScaling([],t).map((function(e){return M(e,1e3)}))),r=D.a.getRotation([],t),i=[],a=D.b.getAxisAngle(i,r),o=[{angle:i[0]?A(a*i[0]):0,type:"rotateX"},{angle:i[1]?A(a*i[1]):0,type:"rotateY"},{angle:i[2]?A(a*i[2]):0,type:"rotateZ"}].filter((function(e){return 0!==e.angle})).map((function(e){return"".concat(e.type,"(").concat(nr.deg(e.angle%360).round(1e3),")")})).join(" "),s=Zi.replaceAll(e.transform,"".concat(n," ").concat(o)),c=Zi.parseStyle(s),l=e.screenWidth.value,u=e.screenHeight.value,h=Zi.createTransformMatrix(c,l,u),p=D.a.getTranslation([],Q(t,ee(e.getTransformOriginMatrix(),h,e.getTransformOriginMatrixInverse()))),d=k()(p,3),f=d[0],v=d[1];d[2];e.reset({x:nr.px(f),y:nr.px(v),transform:s})}},{key:"getIndex",value:function(){for(var e=this.json.parent.layers,t=-1,n=0,r=e.length;n<r;n++)if(e[n]===this.ref){t=n;break}return t}},{key:"setOrder",value:function(e){var t=this.json.parent,n=this.getIndex();n>-1&&(t.layers[n]=t.layers[e],t.layers[e]=this.ref)}},{key:"next",value:function(){if(this.isLast())return this.ref;var e=this.getIndex();return this.json.parent.layers[e+1]}},{key:"prev",value:function(){if(this.isFirst())return this.ref;var e=this.getIndex();return this.json.parent.layers[e-1]}},{key:"orderNext",value:function(){if(this.isLast()){if(this.json.parent.is("artboard"))return;this.json.parent.next().add(this,"prepend")}else{var e=this.getIndex();e>-1&&this.setOrder(e+1)}}},{key:"isFirst",value:function(){return 0===this.getIndex()}},{key:"isLast",value:function(){return this.getIndex()===this.json.parent.layers.length-1}},{key:"orderPrev",value:function(){if(this.isFirst()){if(this.json.parent.is("artboard"))return;this.json.parent.prev().add(this)}else{var e=this.getIndex();e>0&&this.setOrder(e-1)}}},{key:"orderFirst",value:function(){this.setOrder(0)}},{key:"orderLast",value:function(){this.setOrder(this.json.parent.layers.length-1)}},{key:"orderTop",value:function(){}},{key:"orderBottom",value:function(){}},{key:"isAbsolute",get:function(){return"absolute"===this.json.position}},{key:"isRelative",get:function(){return"relative"===this.json.position}},{key:"isChild",get:function(){if(this.json.parent&&(!1===this.json.parent.is("project")&&this.isAbsolute))return!0;return!1}},{key:"screenX",get:function(){return this.isChild?nr.px(this.json.parent.screenX.value+this.json.x.value):this.json.x||nr.z()}},{key:"screenY",get:function(){return this.isChild?nr.px(this.json.parent.screenY.value+this.json.y.value):this.json.y||nr.z()}},{key:"offsetX",get:function(){return this.parent?this.json.x.toPx(this.screenWidth.value):this.json.x||ra}},{key:"offsetY",get:function(){return this.parent?this.json.y.toPx(this.screenHeight.value):this.json.y||ra}},{key:"screenWidth",get:function(){return this.is("project")||!this.parent?ra:this.parent.is("project")?this.json.width.toPx():this.is("artboard")?this.json.width.toPx():this.json.width.toPx(this.parent.screenWidth.value)}},{key:"screenHeight",get:function(){return this.is("project")||!this.parent?ra:this.parent.is("project")?this.json.height.toPx():this.is("artboard")?this.json.height.toPx():this.json.height.toPx(this.parent.screenHeight.value)}},{key:"matrix",get:function(){var e=this.id,t=this.offsetX.value,n=this.offsetY.value,r=this.screenWidth.value,i=this.screenHeight.value,a=this.json.transform,o=this.json["transform-origin"]||"50% 50% 0%",s=this.parent&&st(this.parent.getAccumulatedMatrix)?this.parent.getAccumulatedMatrix():D.a.create(),c=D.a.invert([],s),l=this.getTransformMatrix(),u=this.getTransformMatrixInverse(),h=this.getItemTransformMatrix(),p=this.getItemTransformMatrixInverse(),d=this.getAccumulatedMatrix(),f=this.getAccumulatedMatrixInverse(),v={"to top left":this.getDirectionTopLeftMatrix(r,i),"to top":this.getDirectionTopMatrix(r,i),"to top right":this.getDirectionTopRightMatrix(r,i),"to right":this.getDirectionRightMatrix(r,i),"to bottom left":this.getDirectionBottomLeftMatrix(r,i),"to bottom":this.getDirectionBottomMatrix(r,i),"to bottom right":this.getDirectionBottomRightMatrix(r,i),"to left":this.getDirectionLeftMatrix(r,i)},y=this.verties(r,i),g=y.map((function(e){return e[0]})),m=y.map((function(e){return e[1]}));return{id:e,x:t,y:n,width:r,height:i,transform:a,originalTransformOrigin:o,verties:y,rectVerties:y.filter((function(e,t){return 4!=t})),xList:g,yList:m,directionMatrix:v,parentMatrix:s,parentMatrixInverse:c,localMatrix:l,localMatrixInverse:u,itemMatrix:h,itemMatrixInverse:p,accumulatedMatrix:d,accumulatedMatrixInverse:f}}}]),t}(Hi),aa=new(function(){function e(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];zn()(this,e),this.components={}}return Bn()(e,[{key:"registerComponent",value:function(e,t){this.components[e]=t}},{key:"getComponentClass",value:function(e){return this.components[e]||this.components.rect}},{key:"createComponent",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getComponentClass(e);if(!n)throw new Error("".concat(e," type is not valid."));return new n(t)}}]),e}());function oa(e,t){if(it(t)){var n=t.split(":"),r=k()(n,4),i=r[0],a=r[1],o=r[2],s=r[3];return 3600*(i=parseInt(i,10))+60*(a=parseInt(a,10))+(o=parseInt(o,10))+(s=parseInt(s,10))*(1/e)}return ct(t)?t/e:0}function sa(e,t){var n=Math.floor(t/3600),r=Math.floor(t/60%60),i=Math.floor(t%60),a=Math.round((t-Math.floor(t))*e);return a===e&&(a=0,60===(i+=1)&&60===(r+=1)&&(n+=1)),[n,r,i,a].map((function(e){return(e+"").padStart(2,"0")})).join(":")}function ca(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return sa(e,oa(e,t)-oa(e,n))}function la(e){var t={id:0,start:0,speed:e.speed||1,elapsed:e.elapsed||0,duration:e.duration||0,iterationStartCount:1,iterationCount:e.iterationCount||Number.MAX_SAFE_INTEGER,direction:e.direction||"normal",log:[],logIndex:0,tick:e.tick||function(){},startCallback:e.start||function(){},endCallback:e.end||function(){},firstCallback:e.first||function(){},lastCallback:e.last||function(){}},n=function(e){return"normal"===t.direction||"reverse"!==t.direction&&("alternate"===t.direction?t.iterationStartCount%2==1:"alternate-reverse"===t.direction?t.iterationStartCount%2==0:void 0)?e:1-e},r=function(e){var r=!1;null===t.start&&(t.start=e,r=!0);var o=e-t.start;t.elapsed+=o*t.speed,t.start=e,t.elapsed>t.duration&&(t.elapsed=t.duration);var s=n(t.elapsed/t.duration)*t.duration;r&&t.startCallback(s,t),t.log[t.logIndex++]={elapsed:s,dt:t.lastTime-s},t.lastTime=s,t.tick(s,t),t.elapsed===t.duration?a():i()},i=function(){t.id=requestAnimationFrame(r)},a=function(){t.endCallback(t.elapsed,t),t.iterationStartCount++,t.iterationStartCount>t.iterationCount?(t.lastCallback(t.elapsed,t),cancelAnimationFrame(t.id)):(t.start=null,t.elapsed=0,i())},o=function(e){t.elapsed=e,t.tick(t.elapsed,t)};return{play:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t.start=null,t.iterationStartCount=1,t.log=[],t.lastTime=0,t.logIndex=0,ct(e.elapsed)&&(t.elapsed=e.elapsed),ct(e.speed)&&(t.speed=e.speed),ct(e.duration)&&(t.duration=e.duration),ct(e.iterationCount)&&(t.iterationCount=e.iterationCount||Number.MAX_SAFE_INTEGER),it(e.direction)&&(t.direction=e.direction),st(e.tick)&&(t.tick=e.tick),st(e.start)&&(t.startCallback=e.start),st(e.end)&&(t.endCallback=e.end),st(e.first)&&(t.firstCallback=e.first),st(e.last)&&(t.lastCallback=e.last),st(e.stop)&&(t.stopCallback=e.stop),t.firstCallback(t.elapsed,t),i()},stop:function(){t.stopCallback(t.elapsed,t),cancelAnimationFrame(t.id)},tick:r,first:function(e){o(0)},last:function(e){o(t.duration)},seek:o,timer:t}}function ua(e,t,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;return function(e,t){var a=0;return a=0===t?n:1===t?r:n+(r-n)*e,i?a+i:a}}function ha(e,t,n){return function(e,t){return n}}function pa(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"width",i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"parent",a=null;return"parent"===i?a=e[i][r]:"self"===i&&(a=e[r]),a?n.toPx(a.value):n}function da(e,t,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"width",a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"parent",o=null;return"parent"===a?o=e[a][i]:"self"===a&&(o=e[i]),o?n.to(r,o.value):n}function fa(e,t,n,r){var i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"width",a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"parent",o=nr.parse(n),s=nr.parse(r);return o.unit===s.unit?ua(e,t,o.value,s.value,o.unit):o.equals(s)?ha(0,0,o):function(n,r){var c=pa(e,t,o,i,a),l=pa(e,t,s,i,a);return 0===r?c:1===r?l:da(e,t,nr.px(c.value+(l.value-c.value)*n),o.unit,i,a)}}var va=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"parseStyle",value:function(e){var t={isAll:!0,"border-radius":nr.z(),"border-top-left-radius":nr.z(),"border-top-right-radius":nr.z(),"border-bottom-right-radius":nr.z(),"border-bottom-left-radius":nr.z()},n=e.split(" ").filter((function(e){return nr.parse(e)}));return 1===n.length?(t.isAll=!0,t["border-radius"]=n[0]):(t.isAll=!1,t["border-top-left-radius"]=n[0],t["border-top-right-radius"]=n[1],t["border-bottom-right-radius"]=n[2],t["border-bottom-left-radius"]=n[3]),t}}]),e}(),ya=function(e){return e.isAll?[e["border-radius"]||"0px",e["border-radius"]||"0px",e["border-radius"]||"0px",e["border-radius"]||"0px"]:[e["border-top-left-radius"]||"0px",e["border-top-right-radius"]||"0px",e["border-bottom-right-radius"]||"0px",e["border-bottom-left-radius"]||"0px"]};function ga(e,t,n,r){for(var i=ya(va.parseStyle(n)),a=ya(va.parseStyle(r)),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++)s[c]=fa(e,t,i[c],a[c]);return function(e,t){return s.map((function(n){return n(e,t)})).join(" ")}}function ma(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var ba=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{itemType:"box-shadow",inset:!1,offsetX:nr.z(),offsetY:nr.z(),blurRadius:nr.z(),spreadRadius:nr.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){this.json;return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ma(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ma(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("inset","offsetX","offsetY","blurRadius","spreadRadius","color"))}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).offsetX=nr.parse(e.offsetX),e.offsetY=nr.parse(e.offsetY),e.blurRadius=nr.parse(e.blurRadius),e.spreadRadius=nr.parse(e.spreadRadius),e}},{key:"toCSS",value:function(){return{"box-shadow":this.toString()}}},{key:"toString",value:function(){var e=this.json;return"".concat(e.inset?"inset ":"").concat(e.offsetX," ").concat(e.offsetY," ").concat(e.blurRadius," ").concat(e.spreadRadius," ").concat(e.color)}}],[{key:"parse",value:function(e){return new t(e)}},{key:"parseStyle",value:function(e){var n=[];if(!e)return n;var r=fn(e);return n=r.str.split(",").filter((function(e){return e.trim()})).map((function(e){var n=e.split(" "),i=n.filter((function(e){return"inset"===e})),a=n.filter((function(e){return e.includes("@")})).map((function(e){return yn(e,r.matches)})),o=n.filter((function(e){return"inset"!==e&&!e.includes("@")}));return t.parse({inset:!!i.length,color:a[0]||"rgba(0, 0, 0, 1)",offsetX:nr.parse(o[0]||"0px"),offsetY:nr.parse(o[1]||"0px"),blurRadius:nr.parse(o[2]||"0px"),spreadRadius:nr.parse(o[3]||"0px")})}))}},{key:"join",value:function(e){return e.map((function(e){return t.parse(e)})).join(", ")}}]),t}(Yi);function ka(e,t,n,r){return function(e,t){return 1===t?r:n}}function xa(e,t,n,r){var i=Mn.parse(n||"rgba(0, 0, 0, 1)"),a=Mn.parse(r||"rgba(0, 0, 0, 1)");return function(e,t){return 0===t?n:1===t?r:xn(i,a,e,"rgb")}}function wa(e,t,n,r){for(var i=ba.parseStyle(n),a=ba.parseStyle(r),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c]||ba.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0],h=a[c]||ba.parseStyle("0px 0px 0px 0px rgba(0, 0, 0, 0)")[0];s.push({inset:ka(0,0,u.inset,h.inset),offsetX:fa(e,t,u.offsetX,h.offsetX),offsetY:fa(e,t,u.offsetY,h.offsetY),blurRadius:fa(e,t,u.blurRadius,h.blurRadius),spreadRadius:fa(e,t,u.spreadRadius,h.spreadRadius),color:xa(0,0,u.color,h.color)})}return function(e,t){return ba.join(s.map((function(n){return{inset:n.inset(e,t),offsetX:n.offsetX(e,t),offsetY:n.offsetY(e,t),blurRadius:n.blurRadius(e,t),spreadRadius:n.spreadRadius(e,t),color:n.color(e,t)}})))}}function Sa(e,t,n,r){return ka(0,0,n,r)}var Pa=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"end";return e=+e,function(n){var r=1/e;return"start"==t?r*Math.ceil(n/r):"end"==t?r*Math.floor(n/r):void 0}};function ja(){return Pa(1,"start")}function Oa(){return Pa(1,"end")}var $a=function(){return function(e){return Math.pow(2,-10*e)*Math.sin(5*(e-.1)*Math.PI)+1}},Ca={step:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"end";return Pa(e,t)},"step-start":ja,"step-end":Oa,stepStart:ja,stepEnd:Oa,"ease-out-elastic":$a,easeOutElastic:$a};function Ea(e,t,n,r){var i=nr.parse(n),a=nr.parse(r);return function(e,t){var n=i.value,r=a.value;return 0===t?nr.deg(n):1===t?nr.deg(r):nr.deg(n+(r-n)*e).to(i.unit)}}function Ta(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Va=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{itemType:"text-shadow",offsetX:nr.z(),offsetY:nr.z(),blurRadius:nr.z(),color:"rgba(0, 0, 0, 1)"})}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ta(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ta(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("offsetX","offsetY","blurRadius","color"))}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).offsetX=nr.parse(e.offsetX),e.offsetY=nr.parse(e.offsetY),e.blurRadius=nr.parse(e.blurRadius),e}},{key:"toCSS",value:function(){return{"text-shadow":this.toString()}}},{key:"toString",value:function(){var e=this.json;return"".concat(e.offsetX," ").concat(e.offsetY," ").concat(e.blurRadius," ").concat(e.color)}}],[{key:"parse",value:function(e){return new t(e)}},{key:"parseStyle",value:function(e){var n=fn(e);return n.str.split(",").filter((function(e){return e.trim()})).map((function(e){var r=e.split(" "),i=r.filter((function(e){return e.includes("@")})).map((function(e){return n.matches[+e.replace("@","")].color})),a=r.filter((function(e){return!e.includes("@")}));return t.parse({color:i[0]||"rgba(0, 0, 0, 1)",offsetX:nr.parse(a[0]||"0px"),offsetY:nr.parse(a[1]||"0px"),blurRadius:nr.parse(a[2]||"0px")})}))}},{key:"join",value:function(e){return e.map((function(e){return t.parse(e)})).join(", ")}}]),t}(Yi);function Da(e,t,n,r){for(var i=Va.parseStyle(n),a=Va.parseStyle(r),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c]||Va.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0],h=a[c]||Va.parseStyle("0px 0px 0px rgba(0, 0, 0, 0)")[0];s.push({offsetX:fa(e,t,u.offsetX,h.offsetX,"width","self"),offsetY:fa(e,t,u.offsetY,h.offsetY,"height","self"),blurRadius:fa(e,t,u.blurRadius,h.blurRadius,"radius"),color:xa(0,0,u.color,h.color)})}return function(e,t){return Va.join(s.map((function(n){return{offsetX:n.offsetX(e,t),offsetY:n.offsetY(e,t),blurRadius:n.blurRadius(e,t),color:n.color(e,t)}})))}}function Ia(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ma(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ia(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ia(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var La=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Ma({itemType:"image-resource",type:"image"},e))}},{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"}}]),t}(Yi);function Ra(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Aa(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ra(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ra(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var za=1e10;var Fa=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return{id:"c"+za++,cut:!1,percent:0,unit:"%",px:0,em:0,color:"rgba(0, 0, 0, 0)",prevColorStep:null}}},{key:"toCloneObject",value:function(){return Aa({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("cut","percent","unit","px","em","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(e){var t=this.getUnit();return this.json[t]+=+e,this}},{key:"sub",value:function(e){var t=this.getUnit();return this.json[t]-=+e,this}},{key:"mul",value:function(e){var t=this.getUnit();return this.json[t]*=+e,this}},{key:"div",value:function(e){var t=this.getUnit();return this.json[t]/=+e,this}},{key:"mod",value:function(e){var t=this.getUnit();return this.json[t]%=+e,this}},{key:"toLength",value:function(e){return nr.parse(this.json)}},{key:"getPrevLength",value:function(){return this.json.prevColorStep?this.json.prevColorStep.toLength():""}},{key:"toString",value:function(){var e=this.json.cut?this.getPrevLength():"",t=this.json.color||"transparent";return"".concat(t," ").concat(e," ").concat(this.toLength())}},{key:"reset",value:function(e){si()(Xn()(t.prototype),"reset",this).call(this,e),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}}],[{key:"parse",value:function(e){var n=[],r=fn(e),i=r.str.split(" ").filter((function(e){return e.trim()})),a=+i[0].replace("@",""),o=r.matches[a].color;if(1===i.length)n.push(new t({color:o,unit:"%",percent:0,hasNotUnit:!0}));else if(2===i.length){var s=nr.parse(i[1]),c={unit:s.unit};s.isPercent()?c.percent=s.value:s.isPx()?c.px=s.value:s.isEm()&&(c.em=s.value),n.push(new t(Aa({color:o},c)))}else if(3===i.length){var l=nr.parse(i[2]),u={unit:l.unit};l.isPercent()?u.percent=l.value:l.isPx()?u.px=l.value:l.isEm()&&(u.em=l.value),n.push(new t(Aa({color:o,cut:!0},u)))}return n}},{key:"createColorStep",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"%",r=C(2,e),i=t/r,a=ft(r).map((function(e,t){return"".concat(Mn.random()," ").concat(t*i).concat(n)})).join(",");return a}},{key:"createRepeatColorStep",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:2,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:nr.px(1),n=C(2,e),r=ft(n).map((function(e,n){return"".concat(Mn.random()," ").concat(nr.parse(t).mul(n+1))})).join(",");return r}}]),t}(Hi);function Ba(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ga(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ba(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ba(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ha={"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},Na=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"isGradient",value:function(){return!0}},{key:"toString",value:function(){return"none"}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Ga({type:"gradient",colorsteps:[]},e))}},{key:"toCloneObject",value:function(){return Ga({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{colorsteps:this.json.colorsteps.map((function(e){return e.clone()}))})}},{key:"convert",value:function(e){return e.colorsteps=e.colorsteps.map((function(e){return new Fa(e)})),e}},{key:"calculateAngle",value:function(){var e=this.json.angle;return et(Ha[e])?e:Ha[e]||0}},{key:"addColorStep",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];return this.json.colorsteps.push(e),t&&this.sortColorStep(),e}},{key:"insertColorStep",value:function(e){var t=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(e<r[0].percent)return r[0].index=1,void this.addColorStep(new Fa({index:0,color:r[0].color,percent:e}));var i=r.length-1;if(r[i].percent<e){var a=r[i].color,o=r[i].index+1;this.addColorStep(new Fa({index:o,color:a,percent:e}))}else for(var s=0,c=r.length-1;s<c;s++){var l=r[s],u=r[s+1];if(l.percent<=e&&e<=u.percent){a=Mn.mix(l.color,u.color,(e-l.percent)/(u.percent-l.percent),"rgb");return void this.addColorStep(new Fa({index:l.index+1,color:a,percent:e}))}}}else this.addColorStepList([new Fa({color:t,percent:e,index:0}),new Fa({color:n,percent:100,index:100})])}},{key:"sortColorStep",value:function(){var e=this.colorsteps;e.sort((function(e,t){return e.percent>t.percent?1:e.percent<t.percent?-1:e.percent==t.percent?e.index===t.index?0:e.index>t.index?1:-1:void 0})),e.forEach((function(e,t){e.index=100*t}))}},{key:"addColorStepList",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];t.forEach((function(t){e.addColorStep(t,!1)})),this.sortColorStep()}},{key:"getColorStep",value:function(e){return this.json.colorsteps.filter((function(t){return t.id==e}))[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(e){this.json.colorsteps=this.json.colorsteps.filter((function(t){return t.id!=e}))}},{key:"getColorString",value:function(){var e=this.colorsteps;return t.toColorString(e)}},{key:"colorsteps",get:function(){return this.json.colorsteps}}],[{key:"toColorString",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(!e.length)return"";var t=e.map((function(t,n){return t.prevColorStep=t.cut&&n>0?e[n-1]:null,t}));return 1===t.length&&t.push(new Fa({color:t[0].color||"transparent",percent:100})),t.map((function(e){return"".concat(e)})).join(",")}}]),t}(La);function Xa(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Ya=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Fa({color:"red",percent:0,index:0}),new Fa({color:"red",percent:100,index:0})]})}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Xa(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Xa(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{static:!0})}},{key:"toString",value:function(){var e=this.json.colorsteps[0].color;return"linear-gradient(to right, ".concat(e," 0%, ").concat(e," 100%)")}},{key:"isStatic",value:function(){return!0}}],[{key:"create",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new t({colorsteps:[new Fa({color:e,percent:0,index:0}),new Fa({color:e,percent:100,index:1})]})}}]),t}(Na);function _a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ka(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_a(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Wa=["jpg","jpeg","png","gif","svg"];var Ua=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Ka({type:"url",url:"",datauri:""},e))}},{key:"toCloneObject",value:function(){return Ka({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("url","datauri"))}},{key:"isUrl",value:function(){return!0}},{key:"toString",value:function(){var e=this.json;return"url(".concat(e.url,")")}}],[{key:"parse",value:function(e){return new t({url:e.split("(")[1].split(")")[0]})}},{key:"isImageFile",value:function(e){return Wa.includes(e)}}]),t}(La);function Za(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function qa(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Za(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Za(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ja,Qa={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"},eo={"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"},to=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(e){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,qa({type:"linear-gradient",angle:0},e))}},{key:"toCloneObject",value:function(){return qa({},si()(Xn()(t.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 e=this.getColorString(),t="";return ct(t=this.json.angle||0)&&(t=Qa["".concat(t)]||t),ct(t)&&(t="".concat(t=t>360?t%360:t,"deg")),"".concat(this.json.type,"(").concat(t,", ").concat(e,")")}}],[{key:"toLinearGradient",value:function(e){return 0===e.length?"none":new t({angle:"to right",colorsteps:e})+""}},{key:"parse",value:function(e){var n=fn(e),r=0,i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(e){return e.trim()})).forEach((function(e,t){e.includes("@")?(e=yn(e,n.matches),i.push.apply(i,Fa.parse(e))):r=et(eo[e])?nr.parse(e):nr.deg(+eo[e])})),new t({angle:r.value,colorsteps:i})}}]),t}(Na),no=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"repeating-linear-gradient",angle:0})}}],[{key:"parse",value:function(e){var n=to.parse(e);return new t({angle:n.angle,colorsteps:n.colorsteps})}}]),t}(to);function ro(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function io(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ro(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ro(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ao,oo=(Ja={},m()(Ja,"center",!0),m()(Ja,"top",!0),m()(Ja,"left",!0),m()(Ja,"right",!0),m()(Ja,"bottom",!0),Ja),so=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,io({type:"radial-gradient",radialType:"ellipse",radialPosition:[er.CENTER,er.CENTER]},e))}},{key:"toCloneObject",value:function(){return io({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("radialType","radialPosition"))}},{key:"isRadial",value:function(){return!0}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var e,t=this.getColorString(),n=this.json,r=n.radialType,i=n.radialPosition||["center","center"];return e=(i=oo[i]?i:i.join(" "))?"".concat(r," at ").concat(i):r,"".concat(n.type||"radial-gradient","(").concat(e,", ").concat(t,")")}}],[{key:"parse",value:function(e){var n=fn(e),r="ellipse",i=[er.CENTER,er.CENTER],a=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(e){return e.trim()})).forEach((function(e,t){if(e.includes("@"))e=yn(e,n.matches),a.push.apply(a,Fa.parse(e));else{if(e.includes("at")){var o=e.split("at").map((function(e){return e.trim()})),s=k()(o,2);r=s[0],i=s[1]}else r=e;if(it(i)){var c=i.split(" ");if(1===c.length){var l=nr.parse(c[0]);i=l.isString()?[l.value,l.value]:[l.clone(),l.clone()]}else 2===c.length&&(i=c.map((function(e){var t=nr.parse(e);return t.isString()?t.value:t.clone()})))}}})),new t({radialType:r,radialPosition:i,colorsteps:a})}}]),t}(Na),co=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"repeating-radial-gradient"})}}],[{key:"parse",value:function(e){var n=so.parse(e);return new t({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}]),t}(so);function lo(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function uo(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?lo(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):lo(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ho=(ao={},m()(ao,"center",!0),m()(ao,"top",!0),m()(ao,"left",!0),m()(ao,"right",!0),m()(ao,"bottom",!0),ao),po={"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},fo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,uo({type:"conic-gradient",angle:0,radialPosition:[er.CENTER,er.CENTER]},e))}},{key:"toCloneObject",value:function(){return uo({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{angle:this.json.angle,radialPosition:ht(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 e=this.colorsteps;return e?(e.sort((function(e,t){return e.percent==t.percent?0:e.percent>t.percent?1:-1})),e.map((function(t,n){return t.prevColorStep=t.cut&&n>0?e[n-1]:null,t})).map((function(e){var t=Math.floor(3.6*e.percent),n="";if(e.cut&&e.prevColorStep){var r=Math.floor(3.6*e.prevColorStep.percent);n="".concat(r,"deg")}return"".concat(e.color," ").concat(n," ").concat(t,"deg")})).join(",")):""}},{key:"toString",value:function(){var e=this.getColorString(),t=[],n=this.json,r=n.angle,i=n.radialPosition||er.CENTER;i=ho[i]?i:i.join(" "),tt(r)&&(r=+(po[r]||r),t.push("from ".concat(r,"deg"))),i&&t.push("at ".concat(i));var a=t.length?t.join(" ")+",":"";return"".concat(n.type,"(").concat(a," ").concat(e,")")}}],[{key:"parse",value:function(e){var n=fn(e),r="0deg",i=[er.CENTER,er.CENTER],a=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(e){return e.trim()})).forEach((function(e,t){if(e.includes("@"))e=yn(e=e.split(" ").map((function(e){return e.trim()})).map((function(e){return e.includes("deg")?nr.parse(e).toPercent():e})).join(" "),n.matches),a.push.apply(a,Fa.parse(e));else{if(e.includes("at")){var o=e.split("at").map((function(e){return e.trim()})),s=k()(o,2);r=s[0],i=s[1]}else r=e;if(it(i)){var c=i.split(" ");if(1===c.length){var l=nr.parse(c[0]);i=l.isString()?[l.value,l.value]:[l.clone(),l.clone()]}else 2===c.length&&(i=c.map((function(e){var t=nr.parse(e);return t.isString()?t.value:t})))}it(r)&&r.includes("from")&&(r=r.split("from")[1],r=et(po[r])?nr.parse(r):nr.deg(+po[r]))}})),new t({angle:r.value,radialPosition:i,colorsteps:a})}}]),t}(Na),vo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"repeating-conic-gradient",angle:0,radialPosition:[er.CENTER,er.CENTER]})}}],[{key:"parse",value:function(e){var n=fo.parse(e);return new t({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}]),t}(fo),yo=new Map,go=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"has",value:function(e){return yo.has(e)}},{key:"get",value:function(e){return yo.get(e)}},{key:"set",value:function(e,t){yo.size>1e3&&yo.clear(),yo.set(e,t)}}]),e}();function mo(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function bo(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mo(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mo(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ko,xo=["repeat","no-repeat","repeat-x","repeat-y","round","space"],wo=/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi,So=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"addImageResource",value:function(e){return this.clear("image-resource"),this.addItem("image-resource",e)}},{key:"addGradient",value:function(e){return this.addImageResource(e)}},{key:"setImageUrl",value:function(e){e.images&&e.images.length&&this.reset({type:"image",image:t.createImage(e.images[0])})}},{key:"setGradient",value:function(e){this.reset({type:e.type,image:t.createGradient(e,this.json.image)})}},{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{itemType:"background-image",checked:!1,blendMode:"normal",size:"auto",repeat:"repeat",width:nr.percent(100),height:nr.percent(100),x:nr.percent(0),y:nr.percent(0)})}},{key:"toCloneObject",value:function(){var e=this.json;return bo({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("checked","blendMode","size","repeat","width","height","x","y"),{image:e.image.clone()})}},{key:"convert",value:function(e){return e.x=nr.parse(e.x),e.y=nr.parse(e.y),e.width&&(e.width=nr.parse(e.width)),e.height&&(e.height=nr.parse(e.height)),it(e.image)&&(e.image=t.parseImage(e.image)),e}},{key:"checkField",value:function(e,n){return"repeat"===e?xo.includes(n):si()(Xn()(t.prototype),"checkField",this).call(this,e,n)}},{key:"toBackgroundImageCSS",value:function(){return this.json.image?{"background-image":this.json.image.toString()}:{}}},{key:"toBackgroundPositionCSS",value:function(){var e=this.json;return{"background-position":"".concat(e.x," ").concat(e.y)}}},{key:"toBackgroundSizeCSS",value:function(){var e=this.json,t="auto";return"contain"==e.size||"cover"==e.size?t=e.size:e.width.isPercent()&&e.width.isPercent()&&100==+e.width&&100==+e.height||(t="".concat(e.width," ").concat(e.height)),{"background-size":t}}},{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 bo({},this.toBackgroundImageCSS(),{},this.toBackgroundPositionCSS(),{},this.toBackgroundSizeCSS(),{},this.toBackgroundRepeatCSS(),{},this.toBackgroundBlendCSS())}},{key:"toString",value:function(){return Ze(this.toCSS(),(function(e,t){return"".concat(e,": ").concat(t)})).join(";")}},{key:"toBackgroundCSS",value:function(){var e=this.toCSS();return{background:"".concat(e["background-image"]," ")}}},{key:"image",get:function(){return this.json.image},set:function(e){this.json.image=e}}],[{key:"createImage",value:function(e){return new Ua({url:e})}},{key:"createGradient",value:function(e,t){var n=e.colorsteps||t.colorsteps,r=e.angle||t.angle,i=e.radialType||t.radialType,a=e.radialPosition||t.radialPosition,o=t.toJSON();switch(delete o.itemType,delete o.type,e.type){case"static-gradient":return new Ya(bo({},o,{colorsteps:n}));case"linear-gradient":return new to(bo({},o,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new no(bo({},o,{colorsteps:n,angle:r}));case"radial-gradient":return new so(bo({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new co(bo({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new fo(bo({},o,{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new vo(bo({},o,{colorsteps:n,angle:r,radialPosition:a}))}return new Na}},{key:"parse",value:function(e){return new t(e)}},{key:"parseImage",value:function(e){var t=fn(e),n=null,r=t.str.match(wo);return r?(r.forEach((function(e,r){(e=yn(e,t.matches)).includes("repeating-linear-gradient")?n=no.parse(e):e.includes("linear-gradient")?n=to.parse(e):e.includes("repeating-radial-gradient")?n=co.parse(e):e.includes("radial-gradient")?n=so.parse(e):e.includes("repeating-conic-gradient")?n=vo.parse(e):e.includes("conic-gradient")?n=fo.parse(e):e.includes("url")&&(n=Ua.parse(e))})),n):n}},{key:"changeImageType",value:function(e){switch(e.type){case"static-gradient":return new Ya(e);case"linear-gradient":return new to(e);case"repeating-linear-gradient":return new no(e);case"radial-gradient":return new so(e);case"repeating-radial-gradient":return new co(e);case"conic-gradient":return new fo(e);case"repeating-conic-gradient":return new vo(e);case"image-resource":case"url":return new Ua(e)}}},{key:"parseStyle",value:function(e){var n=[],r=JSON.stringify(e);if(go.has(r))return go.get(r);if(e["background-image"]){var i=fn(e["background-image"]);i.str.match(wo).forEach((function(e,r){var a=null;(e=yn(e,i.matches)).includes("repeating-linear-gradient")?a=no.parse(e):e.includes("linear-gradient")?a=to.parse(e):e.includes("repeating-radial-gradient")?a=co.parse(e):e.includes("radial-gradient")?a=so.parse(e):e.includes("repeating-conic-gradient")?a=vo.parse(e):e.includes("conic-gradient")?a=fo.parse(e):e.includes("url")&&(a=Ua.parse(e)),n[r]=new t({type:a.type,image:a})}))}return e["background-repeat"]&&e["background-repeat"].split(",").map((function(e){return e.trim()})).forEach((function(e,t){n[t]&&(n[t].repeat=e)})),e["background-blend-mode"]&&e["background-blend-mode"].split(",").map((function(e){return e.trim()})).forEach((function(e,t){n[t]&&(n[t].blendMode=e)})),e["background-size"]&&e["background-size"].split(",").map((function(e){return e.trim()})).forEach((function(e,t){if(n[t])if("cover"==e||"contain"===e||"auto"===e)n[t].size=e;else{n[t].size="auto";var r=e.split(" "),i=k()(r,2),a=i[0],o=i[1];n[t].width=nr.parse(a),n[t].height=nr.parse(o)}})),e["background-position"]&&e["background-position"].split(",").map((function(e){return e.trim()})).forEach((function(e,t){if(n[t]){var r=e.split(" "),i=k()(r,2),a=i[0],o=i[1];n[t].x=nr.parse(a),n[t].y=nr.parse(o)}})),go.set(r,n),n}},{key:"toPropertyCSS",value:function(e){var t={};return e.forEach((function(e){Ue(e.toCSS(),(function(e,n){t[e]||(t[e]=[]),t[e].push(n)}))})),dt(t)}},{key:"join",value:function(e){return bt(t.toPropertyCSS(e.map((function(e){return t.parse(e)}))))}},{key:"joinCSS",value:function(e){return t.toPropertyCSS(e.map((function(e){return t.parse(e)})))}}]),t}(Yi);function Po(e,t,n,r){var i={cut:ka(0,0,n.cut,r.cut),percent:ua(e,t,n.percent,r.percent),px:ua(e,t,n.px,r.px),em:ua(e,t,n.em,r.em),unit:Sa(0,0,n.unit,r.unit),color:xa(0,0,n.color,r.color)};return function(e,t){return new Fa({cut:i.cut(e,t),percent:i.percent(e,t),px:i.px(e,t),em:i.em(e,t),unit:i.unit(e,t),color:i.color(e,t)})}}function jo(e,t){for(var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[],i=Math.max(n.length,r.length),a=[],o=0;o<i;o++){var s=n[o],c=r[o];a[o]=s&&c?Po(e,t,s,c):ka(0,0,s,c)}return function(e,t){return a.map((function(n){return n(e,t)}))}}function Oo(e,t,n,r){var i={angle:ua(e,t,n.angle,r.angle),colorsteps:jo(e,t,n.colorsteps,r.colorsteps)};return function(e,t){var n=i.colorsteps(e,t);return new to({angle:i.angle(e,t),colorsteps:n})}}ko={},m()(ko,"center",!0),m()(ko,"top",!0),m()(ko,"left",!0),m()(ko,"right",!0),m()(ko,"bottom",!0);function $o(e,t){switch(t){case"width":if("center"===e)return"50%";if("left"===e)return"0%";if("right"===e)return"100%";break;case"height":if("center"===e)return"50%";if("top"===e)return"0%";if("bottom"===e)return"100%"}return e}function Co(e,t,n,r){n.radialPosition[0]=$o(n.radialPosition[0],"width"),n.radialPosition[1]=$o(n.radialPosition[1],"height"),r.radialPosition[0]=$o(r.radialPosition[0],"width"),r.radialPosition[1]=$o(r.radialPosition[1],"height");var i={radialType:Sa(0,0,n.radialType,r.radialType),radialPositionX:fa(e,t,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:fa(e,t,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:jo(e,t,n.colorsteps,r.colorsteps)};return function(e,t){return new so({radialType:i.radialType(e,t),radialPosition:[i.radialPositionX(e,t),i.radialPositionY(e,t)],colorsteps:i.colorsteps(e,t)})}}function Eo(e,t,n,r){var i={angle:ua(e,t,n.angle,r.angle),radialPositionX:fa(e,t,n.radialPosition[0],r.radialPosition[0],"width","self"),radialPositionY:fa(e,t,n.radialPosition[1],r.radialPosition[1],"height","self"),colorsteps:jo(e,t,n.colorsteps,r.colorsteps)};return function(e,t){return new fo({angle:i.angle(e,t),radialPosition:[i.radialPositionX(e,t),i.radialPositionY(e,t)],colorsteps:i.colorsteps(e,t)})}}function To(e,t,n,r){var i={image:function(e,t){return t}};if("url"===n.type||"url"===r.type)i.image=ka(0,0,n,r);else if(n.type!=r.type)i.image=ka(0,0,n,r);else switch(n.type){case"linear-gradient":i.image=Oo(e,t,n,r);break;case"repeating-linear-gradient":i.image=function(e,t,n,r){var i=Oo(e,t,n,r);return function(e,t){var n=i(e,t);return new no({angle:n.angle,colorsteps:n.colorsteps})}}(e,t,n,r);break;case"radial-gradient":i.image=Co(e,t,n,r);break;case"repeating-radial-gradient":i.image=function(e,t,n,r){var i=Co(e,t,n,r);return function(e,t){var n=i(e,t);return new co({radialType:n.radialType,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(e,t,n,r);break;case"conic-gradient":i.image=Eo(e,t,n,r);break;case"repeating-conic-gradient":i.image=function(e,t,n,r){var i=Eo(e,t,n,r);return function(e,t){var n=i(e,t);return new vo({angle:n.angle,radialPosition:n.radialPosition,colorsteps:n.colorsteps})}}(e,t,n,r)}return function(e,t){return i.image(e,t)}}function Vo(e,t,n,r){for(var i=So.parseStyle(kt(n)),a=So.parseStyle(kt(r)),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c]||null,h=a[c]||null;u&&!h?s.push({image:ha(0,0,u.image),size:ha(0,0,u.size),width:ha(0,0,u.width),height:ha(0,0,u.height),x:ha(0,0,u.x),y:ha(0,0,u.y),blendMode:ha(0,0,u.blendMode),repeat:ha(0,0,u.repeat)}):!u&&h?s.push({image:ha(0,0,h.image),size:ha(0,0,h.size),width:ha(0,0,h.width),height:ha(0,0,h.height),x:ha(0,0,h.x),y:ha(0,0,h.y),blendMode:ha(0,0,h.blendMode),repeat:ha(0,0,h.repeat)}):u&&h&&s.push({image:To(e,t,u.image,h.image),size:Sa(0,0,u.size,h.size),width:fa(e,t,u.width,h.width,"width","self"),height:fa(e,t,u.height,h.height,"height","self"),x:fa(e,t,u.x,h.x,"width","self"),y:fa(e,t,u.y,h.y,"height","self"),blendMode:Sa(0,0,u.blendMode,h.blendMode),repeat:Sa(0,0,u.repeat,h.repeat)})}return function(e,t){return So.join(s.map((function(n){return{image:n.image(e,t),size:n.size(e,t),x:n.x(e,t),y:n.y(e,t),width:n.width(e,t),height:n.height(e,t),blendMode:n.blendMode(e,t),repeat:n.repeat(e,t)}})))}}function Do(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Io(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Do(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Do(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Mo=/((blur|drop\-shadow|hue\-rotate|invert|brightness|contrast|opacity|saturate|sepia)\(([^\)]*)\))/gi,Lo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Io({itemType:"filter"},e))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(e){var t=Ko[e.type];return t?new t(e):new Ao({value:e.type})}},{key:"parseStyle",value:function(e){var n=[];if(!e)return n;var r=fn(e);return(r.str.match(Mo)||[]).forEach((function(e,i){var a=e.split("("),o=k()(a,2),s=o[0],c=o[1];if(c=c.split(")")[0],"drop-shadow"===s){var l=c.split(" "),u=l.filter((function(e){return e.includes("@")})).map((function(e){return r.matches[+e.replace("@","")].color})),h=l.filter((function(e){return!e.includes("@")}));n[i]=t.parse({type:s,offsetX:nr.parse(h[0]),offsetY:nr.parse(h[1]),blurRadius:nr.parse(h[2]),color:u[0]||"rgba(0, 0, 0, 1)"})}else n[i]=t.parse({type:s,value:nr.parse(c)})})),n}},{key:"join",value:function(e){return e.map((function(e){return t.parse(e)})).join(" ")}}]),t}(Yi),Ro=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"blur",value:t.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Io({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}}]),t}(Lo);Ro.spec={inputType:"range",min:0,max:100,step:1,unit:"px",units:["px","em"],defaultValue:nr.z()};var Ao=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"svg",value:t.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Io({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}},{key:"toString",value:function(){return"url(#".concat(this.json.value||"",")")}}]),t}(Lo);Ao.spec={inputType:"select",defaultValue:""};var zo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"grayscale",value:t.spec.defaultValue})}},{key:"toCloneObject",value:function(){return Io({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}}]),t}(Lo);zo.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:nr.percent(0)};var Fo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"hue-rotate",value:t.spec.defaultValue})}}]),t}(Lo);Fo.spec={inputType:"range",min:0,max:360,step:1,unit:"deg",units:["deg"],defaultValue:nr.deg(0)};var Bo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"invert",value:t.spec.defaultValue})}}]),t}(Lo);Bo.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:nr.percent(0)};var Go=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"brightness",value:t.spec.defaultValue})}}]),t}(Lo);Go.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:nr.percent(100)};var Ho=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"contrast",value:t.spec.defaultValue})}}]),t}(Lo);Ho.spec={inputType:"range",min:0,max:200,step:1,unit:"%",units:["%"],defaultValue:nr.percent(100)};var No=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"opacity",value:t.spec.defaultValue})}}]),t}(Lo);No.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:nr.percent(100)};var Xo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"saturate",value:t.spec.defaultValue})}}]),t}(Lo);Xo.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:nr.percent(100)};var Yo=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"sepia",value:t.spec.defaultValue})}}]),t}(Lo);Yo.spec={inputType:"range",min:0,max:100,step:1,unit:"%",units:["%"],defaultValue:nr.percent(0)};var _o=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"drop-shadow",multi:!0,offsetX:t.spec.offsetX.defaultValue,offsetY:t.spec.offsetY.defaultValue,blurRadius:t.spec.blurRadius.defaultValue,color:t.spec.color.defaultValue})}},{key:"toString",value:function(){var e=this.json;return"drop-shadow(".concat(e.offsetX," ").concat(e.offsetY," ").concat(e.blurRadius," ").concat(e.color,")")}}]),t}(Lo);_o.spec={offsetX:{title:"Offset X",inputType:"range",min:-100,max:100,step:1,defaultValue:nr.z(),unit:"px",units:["px","em"]},offsetY:{title:"Offset Y",inputType:"range",min:-100,max:100,step:1,defaultValue:nr.z(),unit:"px",units:["px","em"]},blurRadius:{title:"Blur Radius",inputType:"range",min:0,max:100,step:1,defaultValue:nr.z(),unit:"px",units:["px","em","%"]},color:{title:"Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)",unit:"color"}};var Ko={blur:Ro,grayscale:zo,"hue-rotate":Fo,invert:Bo,brightness:Go,contrast:Ho,opacity:No,saturate:Xo,sepia:Yo,"drop-shadow":_o,svg:Ao},Wo={BlurFilter:Ro,GrayscaleFilter:zo,HueRotateFilter:Fo,InvertFilter:Bo,BrightnessFilter:Go,ContrastFilter:Ho,OpacityFilter:No,SaturateFilter:Xo,SepiaFilter:Yo,DropshadowFilter:_o,URLSvgFilter:Ao};function Uo(e,t,n,r){var i={type:Sa(0,0,n.type,r.type),value:ka(0,0,n.value,r.value)};switch(n.type){case"blur":i.value=fa(e,t,n.value,r.value);break;case"grayscale":case"invert":case"brightness":case"contrast":case"opacity":case"saturate":case"sepia":case"hue-rotate":i.value=ua(e,t,n.value.value,r.value.value,n.value.unit);break;case"drop-shadow":i.offsetX=fa(e,t,n.offsetX,r.offsetX,"width","self"),i.offsetY=fa(e,t,n.offsetY,r.offsetY,"height","self"),i.blurRadius=fa(e,t,n.blurRadius,r.blurRadius,"width","self"),i.spreadRadius=fa(e,t,n.spreadRadius,r.spreadRadius,"width","self"),i.color=xa(0,0,n.color,r.color)}return function(e,t){return"drop-shadow"===i.type(e,t)?{type:i.type(e,t),offsetX:i.offsetX(e,t),offsetY:i.offsetY(e,t),blurRadius:i.blurRadius(e,t),spreadRadius:i.spreadRadius(e,t),color:i.color(e,t)}:{type:i.type(e,t),value:i.value(e,t)}}}function Zo(e,t,n,r){for(var i=Lo.parseStyle(n),a=Lo.parseStyle(r),o=Math.max(i.length,a.length),s=[],c=0,l=o;c<l;c++){var u=i[c],h=a[c];u&&!h?s.push(ha(0,0,u)):!u&&h?s.push(ha(0,0,h)):u.type!=h.type||"svg"===u.type||"svg"===h.type?s.push(ka(0,0,u,h)):s.push(Uo(e,t,u,h))}return function(e,t){return Lo.join(s.map((function(n){return n(e,t)})))}}var qo=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"parse",value:function(e){var t=e.split(" ").filter((function(e){return e.trim()})).map((function(e){return nr.parse(e)})),n=nr.percent(0),r=nr.percent(0),i=nr.percent(0),a=nr.percent(0);return 1===t.length?(n=t[0].clone(),r=t[0].clone(),i=t[0].clone(),a=t[0].clone()):2===t.length?(n=t[0].clone(),r=t[1].clone(),i=t[0].clone(),a=t[1].clone()):3===t.length?(n=t[0].clone(),r=t[1].clone(),i=t[2].clone(),a=t[1].clone()):4===t.length&&(n=t[0].clone(),r=t[1].clone(),i=t[2].clone(),a=t[3].clone()),[t.length,n,r,i,a]}}]),e}();function Jo(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Qo(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Jo(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Jo(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var es=/(content\-box|padding\-box|border\-box|margin\-box|view\-box|stroke\-box|fill\-box|none|(inset|circle|ellipse|polygon|path|svg|url)(\(([^\)]*)\))?)/gi,ts=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Qo({itemType:"clip-path",type:"none",value:""},e))}},{key:"toCloneObject",value:function(){return Qo({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("value"))}},{key:"toString",value:function(){var e=this.json.type,t=this.json.value,n=this.json.box,r="";switch(e){case"circle":case"inset":case"ellipse":case"polygon":case"path":r="".concat(e,"(").concat(t,")");break;case"svg":r="url(#".concat(t,")");break;default:r="none"}return n?"".concat(n," ").concat(r):r}},{key:"toCSS",value:function(){return{"clip-path":this.toString()}}}],[{key:"toCSS",value:function(e){return new t(e).toCSS()}},{key:"toString",value:function(e){return t.toCSS(e)["clip-path"]}},{key:"parse",value:function(e){return new t(e)}},{key:"parseStyle",value:function(e){var t={};return e?((e.match(es)||[]).forEach((function(e,n){if(e.includes("-box"))t.box=e;else{var r=e.split("("),i=k()(r,2),a=i[0],o=i[1];o=o||"",o="none"===a?"":o.split(")")[0],t.type=a,t.value=o}})),t):{}}},{key:"parseStyleForCircle",value:function(e){var t=new nr("","closest-side"),n="";if((e=e||"50%").includes("at")){var r=e.split("at").map((function(e){return e.trim()})),i=k()(r,2);t=i[0],n=i[1]}else n=e.trim();var a=n.split(" "),o=k()(a,2),s=o[0],c=o[1];return et(c)&&(c=s),{radius:t,x:s=nr.parse(s),y:c=nr.parse(c)}}},{key:"parseStyleForEllipse",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50%",t="50% 50%",n="";if((e=e||"50%").includes("at")){var r=e.split("at").map((function(e){return e.trim()})),i=k()(r,2);t=i[0],n=i[1]}else n=e.trim();var a=n.split(" "),o=k()(a,2),s=o[0],c=o[1];et(c)&&(c=s),s=nr.parse(s),c=nr.parse(c);var l=t.split(" "),u=k()(l,2),h=u[0],p=u[1];return et(p)&&(p=h),{radiusX:h=nr.parse(h),radiusY:p=nr.parse(p),x:s,y:c}}},{key:"parseStyleForInset",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.split("round"),n=k()(t,2),r=n[0],i=n[1],a=qo.parse(r),o=k()(a,5),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4];if(i)var p=qo.parse(i),d=k()(p,5),f=d[0],v=d[1],y=d[2],g=d[3],m=d[4];return{isAll:1===s,top:c,right:l,bottom:u,left:h,round:i,isAllRadius:1===f,topRadius:v,rightRadius:y,bottomRadius:g,leftRadius:m}}},{key:"parseStyleForPolygon",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return e.split(",").filter((function(e){return e.trim()})).map((function(e){var t=e.trim().split(" "),n=k()(t,2),r=n[0],i=n[1];return{x:nr.parse(r),y:nr.parse(i)}}))}}]),t}(Yi);function ns(e,t,n,r){var i=ts.parseStyle(n),a=ts.parseStyle(r),o={type:ka(0,0,i.type,i.type),value:ka(0,0,n,r)};if(i.type==a.type&&"none"!=i)switch(i.type){case"circle":i.value=ts.parseStyleForCircle(i.value),a.value=ts.parseStyleForCircle(a.value),o.value=function(e,t,n,r){var i={};return"closest-side"===n.radius||"farthest-side"===n.radius||"closest-side"===r.radius||"farthest-side"===r.radius?i.radius=ka(0,0,n.radius,r.radius):n.radius.unit===r.radius.unit?i.radius=makeInterpolateNumber(e,t,n.radius.value,r.radius.value,n.radius.unit):i.radius=fa(e,t,n.radius,r.radius,"width","self"),i.x=fa(e,t,n.x,r.x,"width","self"),i.y=fa(e,t,n.y,r.y,"height","self"),function(e,t){var n=i.radius(e,t),r=i.x(e,t),a=i.y(e,t),o="".concat(r," ").concat(a),s=n+"";return s.includes("closest-side")?s="closest-side":s.includes("farthest-side")&&(s="farthest-side"),n?"".concat(s," at ").concat(o):"".concat(o)}}(e,t,i.value,a.value);break;case"ellipse":i.value=ts.parseStyleForEllipse(i.value),a.value=ts.parseStyleForEllipse(a.value),o.value=function(e,t,n,r){var i={radiusX:fa(e,t,n.radiusX,r.radiusX,"width","self"),radiusY:fa(e,t,n.radiusY,r.radiusY,"height","self"),x:fa(e,t,n.x,r.x,"width","self"),y:fa(e,t,n.y,r.y,"height","self")};return function(e,t){var n=i.radiusX(e,t),r=i.radiusY(e,t),a=i.x(e,t),o=i.y(e,t);return"".concat(n," ").concat(r," at ").concat(a," ").concat(o)}}(e,t,i.value,a.value);break;case"inset":i.value=ts.parseStyleForInset(i.value),a.value=ts.parseStyleForInset(a.value),o.value=function(e,t,n,r){var i={top:ua(e,t,n.top.value,r.top.value,n.top.unit),left:ua(e,t,n.left.value,r.left.value,n.left.unit),right:ua(e,t,n.right.value,r.right.value,n.right.unit),bottom:ua(e,t,n.bottom.value,r.bottom.value,n.bottom.unit),round:ka(0,0,n.round,r.round),topRadius:ua(e,t,n.topRadius.value,r.topRadius.value,n.topRadius.unit),leftRadius:ua(e,t,n.leftRadius.value,r.leftRadius.value,n.leftRadius.unit),rightRadius:ua(e,t,n.rightRadius.value,r.rightRadius.value,n.rightRadius.unit),bottomRadius:ua(e,t,n.bottomRadius.value,r.bottomRadius.value,n.bottomRadius.unit)};return function(e,t){var n=i.top(e,t),r=i.right(e,t),a=i.bottom(e,t),o=i.left(e,t),s=i.round(e,t),c=i.topRadius(e,t),l=i.leftRadius(e,t),u=i.bottomRadius(e,t),h=i.rightRadius(e,t),p=[n,r,a,o].join(" "),d=[c,h,u,l].join(" ");return"".concat(p," ").concat(s&&d.trim()?"round ".concat(d):"")}}(e,t,i.value,a.value);break;case"polygon":i.value=ts.parseStyleForPolygon(i.value),a.value=ts.parseStyleForPolygon(a.value),o.value=function(e,t,n,r){for(var i=Math.max(n.length,r.length),a=[],o=0;o<i;o++){var s=n[o],c=r[o];s&&!c?a.push({x:ha(0,0,s.x),y:ha(0,0,s.y)}):!s&&c?a.push({x:ha(0,0,c.x),y:ha(0,0,c.y)}):a.push({x:fa(e,t,s.x,c.x,"width","self"),y:fa(e,t,s.y,c.y,"height","self")})}return function(e,t){return a.map((function(n){return"".concat(n.x(e,t)," ").concat(n.y(e,t))})).join(",")}}(e,t,i.value,a.value);break;case"path":i.value=ts.parseStyleForPath(i.value),a.value=ts.parseStyleForPath(a.value),o.value=makeInterpolateClipPathPath(e,t,i.value,a.value)}return function(e,t){var n=o.type(e,t),r=o.value(e,t);return"none"===n?n:"".concat(n,"(").concat(r,")")}}function rs(e,t,n,r){for(var i={type:ka(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),s=0;s<o;s++){var c=n.value[s],l=r.value[s];c&&l?a.push(fa(e,t,c,l,n.type)):a.push(fa(e,t,n.value[s]||n.value[s-1]||n.value[s-2],r.value[s]||r.value[s-1]||r.value[s-2],n.type))}return i.value=a,function(e,t){return{type:i.type(e,t),value:i.value.map((function(n){return n(e,t)}))}}}function is(e,t,n,r){for(var i={type:ka(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),s=0;s<o;s++){var c=n.value[s],l=r.value[s];if(c&&l)a.push(ua(e,t,c.value,l.value));else{var u=n.value[s].value||n.value[s-1].value||n.value[s-2].value,h=r.value[s].value||r.value[s-1].value||n.value[s-2].value;a.push(ua(e,t,u,h))}}return i.value=a,function(e,t){var n=i.value.map((function(n){return n(e,t)})),r=i.type(e,t);return(r.includes("matrix")||r.includes("scale"))&&(n=n.map((function(e){return nr.number(e)}))),{type:r,value:n}}}function as(e,t,n,r){for(var i={type:ka(0,0,n.type,r.type)},a=[],o=Math.max(n.value.length,r.value.length),s=0;s<o;s++){var c=n.value[s],l=r.value[s];c&&l?a.push(Ea(0,0,c,l)):a.push(Ea(0,0,n.value[s]||n.value[s-1]||n.value[s-2],r.value[s]||r.value[s-1]||n.value[s-2]))}return i.value=a,function(e,t){return{type:i.type(e,t),value:i.value.map((function(n){return n(e,t)}))}}}function os(e,t,n,r){for(var i=Zi.parseStyle(n.trim()),a=Zi.parseStyle(r.trim()),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];if(l&&!u)s.push(ha(0,0,l));else if(!l&&u)s.push(ha(0,0,u));else if(l.type!=u.type)s.push(ka(0,0,l,u));else switch(l.type){case"translate":case"translateX":case"translateY":case"translateZ":case"translate3d":case"perspective":s.push(rs(e,t,l,u));break;case"rotate":case"rotateX":case"rotateY":case"rotateZ":case"rotate3d":s.push(as(0,0,l,u));break;case"scale":case"scaleX":case"scaleY":case"scaleZ":case"scale3d":case"matrix":case"matrix3d":s.push(is(e,t,l,u))}}return function(e,t){return Zi.join(s.map((function(n){return n(e,t)})))}}function ss(e,t,n,r){for(var i=n.split(" ").map((function(e){return nr.parse(e)})),a=r.split(" ").map((function(e){return nr.parse(e)})),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];s.push(fa(e,t,l,u,"transform-origin"))}return function(e,t){return s.map((function(n){return n(e,t)})).join(" ")}}function cs(e,t,n,r){for(var i=n.split(" ").map((function(e){return nr.parse(e)})),a=r.split(" ").map((function(e){return nr.parse(e)})),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];s.push(fa(e,t,l,u,"perspective-origin"))}return function(e,t){return s.map((function(n){return n(e,t)})).join(" ")}}function ls(e,t,n,r){for(var i=n.split(" ").map((function(e){return+e})),a=r.split(" ").map((function(e){return+e})),o=Math.max(i.length,a.length),s=[],c=0;c<o;c++){var l=i[c],u=a[c];s.push(ua(e,t,l,u))}return function(e,t){return s.map((function(n){return n(e,t)})).join(" ")}}function us(e,t,n,r){for(var i=Math.max(n.length,r.length),a=[],o=n[n.length-1],s=r[r.length-1],c=0;c<i;c++){var l=n[c],u=r[c];l&&!u?a.push(ua(e,t,l,s)):!l&&u?a.push(ua(e,t,o,u)):a.push(ua(e,t,l,u))}return function(e,t){return a.map((function(n){return n(e,t)}))}}function hs(e,t,n,r){for(var i=new ea,a=new ea(n),o=new ea(r),s=Math.max(a.segments.length,o.segments.length),c=[],l=0;l<s;l++){var u=a.segments[l],h=o.segments[l];u.command===h.command?u.values.length===h.values.length?c.push({command:ha(0,0,u.command),values:us(e,t,u.values,h.values)}):c.push({command:ha(0,0,u.command),values:ha(0,0,u.values)}):c.push({command:ka(0,0,u.command,h.command),values:ka(0,0,u.values,h.values)})}return function(e,t){var n=c.map((function(n){return{command:n.command(e,t),values:n.values(e,t)}}));return i.joinPath(n)}}var ps=function(){function e(){zn()(this,e),this.pathArray=[]}return Bn()(e,[{key:"reset",value:function(){this.pathArray=[]}},{key:"getPointString",value:function(e){return e.map((function(e){return"".concat(e.x," ").concat(e.y)})).join(" ")}},{key:"makeString",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return this.pathArray.push("".concat(e," ").concat(this.getPointString(t))),this}},{key:"M",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return this.makeString("M",t)}},{key:"L",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return this.makeString("L",t)}},{key:"X",value:function(){var e=3,t=arguments.length<=0?void 0:arguments[0],n={x:t.x-e,y:t.y-e},r={x:t.x+e,y:t.y-e},i={x:t.x-e,y:t.y+e},a={x:t.x+e,y:t.y+e};return this.M(n).L(a).M(r).L(i)}},{key:"Q",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return this.makeString("Q",t)}},{key:"C",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return this.makeString("C",t)}},{key:"Z",value:function(){return this.makeString("Z")}},{key:"toString",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"object";return('<path d="'.concat(this.d,"\" class='").concat(e,"'/>"))}},{key:"d",get:function(){return this.pathArray.join(" ").trim()}}],[{key:"makeRect",value:function(t,n,r,i){return(new e).M({x:t,y:n}).L({x:t+r,y:n}).L({x:t+r,y:n+i}).L({x:t,y:n+i}).L({x:t,y:n}).Z().d}},{key:"makeLine",value:function(t,n,r,i){return(new e).M({x:t,y:n}).L({x:r,y:i}).d}},{key:"makeCircle",value:function(t,n,r,i){var a=(new e).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,o=new ea(a);return o.translate(1,1).scale(r/2,i/2).translate(t,n),o.toString()}},{key:"makePathByPoints",value:function(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=new e,r=0,i=t.length;r<i;r++){var a=t[r];0===r?n.M(a):n.L(a)}return n.d}}]),e}(),ds=/[\b\t \,]/g,fs=function(e){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return zn()(this,t),Hn()(this,Xn()(t).call(this,e))}return _n()(t,e),Bn()(t,[{key:"reset",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.segments=[],this.points=e,this.parse()}},{key:"resetSegments",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.segments=e,this.points=this.joinPoints()}},{key:"parse",value:function(){var e=this.points;nt(e)&&(e=e.join(" "));for(var t=e.trim().split(ds).filter((function(e){return e})),n=[],r=0,i=t.length;r<i;r+=2)n.push({x:+t[r],y:+t[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 e=new ps,t=0,n=this.segments.length;t<n;t++){var r=this.segments[t];0===t?e.M(r):t===n-1?e.L(r).L(this.segments[0]).Z():e.L(r)}return e.d}},{key:"joinPath",value:function(e){return this.joinPoints(e)}},{key:"joinPoints",value:function(e){return(e||this.segments).map((function(e){return"".concat(e.x,",").concat(e.y)})).join(" ")}},{key:"each",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=this.segments.map((function(n){return e.call(t,n)}));if(n)return r;this.segments=r}},{key:"_loop",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return this.each((function(t){var n=e([t.x,t.y],0),r=k()(n,2),i=r[0],a=r[1];return t.x=i,t.y=a,t}),t)}},{key:"clone",value:function(){return new t(this.joinPoints())}},{key:"toString",value:function(){return this.joinPoints()}}]),t}(ea);function vs(e,t,n,r){for(var i=new fs,a=new fs(n),o=new fs(r),s=Math.max(a.segments.length,o.segments.length),c=[],l=a.segments[a.segments.length-1].x,u=a.segments[a.segments.length-1].y,h=o.segments[o.segments.length-1].x,p=o.segments[o.segments.length-1].y,d=0;d<s;d++){var f=a.segments[d],v=o.segments[d];f&&!v?c.push({x:ua(e,t,f.x,h),y:ua(e,t,f.y,p)}):!f&&v?c.push({x:ua(e,t,l,v.x),y:ua(e,t,u,v.y)}):c.push({x:ua(e,t,f.x,v.x),y:ua(e,t,f.y,v.y)})}return function(e,t){return i.joinPoints(c.map((function(n){return{x:n.x(e,t),y:n.y(e,t)}})))}}function ys(e,t,n,r){var i={x:ua("","",e,n),y:ua("","",t,r)};return function(e,t){return{x:i.x(e,t),y:i.y(e,t)}}}function gs(e,t,n,r,i,a){var o=[{x:e,y:t},{x:n,y:r},{x:i,y:a}];return function(e,t){return Be(o,t)}}function ms(e,t,n,r,i,a,o,s){var c=[{x:e,y:t},{x:n,y:r},{x:i,y:a},{x:o,y:s}];return function(e,t){return Fe(c,t)}}function bs(e){var t=[],n=[];e.forEach((function(e,r){switch(e.command){case"M":var i=k()(e.values,2),a=i[0],o=i[1];n=[a,o];break;case"m":var s=n,c=k()(s,2),l=c[0],u=c[1],h=k()(e.values,2);a=h[0],o=h[1];n=[a+=l,o+=u];break;case"L":var p=n,d=k()(p,2),f=(l=d[0],u=d[1],k()(e.values,2));a=f[0],o=f[1];t.push({command:e.command,values:[l,u,a,o],length:G(l,u,a,o),interpolate:ys(l,u,a,o)}),n=[a,o];break;case"l":var v=n,y=k()(v,2),g=(l=y[0],u=y[1],k()(e.values,2));a=g[0],o=g[1];a+=l,o+=u,t.push({command:e.command,values:[l,u,a,o],length:G(l,u,a,o),interpolate:ys(l,u,a,o)}),n=[a,o];break;case"C":var m=n,b=k()(m,2),x=(l=b[0],u=b[1],k()(e.values,6)),w=x[0],S=x[1],P=x[2],j=x[3];a=x[4],o=x[5];t.push({command:e.command,values:[l,u,w,S,P,j,a,o],length:Ve(l,u,w,S,P,j,a,o),interpolate:ms(l,u,w,S,P,j,a,o)}),n=[a,o];break;case"c":var O=n,$=k()(O,2),C=(l=$[0],u=$[1],k()(e.values,6));w=C[0],S=C[1],P=C[2],j=C[3],a=C[4],o=C[5];w+=l,P+=l,a+=l,S+=u,j+=u,o+=u,t.push({command:e.command,values:[l,u,w,S,P,j,a,o],length:Ve(l,u,w,S,P,j,a,o),interpolate:ms(l,u,w,S,P,j,a,o)}),n=[a,o];break;case"Q":var E=n,T=k()(E,2),V=(l=T[0],u=T[1],k()(e.values,4));w=V[0],S=V[1],a=V[2],o=V[3];t.push({command:e.command,values:[l,u,w,S,a,o],length:De(l,u,w,S,a,o),interpolate:gs(l,u,w,S,a,o)}),n=[a,o];break;case"q":var D=n,I=k()(D,2),M=(l=I[0],u=I[1],k()(e.values,4));w=M[0],S=M[1],a=M[2],o=M[3];w+=l,a+=l,S+=u,o+=u,t.push({command:e.command,values:[l,u,w,S,a,o],length:De(l,u,w,S,a,o),interpolate:gs(l,u,w,S,a,o)}),n=[a,o];break;case"S":var L=n,R=k()(L,2),A=(l=R[0],u=R[1],k()(e.values,4)),z=(P=A[0],j=A[1],a=A[2],o=A[3],t[t.length-1]);if(["C","c","S","s"].includes(z.command)){var F=k()(z.values,8),B=(F[0],F[1],F[2],F[3],F[4]),H=F[5],N=F[6],X=F[7],Y=qi.getReversePoint({x:N,y:X},{x:B,preC1y:H});w=Y.x,S=Y.y;t.push({command:e.command,values:[l,u,w,S,P,j,a,o],length:getCubicDist(l,u,w,S,P,j,a,o),interpolate:ms(l,u,w,S,P,j,a,o)}),n=[a,o];break}case"s":var _=n,K=k()(_,2),W=(l=K[0],u=K[1],k()(e.values,4));P=W[0],j=W[1],a=W[2],o=W[3];P+=l,a+=l,j+=u,o+=u;z=t[t.length-1];if(["C","c","S","s"].includes(z.command)){var U=k()(z.values,8),Z=(U[0],U[1],U[2],U[3],B=U[4],H=U[5],N=U[6],X=U[7],qi.getReversePoint({x:N,y:X},{x:B,preC1y:H}));w=Z.x,S=Z.y;t.push({command:e.command,values:[l,u,w,S,P,j,a,o],length:getCubicDist(l,u,w,S,P,j,a,o),interpolate:ms(l,u,w,S,P,j,a,o)}),n=[a,o];break}case"T":var q=n,J=k()(q,2),Q=(l=J[0],u=J[1],k()(e.values,2));a=Q[0],o=Q[1],z=t[t.length-1];if(["Q","q","T","t"].includes(z.command)){var ee=k()(z.values,6),te=(ee[0],ee[1],B=ee[2],H=ee[3],N=ee[4],X=ee[5],qi.getReversePoint({x:N,y:X},{x:B,preC1y:H}));w=te.x,S=te.y;t.push({command:e.command,values:[l,u,w,S,a,o],length:De(l,u,w,S,a,o),interpolate:gs(l,u,w,S,a,o)}),n=[a,o]}break;case"t":var ne=n,re=k()(ne,2),ie=(l=re[0],u=re[1],k()(e.values,2));a=ie[0],o=ie[1];a+=l,o+=u;z=t[t.length-1];if(["Q","q","T","t"].includes(z.command)){var ae=k()(z.values,6),oe=(ae[0],ae[1],B=ae[2],H=ae[3],N=ae[4],X=ae[5],qi.getReversePoint({x:N,y:X},{x:B,preC1y:H}));w=oe.x,S=oe.y;t.push({command:e.command,values:[l,u,w,S,a,o],length:De(l,u,w,S,a,o),interpolate:gs(l,u,w,S,a,o)}),n=[a,o]}}}));var r=0;t.forEach((function(e){r+=e.length}));var i=0;return t.forEach((function(e){e.startT=i/r,e.endT=(i+e.length)/r,e.totalLength=r,i+=e.length})),{totalLength:r,interpolateList:t}}function ks(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xs(e,t,n,r,i){var a=n.split(",").map((function(e){return e.trim()})),o=k()(a,4),s=o[0],c=o[1],l=o[2],u=o[3],h={id:s,distance:nr.parse(c||"0%"),rotateStatus:l||"auto",rotate:nr.parse(u||"0deg")},p=function(e,t){return{x:x,y:y}},d=0,f=0;if(i){var v=i.searchById(h.id);v&&(d=v.screenX.value,f=v.screenY.value),p=function(e,t,n){var r=bs(new ea(v.d||"").segments),i=r.totalLength,a=r.interpolateList,o=h.distance.toPx(i);(t+=o/i)>1&&(t-=1);var s=a[0];0===t?s=a[0]:1===t&&(s=a[a.length-1]);var c=a.find((function(e){return e.startT<=t&&t<e.endT}));c&&(s=c);var l=(t-s.startT)/(s.endT-s.startT),u=n(l);return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ks(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ks(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},s.interpolate(u,l,n),{totalLength:s.totalLength})}}return function(t,n,r){var i=(e["transform-origin"]||"50% 50%").split(" ").map((function(e){return nr.parse(e)})),a=i[0].toPx(e.width.value),o=i[1].toPx(e.height.value),s=p(t,n,r),c={x:s.x+d-a.value,y:s.y+f-o.value};if(e.setScreenX(c.x),e.setScreenY(c.y),"element"===h.rotateStatus);else{var l=s,u=0;n<1&&(u=1/s.totalLength);var v=p(t+u,n+u,r),y=Z(v.x-l.x,v.y-l.y),g=nr.deg(function(e,t){var n=0;switch(e){case"angle":n=h.rotate.value;break;case"auto angle":n=t+h.rotate.value;break;case"reverse":n=t+180;break;case"auto":n=t}return n}(h.rotateStatus,y));e.reset({transform:Zi.rotate(e.transform,g)})}return c}}function ws(e,t,n,r){arguments.length>4&&void 0!==arguments[4]&&arguments[4];var i=r.length-1,a=0;return function(e,t){return 0===t?"":1===t?r:r.substring(a,Math.floor((i-a)*t))}}function Ss(e,t,n,r,i,a){var o=a.$("video").el,s=n.split(":"),c=k()(s,3),l=c[0],u=(c[1],+(l||0)*+(c[2]||1));return function(t,n){0===n?(o.currentTime=u,o.paused&&o.play()):1===n?(e.reset({currentTime:o.currentTime}),o.pause()):o.paused&&o.play()}}var Ps=function(){return function(e,t){}};function js(e,t,n,r,i,a,o){var s=i||t;switch(s){case"width":case"x":return fa(e,t,n,r,"width");case"height":case"y":return fa(e,t,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 fa(e,t,n,r,t);case"fill-opacity":case"opacity":case"stroke-dashoffset":case"currentTime":case"NumberRangeEditor":return ua(e,t,+n,+r);case"background-color":case"color":case"text-fill-color":case"text-stroke-color":case"fill":case"stroke":case"ColorViewEditor":return xa(0,0,n,r);case"mix-blend-mode":case"fill-rule":case"stroke-linecap":case"stroke-linejoin":case"SelectEditor":case"lengthAdjust":return Sa(0,0,n,r);case"rotate":return Ea(0,0,n,r)}var c=function(e){switch(e){case"border-radius":return ga;case"border":return makeInterpolateBorder;case"box-shadow":return wa;case"text-shadow":return Da;case"background-image":case"BackgroundImageEditor":return Vo;case"filter":case"backdrop-filter":return Zo;case"clip-path":return ns;case"transform":return os;case"transform-origin":return ss;case"perspective-origin":return cs;case"stroke-dasharray":return ls;case"d":return hs;case"points":return vs;case"offset-path":return xs;case"text":return ws;case"playTime":return Ss}}(s);return c?c(e,t,n,r,a,o):Ps}function Os(e,t,n,r,i,a,o){return js(e,t,n,r,i,a,o)}function $s(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"linear",t=e.split("(").map((function(e){return e.trim()})),n=k()(t,2),r=n[0],i=n[1];i=(i||"").split(")")[0].trim();var a=Ca[r];if(a){var o=e.split("(")[1].split(")")[0].split(",").map((function(e){return e.trim()}));return a.apply(void 0,j()(o))}return Cs(e)}function Cs(e){var t=Ae(e);return function(e){return t(e).y}}function Es(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Ts(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Es(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Es(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Vs=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{itemType:"offset",offset:nr.percent(0),color:"rgba(255, 255, 255, 1)",properties:[]})}},{key:"toCloneObject",value:function(){return Ts({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("offset","color","properties"))}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).offset=nr.parse(e.offset),e}},{key:"toCSSText",value:function(){return"".concat(this.json.offset," ").concat(bt(this.toCSS()))}},{key:"createProperty",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addProperty(Ts({checked:!0,value:nr.z()},e))}},{key:"addProperty",value:function(e){this.json.properties.push(e)}},{key:"removeProperty",value:function(e){this.json.properties.splice(e,1)}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortProperty",value:function(e,t){this.sortItem(this.json.properties,e,t)}},{key:"updateProperty",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object.assign(this.json.properties[+e],Ts({},t))}},{key:"updatePropertyByKey",value:function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.json.properties,r=-1,i=0,a=n.length;i<a;i++)if(this.json.properties[i].key===e){r=i;break}Object.assign(this.json.properties[+r],Ts({},t))}},{key:"toCSS",value:function(){var e={};return this.json.properties.forEach((function(t){e=Ts({},e,{},t.toCSS())})),e}},{key:"toString",value:function(){return this.toCSSText()}}],[{key:"parse",value:function(e){return new t(e)}}]),t}(Yi);function Ds(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Is(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ds(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ds(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ms=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{itemType:"keyframe",name:"sample",selectedType:"list",offsets:[]})}},{key:"toCloneObject",value:function(){var e=this.json,n=(e.name,e.selectedType,e.offsets);return Is({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("name","selectedType"),{offsets:n.map((function(e){return e.clone()}))})}},{key:"isMultiStyle",value:function(e){switch(e){case"background-image":case"var":return!0}return!1}},{key:"getMultiStyleString",value:function(e){switch(e.key){case"background-image":return e.value.toString()+";";case"var":return(e.value+"").split(";").map((function(e){return"--"+e})).join(";")+";"}return e.value.toString()+";"}},{key:"toOffsetString",value:function(e){var t=this;return"".concat(e.offset.toString()," {\n").concat("      ").concat(e.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("").replace(/\;/g,";\n      ").trim(),"\n  }")}},{key:"toOffsetText",value:function(){var e=this,t=this.json.offsets.map((function(e){return e}));return t.sort((function(e,t){return e.offset.value>t.offset.value?1:-1})),t.map((function(t){return 0===t.properties.length?"":e.toOffsetString(t)})).join("\n")}},{key:"toCSSText",value:function(){return this.json.offsets.map((function(e){return e})).sort((function(e,t){return e.offset.value>t.offset.value?1:-1})),"\n@keyframes ".concat(this.json.name," {\n\n  ").concat(this.toOffsetText(),"\n\n}\n")}},{key:"createOffset",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addOffset(new Vs(Is({checked:!0},e)))}},{key:"addOffset",value:function(e){this.json.offsets.push(e)}},{key:"removeOffset",value:function(e){this.json.offsets.splice(e,1)}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortOffset",value:function(e,t){this.sortItem(this.json.offsets,e,t)}},{key:"updateOffset",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.offsets[+e].reset(t)}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){return this.toCSSText()}}],[{key:"parse",value:function(e){return new t(e)}},{key:"parseStyle",value:function(e){var n=[],r={};if(e.keyframe){var i=fn(e.keyframe);i.str.split("|").map((function(e){return e.trim()})).forEach((function(e,a){var o=e.split(" "),s=S()(o),c=s[0],l=s[1],u=s[2],h=s.slice(3).join(" ");r[c]||(r[c]=new t({name:c}),n[a]=c);var p=r[c].offsets.filter((function(e){return e.offset.equals(nr.parse(l))})),d=null;p.length?d=p[0]:(d=new Vs({offset:nr.parse(l)}),r[c].offsets.push(d)),d.addProperty({key:u,value:yn(h,i.matches)})}))}return n.map((function(e){return r[e].offsets.forEach((function(e){var t=[],n=[];e.properties.forEach((function(e){e.key.includes("--")?t.push(e):n.push(e)}));var r=t.map((function(e){return"".concat(e.key,":").concat(e.value)})).join(";");t.length&&n.push({key:"var",value:r}),e.properties=n})),r[e]}))}}]),t}(Yi);function Ls(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Rs(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ls(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ls(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function As(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function zs(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?As(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):As(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Fs=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,zs({timeline:[],compiledTimeline:{}},e))}},{key:"expectJSON",value:function(e){return"compiledTimeline"!==e&&si()(Xn()(t.prototype),"expectJSON",this).call(this,e)}},{key:"setTimelineInfo",value:function(e){var t=this.getSelectedTimeline();t&&["speed","iterationCount","direction"].forEach((function(n){tt(e[n])&&(t[n]=e[n])}))}},{key:"compileAll",value:function(){var e=this,t=this.getSelectedTimeline();this.json.compiledTimeline={},t&&t.animations.forEach((function(t){t.properties.forEach((function(n){e.compiledTimingFunction(t.id,n.property)}))}))}},{key:"searchTimelineOffset",value:function(e){var t=this,n=this.getSelectedTimeline(),r=[];return n&&n.animations.forEach((function(n){n.properties.forEach((function(i){var a=t.getCompiledTimingFunction(n.id,i.property);r.push(a.find((function(t){return!!(t.isOnlyTime&&t.startTime<=e)||t.startTime<=e&&e<t.endTime})))}))})),r.filter((function(e){return e}))}},{key:"getCompiledTimingFunction",value:function(e,t){return this.json.compiledTimeline["".concat(e,".").concat(t)]}},{key:"compiledTimingFunction",value:function(e,t){var n=this,r=this,i=this.getTimelineProperty(e,t),a=this.searchById(e),o="".concat(e,".").concat(t);if(1!==i.keyframes.length){var s=rr.body().$('[data-id="'.concat(e,'"]')),c=i.keyframes.map((function(e){return e.editor}))[0];this.json.compiledTimeline[o]=i.keyframes.map((function(e,t){var o=e,l=i.keyframes[t+1];e.editor=c,l||(l={time:e.time,value:e.value});var u={layer:a,layerElement:s,property:i.property,isOnlyTime:o.time===l.time,startTime:e.time,endTime:l.time,startValue:e.value,endValue:l.value,timing:e.timing,interpolateFunction:Os(a,i.property,e.value,l.value,e.editor,r,s),timingFunction:$s(e.timing)};return u.func=n.makeTimingFunction(u),u})).filter((function(e){return e}))}else this.json.compiledTimeline[o]=[]}},{key:"makeTimingFunction",value:function(e){return function(t){var n=e.endTime-e.startTime,r=1;return 0!==n&&(r=(t-e.startTime)/n),e.interpolateFunction(e.timingFunction(r),r,n,e.timingFunction)}}},{key:"stop",value:function(e){var t=this.getSelectedTimeline();if(t){var n=t.currentTime;this.searchTimelineOffset(n).forEach((function(e){if("playTime"===e.property){var t=e.layerElement.$("video");t&&t.el.pause()}}))}}},{key:"seek",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(e){return e},n=this.getSelectedTimeline();if(n){tt(e)&&this.setTimelineCurrentTime(e);var r=n.currentTime;this.searchTimelineOffset(r).filter(t).forEach((function(e){"offset-path"===e.property||"playTime"===e.property?e.func(r):e.layer&&e.layer.reset(m()({},e.property,e.func(r)))}))}}},{key:"getSelectedTimeline",value:function(){var e=this.json.timeline,t=e.filter((function(e){return e.selected}));return(t.length?t[0]:e[0])||null}},{key:"getKeyframeListReturnArray",value:function(){var e=this.getSelectedTimeline(),t=[];return e&&e.animations.forEach((function(e){e.properties.forEach((function(e){t.push.apply(t,e.keyframes)}))})),t}},{key:"getKeyframeList",value:function(e){var t=this.getSelectedTimeline();t&&t.animations.forEach((function(n){n.properties.forEach((function(n){n.keyframes.forEach((function(n){e&&e(t,n)}))}))}))}},{key:"getSelectedTimelineLastTime",value:function(){var e=0;return this.getKeyframeList((function(t,n){e=Math.max(n.time,e)})),e}},{key:"getSelectedTimelineFirstTime",value:function(){var e=Number.MAX_SAFE_INTEGER;return this.getKeyframeList((function(t,n){e=Math.min(n.time,e)})),e}},{key:"getSelectedTimelinePrevTime",value:function(){var e=this.getSelectedTimelineFirstTime();return this.getKeyframeList((function(t,n){sa(t.fps,n.time)<t.currentTimecode&&(e=Math.max(n.time,e))})),e}},{key:"getSelectedTimelineNextTime",value:function(){var e=this.getSelectedTimelineLastTime();return this.getKeyframeList((function(t,n){sa(t.fps,n.time)>t.currentTimecode&&(e=Math.min(n.time,e))})),e}},{key:"setTimelineTitle",value:function(e,t){var n=this.json.timeline.find((function(t){return t.id===e}));n&&(n.title=t)}},{key:"selectTimeline",value:function(e){e?this.json.timeline.forEach((function(t){t.selected=t.id===e})):this.json.timeline.filter((function(e){return e.selected})).length||this.json.timeline.length&&(this.json.timeline.selected=!0);this.compileAll()}},{key:"removeAnimation",value:function(e){this.json.timeline=this.json.timeline.filter((function(t){return t.id!==e})),this.json.timeline.length&&(this.json.timeline[0].selected=!0),this.compileAll()}},{key:"addTimeline",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"00:00:10:00",n=ae(),r=zs({id:n,title:"sample"},this.getTimelineLayerInfo(e,t),{animations:[]});return this.json.timeline.push(r),this.selectTimeline(n),r}},{key:"addTimelineLayer",value:function(e){var t=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(t,n)),r.selected=!0,e){var i=r.animations.filter((function(t){return t.id===e}));i[0]||r.animations.push({id:e,properties:[]})}}},{key:"getTimelineLayerInfo",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:60,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"00:00:10:00",n=oa(e,t);return{fps:e,speed:1,direction:"normal",iterationCount:1,currentTimecode:sa(e,0),totalTimecode:sa(e,n),currentTime:0,totalTime:n,displayStartTime:0,displayEndTime:n}}},{key:"setTimelineCurrentTime",value:function(e){var t=this.getSelectedTimeline(),n=t.fps,r=t.totalTimecode;if(t){var i=e,a=e;+i+""===i&&(a=ca(n,i=+i)),a>r&&(a=r);var o=oa(n,a);t.currentTime=o,t.currentTimecode=sa(n,o)}}},{key:"setDisplayTimeDxRate",value:function(e,t,n){var r=this.getSelectedTimeline();if(r){var i=e*r.totalTime,a=t+i,o=n+i;a=Math.max(a,0),0===(a=Math.min(a,o))&&(o=n-t),o=Math.max(o,a),(o=Math.min(o,r.totalTime))===r.totalTime&&(a=r.totalTime-(n-t)),r.displayStartTime=a,r.displayEndTime=o}}},{key:"setDisplayStartTimeRate",value:function(e){var t=this.getSelectedTimeline();t&&(t.displayStartTime=e*t.totalTime)}},{key:"setDisplayEndTimeRate",value:function(e){var t=this.getSelectedTimeline();t&&(t.displayEndTime=e*t.totalTime)}},{key:"setTimelineCurrentTimeRate",value:function(e){var t=this.getSelectedTimeline();if(t){var n=t.displayStartTime,r=t.displayEndTime,i=t.fps,a=n+(r-n)*e;this.setTimelineCurrentTime(sa(i,a))}}},{key:"setTimelineTotalTime",value:function(e){var t=this.getSelectedTimeline();if(t){var n=e,r=e;+n+""===n&&(n=+n,r=ca(t.fps,n)),oa(t.fps,r)<t.displayEndTime&&(t.displayEndTime=oa(t.fps,r),t.displayStartTime=0),t.totalTimecode=r,t.totalTime=oa(t.fps,r)}}},{key:"getTimelineObject",value:function(e){var t=this.getSelectedTimeline();if(t)return t.animations.find((function(t){return t.id===e}))}},{key:"addTimelineProperty",value:function(e,t){this.addTimelineLayer(e);var n=this.getTimelineObject(e);n&&(n.properties.filter((function(e){return e.property===t})).length||(n.properties.push({property:t,keyframes:[]}),this.compiledTimingFunction(e,t)))}},{key:"getTimelineProperty",value:function(e,t){var n=this.getSelectedTimeline();if(n){e=e||n.selectedLayerId,t=t||n.selectedProperty;var r=this.getTimelineObject(e);if(r)return r.properties.find((function(e){return e.property===t}))}}},{key:"setSelectedOffset",value:function(e,t,n){var r=this.getSelectedTimeline();r&&(r.selectedLayerId=e,r.selectedProperty=t,r.selectedOffsetTime=n,this.getTimelineProperty().keyframes.forEach((function(e){e.selected=e.time===n})))}},{key:"deleteTimelineKeyframe",value:function(e,t,n){var r=this.getTimelineProperty(e,t);r&&(r.keyframes=r.keyframes.filter((function(e){return e.id!=n})))}},{key:"removeTimelineProperty",value:function(e,t){var n=this.getTimelineObject(e);n&&(n.properties=n.properties.filter((function(e){return e.property!=t})))}},{key:"removeTimeline",value:function(e){var t=this.getSelectedTimeline();t&&(t.animations=t.animations.filter((function(t){return t.id!=e})))}},{key:"setTimelineKeyframeOffsetTime",value:function(e,t,n,r){var i=this.getTimelineKeyframeById(e,t,n);i&&(i.time=r,this.compiledTimingFunction(e,t))}},{key:"setTimelineKeyframeOffsetValue",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:void 0,o=this.getTimelineKeyframeById(e,t,n);o&&(tt(a)&&(o.time=a),tt(r)&&(o.value=r),tt(i)&&(o.timing=i),this.compiledTimingFunction(e,t))}},{key:"addTimelineKeyframe",value:function(e){var t=e.layerId,n=e.property,r=e.value,i=e.timing,a=e.time,o=e.editor;this.addTimelineProperty(t,n);var s=this.getSelectedTimeline(),c=this.getTimelineProperty(t,n);if(c){var l=a||s.currentTime;if(!c.keyframes.filter((function(e){return e.time===l})).length){r=et(r)||""===r?this.getDefaultPropertyValue(n):r;var u={id:ae(),layerId:t,property:n,time:l,value:r,timing:i||"linear",editor:o};return c.keyframes.push(u),c.keyframes.sort((function(e,t){return e.time>t.time?1:-1})),this.compiledTimingFunction(t,n),u}}}},{key:"getDefaultPropertyValue",value:function(e){switch(e){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(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=this.getTimelineProperty(e,t);if(r){var i=this.getSelectedTimeline(),a=n||i.currentTime,o=r.keyframes.filter((function(e){return e.time<a})),s=this.getDefaultPropertyValue(t),c="linear",l="";o.length&&(o.sort((function(e,t){return e.time>t.time?-1:1})),s=o[0].value+"",c=o[0].timing+"",l=o[0].editor),this.addTimelineKeyframe({layerId:e,property:t,value:s,timing:c,editor:l})}}},{key:"getTimelineKeyframe",value:function(e,t,n){var r=this.getTimelineProperty(e,t);if(r)return r.keyframes.find((function(e){return e.time===n}))}},{key:"getTimelineKeyframeById",value:function(e,t,n){var r=this.getTimelineProperty(e,t);if(r)return r.keyframes.find((function(e){return e.id===n}))}},{key:"sortTimelineKeyframe",value:function(e,t){var n=this.getTimelineProperty(e,t);n&&(n.keyframes.sort((function(e,t){return e.time>t.time?1:-1})),this.compiledTimingFunction(e,t))}},{key:"setFps",value:function(e){var t=this.getSelectedTimeline();t&&(t.fps=e,t.currentTimecode=sa(e,t.currentTime),t.totalTimecode=sa(e,t.totalTime))}},{key:"toCloneObject",value:function(){return zs({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{timeline:ht(this.json.timeline)})}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Rs({comments:[],colors:[],gradients:[],svgfilters:[],svgimages:[],keyframes:[],images:[],imageKeys:[],videos:[],videoKeys:[],audios:[]},e))}},{key:"addKeyframe",value:function(e){return this.json.keyframes.push(e),e}},{key:"createKeyframe",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addKeyframe(new Ms(Rs({checked:!0},e)))}},{key:"removeKeyframe",value:function(e){this.removePropertyList(this.json.keyframes,e)}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortKeyframe",value:function(e,t){this.sortItem(this.json.keyframes,e,t)}},{key:"updateKeyframe",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.keyframes[+e].reset(t)}},{key:"toKeyframeString",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return this.json.keyframes.map((function(t){return t.toString(e)})).join("\n\n")}},{key:"copyPropertyList",value:function(e,t){var n=Rs({},e[t]);e.splice(t,0,n)}},{key:"toCloneObject",value:function(){this.json;return Rs({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"))}},{key:"removePropertyList",value:function(e,t){e.splice(t,1)}},{key:"removeColor",value:function(e){this.removePropertyList(this.json.colors,e)}},{key:"copyColor",value:function(e){this.copyPropertyList(this.json.colors,e)}},{key:"sortColor",value:function(e,t){this.sortItem(this.json.colors,e,t)}},{key:"setColorValue",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.colors[e]=Rs({},this.json.colors[e],{},t)}},{key:"getColorIndex",value:function(e){return this.json.colors[e]}},{key:"getColor",value:function(e){return this.json.colors.filter((function(t){return t.name===e}))[0]}},{key:"addColor",value:function(e){return this.json.colors.push(e),e}},{key:"createColor",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addColor(e)}},{key:"removeImage",value:function(e){this.removePropertyList(this.json.images,e),this.refreshImageKeys()}},{key:"copyImage",value:function(e){this.copyPropertyList(this.json.images,e),this.refreshImageKeys()}},{key:"sortImage",value:function(e,t){this.sortItem(this.json.images,e,t)}},{key:"setImageValue",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.images[e]=Rs({},this.json.images[e],{},t),this.refreshImageKeys()}},{key:"getImageValueById",value:function(e){var t=this.json.imageKeys[e];if(t)return t.local}},{key:"refreshImageKeys",value:function(){var e={};this.json.images.forEach((function(t){e[t.id]=t})),this.reset({imageKeys:e})}},{key:"addImage",value:function(e){return this.json.images.push(e),this.refreshImageKeys(),e}},{key:"createImage",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addImage(e)}},{key:"removeVideo",value:function(e){this.removePropertyList(this.json.videos,e),this.refreshVideoKeys()}},{key:"copyVideo",value:function(e){this.copyPropertyList(this.json.videos,e),this.refreshVideoKeys()}},{key:"sortVideo",value:function(e,t){this.sortItem(this.json.videos,e,t)}},{key:"setVideoValue",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.videos[e]=Rs({},this.json.videos[e],{},t)}},{key:"getVideoValueById",value:function(e){var t=this.json.videoKeys[e];if(t)return t.local}},{key:"refreshVideoKeys",value:function(){var e={};this.json.videos.forEach((function(t){e[t.id]=t})),this.reset({videoKeys:e})}},{key:"addVideo",value:function(e){return this.json.videos.push(e),this.refreshVideoKeys(),e}},{key:"createVideo",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addVideo(e)}},{key:"removeGradient",value:function(e){this.removePropertyList(this.json.gradients,e)}},{key:"copyGradient",value:function(e){this.copyPropertyList(this.json.gradients,e)}},{key:"sortGradient",value:function(e,t){this.sortItem(this.json.gradients,e,t)}},{key:"setGradientValue",value:function(e,t){this.json.gradients[e]=Rs({},this.json.gradients[e],{},t)}},{key:"getGradientIndex",value:function(e){return this.json.gradients[e]}},{key:"getGradient",value:function(e){return this.json.gradients.filter((function(t){return t.name===e}))[0]}},{key:"addGradient",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.json.gradients.push(e),e}},{key:"createGradient",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addGradient(e)}},{key:"getSVGFilterIndex",value:function(e){var t=this.json.svgfilters.map((function(e,t){return{id:e.id,index:t}})).filter((function(t){return t.id===e}))[0];return t?t.index:-1}},{key:"removeSVGFilter",value:function(e){this.removePropertyList(this.json.svgfilters,e)}},{key:"copySVGFilter",value:function(e){this.copyPropertyList(this.json.svgfilters,e)}},{key:"sortSVGFilter",value:function(e,t){this.sortItem(this.json.svgfilters,e,t)}},{key:"setSVGFilterValue",value:function(e,t){this.json.svgfilters[e]=Rs({},this.json.svgfilters[e],{},t)}},{key:"addSVGFilter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.json.svgfilters.push(e);var t=this.json.svgfilters.length-1;return t}},{key:"createSVGFilter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSVGFilter(e)}},{key:"getSVGImageIndex",value:function(e){var t=this.json.svgimages.map((function(e,t){return{id:e.id,index:t}})).filter((function(t){return t.id===e}))[0];return t?t.index:-1}},{key:"removeSVGImage",value:function(e){this.removePropertyList(this.json.svgimages,e)}},{key:"copySVGImage",value:function(e){this.copyPropertyList(this.json.svgimages,e)}},{key:"sortSVGImage",value:function(e,t){this.sortItem(this.json.svgimages,e,t)}},{key:"setSVGImageValue",value:function(e,t){this.json.svgimages[e]=Rs({},this.json.svgimages[e],{},t)}},{key:"addSVGImage",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.json.svgimages.push(e);var t=this.json.svgimages.length-1;return t}},{key:"createSVGImage",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSVGImage(e)}}]),t}(Hi));function Bs(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Gs(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Bs(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Bs(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Hs=nr.z(),Ns=nr.z(),Xs=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"createIndexItemMap",value:function(){return this.indexedMap||(this.indexedMap=new Map),this.indexedMap}},{key:"removeIndexItem",value:function(e){this.indexed.delete(e.id)}},{key:"getIndexItem",value:function(e){return this.indexed.get(e)}},{key:"getSearchedIndexItem",value:function(e){return this.hasIndexItem(e)?this.getIndexItem(e):this.searchById(e)}},{key:"getSearchedIndexItemList",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.map((function(e){return project.getSearchedIndexItem(e)}))}},{key:"addIndexItem",value:function(e){!1===this.hasIndexItem(e.id)&&this.indexed.set(e.id,e.ref)}},{key:"hasIndexItem",value:function(e){return this.indexed.has(e)}},{key:"getDefaultTitle",value:function(){return"New Project"}},{key:"toRootVariableCSS",value:function(){var e={};return this.json.rootVariable.split(";").filter((function(e){return e.trim()})).forEach((function(t){var n=t.split(":"),r=k()(n,2),i=r[0],a=r[1];e["--".concat(i)]=a})),e}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Gs({itemType:"project",name:"new Project",description:"",rootVariable:""},e))}},{key:"toCloneObject",value:function(){return Gs({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("name","description","rootVariable"))}},{key:"getTransformMatrix",value:function(){return D.a.create()}},{key:"resetMatrix",value:function(e){var t=D.a.getTranslation([],Q(e.getAccumulatedMatrix(),e.getTransformMatrixInverse())),n=k()(t,2),r=n[0],i=n[1];e.reset({x:nr.px(r),y:nr.px(i)})}},{key:"indexed",get:function(){return this.createIndexItemMap(),this.indexedMap}},{key:"isAbsolute",get:function(){return!1}},{key:"parent",get:function(){return null}},{key:"artboards",get:function(){return(this.json.layers||[]).filter((function(e){return e.is("artboard")}))}},{key:"offsetX",get:function(){return Hs}},{key:"offsetY",get:function(){return Ns}},{key:"rectVerties",get:function(){return zi(this.layers)}}]),t}(Fs);function Ys(e,t){var n=[];return e.layers.length&&e.layers.forEach((function(e){n.push.apply(n,Ys(e,t))})),t.id?n.push(e):t.includes(e.id)&&n.push(e),n}aa.registerComponent("project",Xs);var _s,Ks=function(){function e(t){zn()(this,e),this.$editor=t,this.project=null,this.items=[],this.itemKeys={},this.hoverId="",this.hoverItems=[],this.ids=[],this.idsString="",this.colorsteps=[],this.cachedItemVerties=[],this.cachedArtBoardVerties=[],this.cachedVerties=Ri(0,0,0,0,"50% 50% 0px"),this.selectionCamera=new ia({parent:this.currentProject,x:nr.px(0),y:nr.px(0),width:nr.px(0),height:nr.px(0)})}return Bn()(e,[{key:"initialize",value:function(){this.items=[],this.itemKeys={},this.ids=[],this.idsString="",this.cachedItemVerties={}}},{key:"getRootItem",value:function(e){var t=e;return e&&e.parent&&(t=e.parent),t}},{key:"selectColorStep",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];this.colorsteps=t}},{key:"isSelectedColorStep",value:function(e){return this.colorsteps.includes(e)}},{key:"selectProject",value:function(e){this.project=e}},{key:"isSameIds",value:function(e){return this.ids.length==e.length&&this.ids.filter((function(t){return e.includes(t)})).length===this.ids.length}},{key:"select",value:function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];var i=(n||[]).filter((function(e){return!e.lock&&e.isAbsolute})),a=i.filter((function(e){return e.path.filter((function(e){return i.includes(e)})).length<2})),o=a.map((function(e){return e.id}));return!this.isSameIds(o)&&(this.items=a,this.itemKeys={},this.items.forEach((function(t){e.itemKeys[t.id]=t})),this.ids=Object.keys(this.itemKeys),this.ids.sort(),this.idsString=this.ids.join(","),this.setRectCache(),!0)}},{key:"reselect",value:function(){this.setRectCache()}},{key:"check",value:function(e){return!!this.itemKeys[e.id]}},{key:"get",value:function(e){return this.itemKeys[e]}},{key:"empty",value:function(){this.select()}},{key:"itemsByIds",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=[];if(nt(e)?t=e:(it(e)||ot(e))&&(t=[e]),t.length){var n=this.project,r=[],i=[];t.forEach((function(e){n.hasIndexItem(e)?r.push(n.getIndexItem(e)):i.push(e)}));var a=Ys(this.project,i);return a.forEach((function(e){n.addIndexItem(e)})),r.push.apply(r,a),r}return this.items}},{key:"makeItemMap",value:function(e){var t={};return this.ids.forEach((function(n){t[n]=ht(e)})),t}},{key:"selectById",value:function(e){e&&this.select.apply(this,j()(Ys(this.project,e)))}},{key:"selectAfterCopy",value:function(){this.select.apply(this,j()(this.items.map((function(e){return e.copy()}))))}},{key:"addById",value:function(e){this.itemKeys[e]||this.select.apply(this,j()(this.items).concat(j()(Ys(this.project,e))))}},{key:"removeById",value:function(e){var t=e;it(e)&&(t=[e]);var n=this.items.filter((function(e){return!1===t.includes(e.id)}));this.select.apply(this,j()(n))}},{key:"toggleById",value:function(e){this.itemKeys[e]?this.removeById(e):this.addById(e)}},{key:"getArtboardByPoint",value:function(e){return this.currentProject.artboards.find((function(t){return Ii(t.matrix.verties.filter((function(e,t){return t<4})),e[0],e[1])}))}},{key:"changeArtBoard",value:function(){var e=this,t=!1;return this.each((function(n){if(!1===n.is("artboard")){var r=n.rectVerties();if(n.artboard){var i=n.artboard.rectVerties();if(Ii(i,r[0][0],r[0][1])||Li(r,i))return!1}var a=e.cachedArtBoardVerties.find((function(e){var t=e.matrix.verties.filter((function(e,t){return t<4}));return Ii(t,r[0][0],r[0][1])||Li(r,t)}));a?a.item!==n.artboard&&(a.item.appendChildItem(n),t=!0):n.artboard&&(e.currentProject.appendChildItem(n),t=!0)}})),t}},{key:"doCache",value:function(){this.items.forEach((function(e){e.setCache()}))}},{key:"setRectCache",value:function(){this.cachedVerties=this.verties,this.cachedItemVerties=this.items.map((function(e){return e.fakeParent=void 0,e.matrix})),this.cachedArtBoardVerties=this.currentProject.artboards.map((function(e){return{item:e,matrix:e.matrix}}))}},{key:"toCloneObject",value:function(){var e={};return this.each((function(t){e[t.id]=t.toCloneObject(!1)})),e}},{key:"cloneValue",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];var r={};return this.each((function(e){r[e.id]={},t.forEach((function(t){r[e.id][t]=e[t]}))})),r}},{key:"each",value:function(e){st(e)&&this.items.forEach((function(t,n){e(t)}))}},{key:"map",value:function(e){return st(e)?this.items.map((function(t,n){return e(t,n)})):this.items}},{key:"reset",value:function(e){this.each((function(t){return t.reset(e)}))}},{key:"resetCallback",value:function(e){this.each((function(t){return t.reset(e(t))}))}},{key:"resize",value:function(){this.each((function(e){return e.resize()}))}},{key:"remove",value:function(){this.each((function(e){return e.remove()})),this.empty()}},{key:"copy",value:function(){this.copyItems=this.items.map((function(e){return e}))}},{key:"paste",value:function(){this.select.apply(this,j()(this.copyItems.map((function(e){return e.copy()})))),this.copy()}},{key:"isInParent",value:function(e){for(var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=e,r=n.parent,i=t.includes(r);!i&&!et(r);)n=r,r=r.parent,i=t.includes(r);return i}},{key:"hasPoint",value:function(e){return this.isMany?Ii(this.rectVerties,e[0],e[1]):this.cachedItemVerties.some((function(t){return Ii(t.verties,e[0],e[1])}))}},{key:"checkHover",value:function(e){return it(e)?this.hoverId===e:this.hoverItems.findIndex((function(t){return t.id===e.id}))>-1}},{key:"setHoverId",value:function(e){var t=!1;return!e||this.itemKeys[e]?(""!=this.hoverId&&(t=!0),this.hoverId="",this.hoverItems=[]):this.cachedArtBoardVerties.find((function(t){return t.item.id===e}))?(""!=this.hoverId&&(t=!0),this.hoverId="",this.hoverItems=[]):(this.hoverId!=e&&(t=!0),this.hoverId=e,this.hoverItems=this.itemsByIds([e]).filter((function(e){return!1===e.is("artboard")})),0===this.hoverItems.length&&(this.hoverId="",t=!0)),t&&this.$editor.emit("changeHoverItem"),t}},{key:"current",get:function(){return this.items[0]}},{key:"currentProject",get:function(){return this.project}},{key:"isEmpty",get:function(){return!this.length}},{key:"isOne",get:function(){return 1===this.length}},{key:"isMany",get:function(){return this.length>1}},{key:"length",get:function(){return this.items.length}},{key:"snapTargetLayers",get:function(){var e=this;return this.currentProject?this.currentProject.allLayers.filter((function(t){return!t.is("project")&&!e.check(t)})):[]}},{key:"snapTargetLayersWithSelection",get:function(){return this.currentProject?this.currentProject.allLayers.filter((function(e){return!e.is("project")})):[]}},{key:"selectedArtboards",get:function(){return j()(new Set(this.items.map((function(e){return e.artboard}))))}},{key:"isRelative",get:function(){return"relative"===(this.items[0]||{}).position}},{key:"verties",get:function(){return this.isOne?this.current.verties():this.rectVerties}},{key:"selectionVerties",get:function(){return this.isOne?this.current.selectionVerties():this.rectVerties}},{key:"rectVerties",get:function(){return zi(this.items)}},{key:"itemRect",get:function(){var e=this.verties;return{x:nr.px(e[0][0]),y:nr.px(e[0][1]),width:nr.px(D.d.distance(e[0],e[1])),height:nr.px(D.d.distance(e[0],e[3]))}}}]),e}(),Ws={en_US:{"app.title":"EASYLOGIC","app.sample":function(e,t,n){return"".concat(e,"-").concat(t,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.lang.fr_FR":"Français","app.label.lang":"Language","app.layout.all":"All","app.layout.css":"CSS","app.layout.svg":"SVG","app.label.layout":"Menu Layout","app.theme.dark":"Dark","app.theme.light":"Light","app.theme.toon":"Toon","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.artboards":"Artboard","app.tab.title.assets":"Assets","app.tab.title.keyMap":"KeyMap","app.confirm.message.artboard.items.removeArtboard":"Do you remove an artboard preview really?","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.shortcuts.title":"ShortCuts","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","position.property.width":"W","position.property.height":"H","position.property.opacity":"Opacity","position.property.rotate":"Rotate","background.color.property.title":"Appearance","background.color.property.color":"Color","background.color.property.zindex":"z-index","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","iframe.property.title":"IFrame","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":"Appearance","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.reverse":"Reverse","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","inspector.tab.title.history":"History","timeline.property.title":"Timeline","timeline.property.resize":"Drag if you want to resize timeline height.","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","timeline.value.editor.offset.message":"Please input enter key to change time offset.","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","viewport.panning.enable":"You can move the area by holding down space key and dragging the screen."},fr_FR:(_s={"app.title":"EASYLOGIC","app.sample":function(e,t,n){return"".concat(e,"-").concat(t,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.lang.fr_FR":"Français","app.label.lang":"Langue","app.layout.all":"All","app.layout.css":"CSS","app.layout.svg":"SVG","app.label.layout":"Menu Layout","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.artboards":"Artboard","app.tab.title.assets":"Elements","app.tab.title.keyMap":"Clavier","app.confirm.message.artboard.items.removeArtboard":"Do you remove an artboard preview really?","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.shortcuts.title":"ShortCuts","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","position.property.width":"Largeur","position.property.height":"Hauteur","position.property.opacity":"Opacity","position.property.rotate":"Rotate","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","iframe.property.title":"IFrame","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":"Appearance","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.reverse":"Reverse","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","inspector.tab.title.history":"History"},m()(_s,"inspector.tab.title.history","History"),m()(_s,"timeline.property.title","Chronologie"),m()(_s,"timeline.property.resize","Drag if you want to resize timeline height."),m()(_s,"timeline.animation.property.title","Animations"),m()(_s,"timeline.play.control.play","Jouer"),m()(_s,"timeline.play.control.pause","Pause"),m()(_s,"timeline.play.control.first","Premier"),m()(_s,"timeline.play.control.prev","Précédent"),m()(_s,"timeline.play.control.next","Suivant"),m()(_s,"timeline.play.control.last","Dernier"),m()(_s,"timeline.play.control.direction","Direction"),m()(_s,"timeline.play.control.speed","Vitesse"),m()(_s,"timeline.play.control.repeat","Répéter"),m()(_s,"timeline.play.control.infinite","Infini"),m()(_s,"timeline.play.control.normal","normal"),m()(_s,"timeline.play.control.alternate","alternatif"),m()(_s,"timeline.play.control.reverse","inverse"),m()(_s,"timeline.play.control.alternate.reverse","inverse alternatif"),m()(_s,"timeline.value.editor.value","Valeur"),m()(_s,"timeline.value.editor.time","Temps"),m()(_s,"timeline.value.editor.timing","Calage temps"),m()(_s,"timeline.value.editor.offset.message","Please input enter key to change time offset."),m()(_s,"svgfilter.popup.title","Filtre SVG"),m()(_s,"css.item.rotate","Rotation"),m()(_s,"css.item.rotateX","Rotation X"),m()(_s,"css.item.rotateY","Rotation Y"),m()(_s,"css.item.rotateZ","Rotation Z"),m()(_s,"css.item.rotate3d","Rotation 3D"),m()(_s,"css.item.skewX","Oblique X"),m()(_s,"css.item.skewY","Oblique Y"),m()(_s,"css.item.translate","Translation"),m()(_s,"css.item.translateX","Translation X"),m()(_s,"css.item.translateY","Translation Y"),m()(_s,"css.item.translateZ","Translation Z"),m()(_s,"css.item.translate3d","Translation 3D"),m()(_s,"css.item.perspective","Perspéctive"),m()(_s,"css.item.scale","Echelle"),m()(_s,"css.item.scaleX","Echelle X"),m()(_s,"css.item.scaleY","Echelle Y"),m()(_s,"css.item.scaleZ","Echelle Z"),m()(_s,"css.item.scale3d","Echelle 3D"),m()(_s,"css.item.matrix","Matrice"),m()(_s,"css.item.matrix3d","Matrice 3D"),m()(_s,"animation.property.title","Animation CSS"),m()(_s,"animation.property.direction","Direction"),m()(_s,"animation.property.play.state","Etat lecture"),m()(_s,"animation.property.fill.mode","Mode remplissage"),m()(_s,"animation.property.delay","Délais"),m()(_s,"animation.property.duration","Durée"),m()(_s,"animation.property.iteration.count","Nombre Itérations"),m()(_s,"animation.property.Select a keyframe","Selectionner une image clé"),m()(_s,"animation.property.popup.title","Animation"),m()(_s,"animation.property.popup.timing.function","Fonction temps"),m()(_s,"animation.property.popup.keyframe","image clé"),m()(_s,"animation.property.popup.direction","Direction"),m()(_s,"animation.property.popup.play.state","Etat lecture"),m()(_s,"animation.property.popup.fill.mode","Mode remplissage"),m()(_s,"animation.property.popup.delay","Délais"),m()(_s,"animation.property.popup.duration","Duréé"),m()(_s,"animation.property.popup.iteration","Itération"),m()(_s,"animation.property.popup.normal","normal"),m()(_s,"animation.property.popup.reverse","inverse"),m()(_s,"animation.property.popup.alternate","alternatif"),m()(_s,"animation.property.popup.alternate-reverse","inverse alternatif"),m()(_s,"animation.property.popup.none","Aucun"),m()(_s,"animation.property.popup.forwards","en avant"),m()(_s,"animation.property.popup.backwards","en arrière"),m()(_s,"animation.property.popup.both","les deux"),m()(_s,"animation.property.popup.Select a keyframe","Selectionner une image clé"),m()(_s,"keyframe.popup.title","image clé"),m()(_s,"code.view.property.title","Vue code"),m()(_s,"svg.filter.editor.tab.filter","Filtrer"),m()(_s,"svg.filter.editor.tab.preset","Pre-rempli"),m()(_s,"svg.filter.editor.tab.asset","Eléments"),m()(_s,"svg.filter.editor.GRAPHIC REFERENCES","REFERENCES GRAPHIQUES"),m()(_s,"svg.filter.editor.SOURCES","SOURCES"),m()(_s,"svg.filter.editor.MODIFIER","MODIFIER"),m()(_s,"svg.filter.editor.LIGHTING","ECLAIRAGE"),m()(_s,"svg.filter.editor.COMBINERS","COMBINER"),m()(_s,"svg.filter.editor.Template","Modèle"),m()(_s,"layout.property.title","Disposition"),m()(_s,"layout.property.flex","Boîte Flex"),m()(_s,"layout.property.grid","Grille"),m()(_s,"layout.property.default","Défaut"),m()(_s,"flex.layout.editor.row","Ligne"),m()(_s,"flex.layout.editor.column","Colonne"),m()(_s,"flex.layout.editor.row-reverse","Inverse ligne"),m()(_s,"flex.layout.editor.column-reverse","Inverse Colonne"),m()(_s,"flex.layout.editor.nowrap","Non-emballé"),m()(_s,"flex.layout.editor.wrap","Emballé (wrap)"),m()(_s,"flex.layout.editor.wrap-reverse","Inverse emballé"),m()(_s,"flex.layout.editor.flex-start","Début"),m()(_s,"flex.layout.editor.flex-end","Fin"),m()(_s,"flex.layout.editor.center","Centrer"),m()(_s,"flex.layout.editor.space-between","Entre"),m()(_s,"flex.layout.editor.space-around","Autour"),m()(_s,"flex.layout.editor.baseline","Base"),m()(_s,"flex.layout.editor.stretch","Etirement"),m()(_s,"flex.layout.editor.direction","Direction"),m()(_s,"flex.layout.editor.justify-content","Justifier"),m()(_s,"flex.layout.editor.align-items","Aligner objets"),m()(_s,"flex.layout.editor.align-content","Aligner contenu"),m()(_s,"flex.layout.item.property.title","Détail Disposition objet"),m()(_s,"flex.layout.item.property.grow","Augmenter Flex"),m()(_s,"flex.layout.item.property.shrink","Réduire Flex"),m()(_s,"flex.layout.item.property.basis","Base Flex"),m()(_s,"flex.layout.item.property.none","Aucun"),m()(_s,"flex.layout.item.property.auto","auto"),m()(_s,"flex.layout.item.property.value","valeur"),m()(_s,"grid.layout.editor.template.columns","Colonne"),m()(_s,"grid.layout.editor.column.gap","Espace Colonne"),m()(_s,"grid.layout.editor.template.rows","Lignes"),m()(_s,"grid.layout.editor.row.gap","Espace lignes"),m()(_s,"grid.box.editor.box.title","Boîte"),m()(_s,"grid.box.editor.type","Type"),m()(_s,"grid.box.editor.repeat","Répéter"),m()(_s,"grid.box.editor.length","Longueur"),m()(_s,"grid.box.editor.none","Aucun"),m()(_s,"grid.box.editor.auto","Auto"),m()(_s,"grid.box.editor.count","Compte"),m()(_s,"grid.box.editor.value","Taille"),m()(_s,"grid.layout.item.property.title","Détail disposition objets"),m()(_s,"grid.layout.item.property.column","Colonne"),m()(_s,"grid.layout.item.property.row","Ligne"),m()(_s,"grid.layout.item.property.start","Début"),m()(_s,"grid.layout.item.property.end","Fin"),m()(_s,"grid.layout.item.property.none","Aucun"),m()(_s,"grid.layout.item.property.value","valeur"),m()(_s,"box.model.property.title","Modèle"),m()(_s,"box.model.property.margin","Marge"),m()(_s,"box.model.property.padding","Espace"),m()(_s,"component.items.canvas","Toile"),m()(_s,"component.items.layer","Objet"),m()(_s,"component.items.3dlayer","Objet 3D"),m()(_s,"component.items.drawing","Dessin"),m()(_s,"component.items.custom","Composant personnalisé"),m()(_s,"svg.text.property.title","Style SVG Texte"),m()(_s,"svg.text.property.textarea","Zone Texte"),m()(_s,"svg.text.property.size","Taille"),m()(_s,"svg.text.property.weight","Poids"),m()(_s,"svg.text.property.style","Style"),m()(_s,"svg.text.property.anchor","Ancre Texte"),m()(_s,"svg.text.property.family","Famille"),m()(_s,"svg.text.property.length.adjust","Ajusteement longueur"),m()(_s,"svg.text.property.text.length","Ajusteement Texte"),m()(_s,"svg.text.property.start.offset","Décallage départ"),m()(_s,"fill.picker.popup.title","Sélection Fragment SVG"),m()(_s,"gradient.editor.drag.message","Glisser pour déplacer centre."),m()(_s,"draw.manager.tolerance","Tolérance"),m()(_s,"pattern.property.title","Motif"),m()(_s,"pattern.info.popup.title","Info Motif"),m()(_s,"pattern.info.popup.width","Largeur"),m()(_s,"pattern.info.popup.height","Hauteur"),m()(_s,"pattern.info.popup.lineWidth","Largeur ligne"),m()(_s,"pattern.info.popup.lineHeight","Hauteur de ligne"),m()(_s,"pattern.info.popup.rotate","Rotatation"),m()(_s,"pattern.info.popup.blend","Mélange"),m()(_s,"pattern.info.popup.foreColor","Avant"),m()(_s,"pattern.info.popup.backColor","Arrière"),m()(_s,"stroke.dasharray.editor.add","Ajout tiret"),m()(_s,"viewport.panning.enable","You can move the area by holding down space and dragging the screen."),_s),ko_KR:{"app.title":"EASYLOGIC","app.sample":function(e,t,n){return"".concat(e,"-").concat(t,"-").concat(n)},"app.lang.en_US":"English","app.lang.ko_KR":"한국어","app.lang.fr_FR":"Français","app.label.lang":"언어","app.layout.all":"전체","app.layout.css":"CSS","app.layout.svg":"SVG","app.label.layout":"메뉴구성","app.theme.dark":"어두운","app.theme.light":"밝은","app.theme.toon":"그리기","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.artboards":"아트보드","app.tab.title.assets":"에셋","app.tab.title.keyMap":"단축키","app.confirm.message.artboard.items.removeArtboard":"아트보드 프리뷰를 삭제 하시겠습니까?","menu.item.download.title":"다운로드","menu.item.save.title":"저장","menu.item.export.title":"내보내기","menu.item.codepen.title":"CodePen","menu.item.fullscreen.title":"전체화면","menu.item.shortcuts.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":"크기","position.property.width":"넓이","position.property.height":"높이","position.property.rotate":"회전","position.property.opacity":"투명","background.color.property.title":"표시","background.color.property.color":"배경색","background.color.property.zindex":"z-index","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":"다운로드","iframe.property.title":"아이프레임","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.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.reverse":"순서변경","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":"코드","inspector.tab.title.history":"기록","timeline.property.title":"타임라인","timeline.property.resize":"타임라인 높이를 변경합니다. 드래그 해주세요.","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":"타이밍 함수","timeline.value.editor.offset.message":"Enter키를 입력하면 적용됩니다.","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":"점 추가","viewport.panning.enable":"space 를 누른채 화면을 드래그 하면 영역을 움직일 수 있습니다."}},Us={locales:Ws,get:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"en_US",r=Ws[n][e]||Ws.en_US[e]||e||void 0;if(st(r))return r(t);var i=r;return e===i?e.split(".").pop():(Ue(t,(function(e,t){i=i.replace(new RegExp("{".concat(e,"}"),"ig"),t)})),i)},hasKey:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"en_US";return!(!Ws[t][e]&&!Ws.en_US[e])}},Zs={dark:{left_size:250,left_max_size:400,bottom_size:150,bottom_max_size:500,timeline_grid_font_color:"#ececec",timeline_line_color:"red",timeline_timeview_bottom_color:"black"},light:{left_size:250,left_max_size:400,bottom_size:150,bottom_max_size:500,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"},toon:{left_size:250,left_max_size:400,bottom_size:150,bottom_max_size:500,timeline_grid_font_color:"black",timeline_line_color:"#4778d4",timeline_timeview_bottom_color:"#ececec"}};function qs(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Js=function(){function e(t){zn()(this,e),this.$editor=t,this.items=[],this.itemKeys={}}return Bn()(e,[{key:"initialize",value:function(){this.items=[],this.itemKeys={}}},{key:"currentProject",value:function(e){var t=this.$editor.selection.currentProject;t&&e&&e(t)}},{key:"empty",value:function(){this.select()}},{key:"each",value:function(e){this.items.forEach((function(t,n){e&&e(t,n)}))}},{key:"refreshCache",value:function(e){var t=this;this.items=e,this.itemKeys={},this.items.forEach((function(e){t.itemKeys[e.id]=e}))}},{key:"cachedList",value:function(){return this.items.map((function(e){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?qs(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):qs(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e)}))}},{key:"checked",value:function(e){return!!this.itemKeys[e]}},{key:"selectLayer",value:function(e){var t=this;this.currentProject((function(n){var r=n.getKeyframeListReturnArray().filter((function(t){return t.layerId===e}));t.refreshCache(r)}))}},{key:"toggleLayerContainer",value:function(e){this.currentProject((function(t){t.getSelectedTimeline().animations.filter((function(t){return t.id===e})).forEach((function(e){e.collapsed=!e.collapsed}))}))}},{key:"selectProperty",value:function(e,t){var n=this;this.currentProject((function(r){var i=r.getKeyframeListReturnArray().filter((function(n){return n.layerId===e&&n.property===t}));n.refreshCache(i)}))}},{key:"select",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];this.refreshCache(t)}},{key:"selectBySearch",value:function(e,t,n){var r=this;this.currentProject((function(i){var a=[];e.forEach((function(e){var r=[];if(e.property){var o=i.getTimelineProperty(e.layerId,e.property);r=o.keyframes.filter((function(e){return t<=e.time&&e.time<=n}))}else{(o=i.getTimelineObject(e.layerId)).properties.filter((function(t){return t.property===e.property})).forEach((function(e){r.push.apply(r,e.keyframes.filter((function(e){return t<=e.time&&e.time<=n})))}))}a.push.apply(a,r)}));var o={};a.forEach((function(e){o[e.id]=e})),r.select.apply(r,j()(Object.values(o)))}))}},{key:"checkLayer",value:function(e){var t=this;return Object.keys(this.itemKeys).some((function(n){return t.itemKeys[n].layerId===e}))}},{key:"checkProperty",value:function(e,t){var n=this;return Object.keys(this.itemKeys).some((function(r){return n.itemKeys[r].layerId===e&&n.itemKeys[r].property===t}))}}]),e}();var Qs={command:"setAttribute",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;e.selection.itemsByIds(n).forEach((function(n){Object.keys(t).forEach((function(e){var r=t[e];st(r)&&(r=r(n)),n.reset(m()({},e,r))})),n.setCache(),e.emit("refreshElement",n)}))}};function ec(e){e.emit("noneSelectMenu"),e.emit("refreshAll"),e.nextTick((function(){e.emit("refreshSelectionTool")}))}function tc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function rc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ic(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?rc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ac(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function oc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ac(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ac(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var sc={command:"fileDropItems",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];e.emit("updateResource",t)}},cc={command:"updateImage",execute:function(e,t,n,r){var i=new FileReader;i.onload=function(i){var a=i.target.result,o=URL.createObjectURL(t);e.emit("addImageAssetItem",{id:ae(),type:t.type,name:t.name,original:a,local:o},n,r)},i.readAsDataURL(t)}},lc={command:"updateVideo",execute:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=new FileReader;i.onload=function(i){var a=i.target.result,o=URL.createObjectURL(t);e.emit("addVideoAssetItem",{id:ae(),type:t.type,name:t.name,original:a,local:o},n,r)},i.readAsDataURL(t)}};function uc(e,t){var n=new Image;n.onload=function(){var r={id:e.id,local:e.local,naturalWidth:nr.px(n.naturalWidth),naturalHeight:nr.px(n.naturalHeight),width:nr.px(n.naturalWidth),height:nr.px(n.naturalHeight)};t&&t(r,n)},n.onerror=function(e){console.log(e,e.message)},n.src=e.local}function hc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function pc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?hc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):hc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var dc={command:"addImageAssetItem",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=e.selection.currentProject;i&&(i.createImage(t),e.emit("addImageAsset"),uc(t,(function(i){var a=n.width.value/i.width.value,o=n.width,s=nr.px(i.height.value*a);e.emit("addImage",pc({src:t.id},i,{},n,{width:o,height:s}),r),e.changeMode(Pf),e.emit("afterChangeMode")})))}};function fc(e,t){var n=document.createElement("video");n.onloadeddata=function(){var r={local:e.local,naturalWidth:nr.px(n.videoWidth),naturalHeight:nr.px(n.videoHeight),width:nr.px(n.videoWidth),height:nr.px(n.videoHeight),duration:n.duration,playTime:"0:1:".concat(n.duration),volume:n.volume,muted:n.muted,placebackRate:n.playbackRate};t&&t(r,n)},n.src=e.local}function vc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function yc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?vc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):vc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var gc={command:"addVideoAssetItem",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=e.selection.currentProject;i&&(i.createVideo(t),e.emit("addVideoAsset"),fc(t,(function(i){e.emit("addVideo",yc({src:t.id},i,{},n),r),e.changeMode(Pf),e.emit("afterChangeMode")})))}};function mc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var bc={command:"dropImageUrl",execute:function(e,t){uc({local:t},(function(t){e.emit("addImage",function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({src:t.local},t)),e.changeMode(Pf),e.emit("afterChangeMode")}))}},kc={command:"addSVGFilterAssetItem",execute:function(e,t){var n=e.selection.currentProject;if(n){var r=ae(),i=n.createSVGFilter({id:r,filters:[]});t&&t(i,r)}}},xc={command:"updateImageAssetItem",execute:function(e,t,n){var r=new FileReader;r.onload=function(r){var i=r.target.result,a=URL.createObjectURL(t),o=e.selection.currentProject;if(o){var s=o.createImage({id:ae(),type:t.type,name:t.name,original:i,local:a});e.emit("addImageAsset"),st(n)&&n(s.id)}},r.readAsDataURL(t)}},wc={command:"updateVideoAssetItem",execute:function(e,t,n){var r=new FileReader;r.onload=function(r){var i=r.target.result,a=URL.createObjectURL(t),o=e.selection.currentProject;o&&(o.createVideo({id:ae(),type:t.type,name:t.name,original:i,local:a}),e.emit("addVideoAsset"),st(n)&&n(a))},r.readAsDataURL(t)}},Sc=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"parse",value:function(t){var n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=t.split("data:"),i=k()(r,2),a=(i[0],i[1]),o=a.split(","),s=S()(o),c=s[0],l=s.slice(1),u=c.split(";"),h=k()(u,2),p=h[0],d=h[1];return l=l.join(","),{mimeType:p,local:n&&e.getLink(p,d,l)}}},{key:"getLink",value:function(e,t,n){if("base64"===t){for(var r=atob(n),i=r.length,a=new Uint8Array(i),o=0;o<i;o++)a[o]=r.charCodeAt(o);var s=new Blob([a],{type:e});return URL.createObjectURL(s)}return""}}]),e}(),Pc={command:"updateUriList",execute:function(e,t){var n=t.data;if(n.indexOf("data:")>-1){var r=Sc.parse(n,!0);switch(r.mimeType){case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":e.emit("addImageAssetItem",{id:ae(),type:r.mimeType,name:"",original:n,local:r.local})}}else{var i=t.data.split(".").pop(),a=t.data.split("/").pop();switch(i){case"png":case"jpg":case"gif":case"svg":e.emit("addImageAssetItem",{id:ae(),type:"image/"+i,name:a,original:t.data,local:t.data})}}}};function jc(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"easylogic.json",n=document.createElement("a");n.href=e,n.download=t,n.click()}var Oc={command:"downloadJSON",execute:function(e,t){var n=JSON.stringify(e.projects);jc("data:application/json;base64,"+window.btoa(n),t||"easylogic.json")}},$c=new Map,Cc=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"has",value:function(e){return $c.has(e)}},{key:"get",value:function(e){return $c.get(e)}},{key:"set",value:function(e,t){$c.size>1e3&&$c.clear(),$c.set(e,t)}}]),e}();function Ec(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Tc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ec(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ec(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Vc=/((check|grid|dot|cross\-dot|diagonal\-line|vertical\-line|horizontal\-line|)\(([^\)]*)\))/gi,Dc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Tc({itemType:"pattern"},e))}},{key:"toString",value:function(){return"".concat(this.json.type,"(").concat(this.json.value||"",")")}}],[{key:"parse",value:function(e){var t=Gc[e.type];if(t)return new t(e)}},{key:"parseStyle",value:function(e){var n=[];if(!e)return n;if(Cc.has(e))return Cc.get(e);var r=fn(e);return(r.str.match(Vc)||[]).forEach((function(e,i){var a=e.split("("),o=k()(a,2),s=o[0],c=o[1],l=(c=c.split(")")[0]).split(",").map((function(e){return e.trim()})),u=k()(l,6),h=u[0],p=u[1],d=u[2],f=u[3],v=u[4],y=u[5],g=h.split(" "),m=k()(g,2),b=m[0],x=m[1],w=p.split(" "),S=k()(w,2),P=S[0],j=S[1],O=(y||"").split(" "),$=k()(O,2),C=$[0],E=$[1];n[i]=t.parse({type:s,x:nr.parse(P),y:nr.parse(j),width:nr.parse(b),height:nr.parse(x),foreColor:yn(d,r.matches),backColor:yn(f,r.matches),blendMode:v||"normal",lineWidth:nr.parse(C||"1px"),lineHeight:nr.parse(E||"1px")})})),Cc.set(e,n),n}},{key:"join",value:function(e){return e.map((function(e){return t.parse(e)})).join(" ")}},{key:"toCSS",value:function(e){var n=[];return t.parseStyle(e).forEach((function(e){n.push.apply(n,So.parseStyle(kt(e.toCSS())))})),So.joinCSS(n)}}]),t}(Yi),Ic=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"base",x:nr.z(),y:nr.z(),width:nr.px(20),height:nr.px(20),lineWidth:nr.px(1),lineHeight:nr.px(1),foreColor:"black",backColor:"white",blendMode:"normal"})}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).width=nr.parse(e.width),e.height=nr.parse(e.height),e.lineWidth=nr.parse(e.lineWidth),e.lineHeight=nr.parse(e.lineHeight),e.x=nr.parse(e.x),e.y=nr.parse(e.y),e}},{key:"toString",value:function(){var e=this.json,t=e.type,n=e.width,r=e.height,i=e.x,a=e.y,o=e.foreColor,s=e.backColor,c=e.blendMode,l=e.lineWidth,u=e.lineHeight;return"".concat(t,"(").concat(n," ").concat(r,", ").concat(i," ").concat(a,", ").concat(o,", ").concat(s,", ").concat(c,", ").concat(l," ").concat(u,")")}}]),t}(Dc),Mc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"check"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.x,i=e.y,a=e.backColor,o=e.foreColor,s=e.blendMode;return a=a||"transparent","\n      background-image: repeating-linear-gradient(45deg, ".concat(o=o||"black"," 25%, ").concat(a," 25%, ").concat(a," 75%, ").concat(o," 75%, ").concat(o," 100%),repeating-linear-gradient(45deg, ").concat(o," 25%, ").concat(a," 25%, ").concat(a," 75%, ").concat(o," 75%, ").concat(o," 100%);\n      background-position: 0px 0px, ").concat(r," ").concat(i,";\n      background-size: ").concat(t," ").concat(n,", ").concat(t," ").concat(n,";\n      background-blend-mode: ").concat(s,", ").concat(s,";\n    ")}}]),t}(Ic),Lc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"grid"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.lineWidth,i=e.lineHeight,a=e.backColor,o=e.foreColor,s=e.blendMode;return a=a||"transparent","\n      background-image: linear-gradient(".concat(o=o||"black"," ").concat(i,", ").concat(a," ").concat(i,"),linear-gradient(to right, ").concat(o," ").concat(r,", ").concat(a," ").concat(r,");\n      background-size: ").concat(t.value/2,"px ").concat(n.value/2,"px, ").concat(t.value/2,"px ").concat(n.value/2,"px;      \n      background-blend-mode: ").concat(s,", ").concat(s,";      \n    ")}}]),t}(Ic),Rc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"dot"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.lineWidth,i=(e.lineHeight,e.backColor),a=e.foreColor,o=e.blendMode;return i=i||"transparent","\n      background-image: radial-gradient(".concat(a=a||"black"," ").concat(r,", ").concat(i," ").concat(r,");\n      background-size: ").concat(t.value/2,"px ").concat(n.value/2,"px;          \n      background-blend-mode: ").concat(o,";      \n    ")}}]),t}(Ic),Ac=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"cross-dot"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.x,i=e.y,a=e.lineWidth,o=(e.lineHeight,e.backColor),s=e.foreColor,c=e.blendMode;return o=o||"transparent","\n      background-image: radial-gradient(".concat(s=s||"black"," ").concat(a,", ").concat(o," ").concat(a,"),radial-gradient(").concat(s," ").concat(a,", ").concat(o," ").concat(a,");\n      background-size: ").concat(t," ").concat(n,",").concat(t," ").concat(n,";\n      background-position: 0px 0px, ").concat(r," ").concat(i,";      \n      background-blend-mode: multiply, ").concat(c,";\n    ")}}]),t}(Ic),zc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"diagonal-line"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.x,i=e.lineWidth,a=e.backColor,o=e.foreColor,s=e.blendMode;return a=a||"transparent",o=o||"black","\n      background-image: repeating-linear-gradient(".concat(r,", ").concat(o," 0, ").concat(o," ").concat(i,", ").concat(a," 0, ").concat(a," 50%);\n      background-size: ").concat(t," ").concat(n,";      \n      background-blend-mode: ").concat(s,";\n    ")}}]),t}(Ic),Fc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"vertical-line"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.x,i=e.y,a=e.lineWidth,o=e.backColor,s=e.foreColor,c=e.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(to right, ".concat(s=s||"black"," 0px, ").concat(s," ").concat(a,", ").concat(o," ").concat(a,", ").concat(o," 100%);\n      background-size: ").concat(t," ").concat(n,"; \n      background-position: ").concat(r," ").concat(i,";        \n      background-blend-mode: ").concat(c,";\n    ")}}]),t}(Ic),Bc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"horizontal-line"})}},{key:"toCSS",value:function(){var e=this.json,t=e.width,n=e.height,r=e.x,i=e.y,a=e.lineWidth,o=e.backColor,s=e.foreColor,c=e.blendMode;return o=o||"transparent","\n      background-image: repeating-linear-gradient(0deg, ".concat(s=s||"black"," 0px, ").concat(s," ").concat(a,", ").concat(o," ").concat(a,", ").concat(o," 100%);    \n      background-position: ").concat(r," ").concat(i,";\n      background-size: ").concat(t," ").concat(n,";   \n      background-blend-mode: ").concat(c,";\n    ")}}]),t}(Ic),Gc={check:Mc,grid:Lc,dot:Rc,"cross-dot":Ac,"diagonal-line":zc,"vertical-line":Fc,"horizontal-line":Bc},Hc={CheckPattern:Mc,GridPattern:Lc,DotPattern:Rc,CrossDotPattern:Ac,DiagonalLinePattern:zc,VerticalLinePattern:Fc,HorizontalLinePattern:Bc};function Nc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Xc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Nc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Nc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Yc={},_c=["text-fill-color","text-stroke-color","text-stroke-width","background-clip"],Kc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toStringPropertyCSS",value:function(e,t){return kt(e[t])}},{key:"toBackgroundImageCSS",value:function(e){if(""===e["background-image"]&&""===e.pattern)return Yc;var t=[];if(e.pattern)for(var n=Dc.parseStyle(e.pattern),r=0,i=n.length;r<i;r++)t.push.apply(t,So.parseStyle(kt(n[r].toCSS())));return e["background-image"]&&t.push.apply(t,So.parseStyle(kt(e["background-image"]))),t.length?So.joinCSS(t):{}}},{key:"toLayoutCSS",value:function(e){var t=e.layout;if(e.hasLayout()){if("flex"===t)return this.toFlexLayoutCSS(e);if("grid"===t)return this.toGridLayoutCSS(e)}return{}}},{key:"toLayoutItemCSS",value:function(e){var t=e.parent.layout,n={};return"flex"===t?n={position:"relative",left:"auto !important",top:"auto !important"}:"grid"===t&&(n={position:"relative",left:"auto !important",top:"auto !important",width:"auto !important",height:"auto !important"}),"flex"===t?n=Xc({},n,{},kt(e["flex-layout-item"])):"grid"===t&&(n=Xc({},n,{},kt(e["grid-layout-item"]))),n}},{key:"toFlexLayoutCSS",value:function(e){return Xc({display:"flex"},this.toStringPropertyCSS(e,"flex-layout"))}},{key:"toGridLayoutCSS",value:function(e){return Xc({display:"grid"},this.toStringPropertyCSS(e,"grid-layout"))}},{key:"toBorderCSS",value:function(e){return this.toStringPropertyCSS(e,"border")}},{key:"toKeyCSS",value:function(e){return item[e]?m()({},e,item[e]):{}}},{key:"toBoxModelCSS",value:function(e){var t={};return e["margin-top"]&&(t["margin-top"]=e["margin-top"]),e["margin-bottom"]&&(t["margin-bottom"]=e["margin-bottom"]),e["margin-left"]&&(t["margin-left"]=e["margin-left"]),e["margin-right"]&&(t["margin-right"]=e["margin-right"]),e["padding-top"]&&(t["padding-top"]=e["padding-top"]),e["padding-bottom"]&&(t["padding-bottom"]=e["padding-bottom"]),e["padding-left"]&&(t["padding-left"]=e["padding-left"]),e["padding-right"]&&(t["padding-right"]=e["padding-right"]),t}},{key:"toKeyListCSS",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n={};return t.filter((function(t){return tt(e[t])})).forEach((function(t){n[t]=e[t]})),n}},{key:"toDefaultCSS",value:function(e){var t={};return e.isAbsolute&&(e.x&&(t.left=e.x),e.y&&(t.top=e.y)),t.visibility=e.visible?"visible":"hidden",Xc({},t,{},this.toKeyListCSS(e,["position","width","height","overflow","z-index","box-sizing","background-color","color","opacity","mix-blend-mode","transform-origin","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","animation","transition"]))}},{key:"toVariableCSS",value:function(e){var t={};return e.variable.split(";").filter((function(e){return e.trim()})).forEach((function(e){var n=e.split(":"),r=k()(n,2),i=r[0],a=r[1];t["--".concat(i)]=a})),t}},{key:"toRootVariableCSS",value:function(e){var t={};return e.rootVariable.split(";").filter((function(e){return e.trim()})).forEach((function(e){var n=e.split(":"),r=k()(n,2),i=r[0],a=r[1];t["--".concat(i)]=a})),t}},{key:"toRootVariableString",value:function(e){return bt(this.toRootVariableCSS(e))}},{key:"toWebkitCSS",value:function(e){var t={};return _c.forEach((function(n){t["-webkit-".concat(n)]=e[n]})),t}},{key:"toTextClipCSS",value:function(e){var t={};return"text"===e["text-clip"]&&(t["-webkit-background-clip"]="text",t["-webkit-text-fill-color"]="transparent",t.color="transparent"),t}},{key:"toTransformCSS",value:function(e){if("0deg"===e.rotate&&""===e.transform)return Yc;if(0===e.rotate.value&&""===e.transform)return Yc;var t=[e.transform,e.rotate].join(":::");t!=this._transformCacheKey&&(this._transformCache=Zi.rotate(e.transform,e.rotate),this._transformCacheKey=t);var n={transform:this._transformCache};return"rotate(0deg)"===n.transform&&delete n.transform,n}},{key:"toDefInnerString",value:function(e){return"\n      ".concat(this.toClipPath(e),"\n    ").trim()}},{key:"toClipPath",value:function(e){if(""===e["clip-path"])return"";var t=ts.parseStyle(e["clip-path"]),n=t.value;switch(t.type){case"path":return'<clipPath id="'.concat(this.clipPathId(e),'"><path d="').concat(n,'" /></clipPath>');case"svg":return'<clipPath id="'.concat(this.clipPathId(e),'">').concat(n,"</clipPath>")}return""}},{key:"toClipPathCSS",value:function(e){var t=e["clip-path"];if(!1===Boolean(t))return null;switch(ts.parseStyle(t).type){case"path":case"svg":t="url(#".concat(this.clipPathId(e),")")}return{"clip-path":t}}},{key:"innerSVGId",value:function(e){return e.id+"inner-svg"}},{key:"clipPathId",value:function(e){return e.id+"clip-path"}},{key:"toDefString",value:function(e){var t=this.toDefInnerString(e);return t?"\n    <svg class='inner-svg-element' data-id=\"".concat(this.innerSVGId(e),'" width="0" height="0">\n      <defs>\n        ').concat(t,"\n      </defs>\n    </svg>\n    "):""}},{key:"toSelectorString",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e.selectors.map((function(e){return e.toString(t)})).join("\n\n")}},{key:"generateView",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",r="\n  ".concat(t," {  /* ").concat(e.itemType," */\n      ").concat(bt(this.toCSS(e),"\n    "),"; \n      ").concat(n,"\n  }\n  ").concat(this.toNestedCSS(e).map((function(e){return"".concat(t," ").concat(e.selector," { \n        ").concat(e.cssText?e.cssText:bt(e.css||{},"\n\t\t"),"; \n    }")})).join("\n"),"\n  ").concat(this.toSelectorString(e,t),"\n    ");return r}},{key:"toCSS",value:function(e){return Object.assign({},this.toVariableCSS(e),this.toDefaultCSS(e),this.toClipPathCSS(e),this.toWebkitCSS(e),this.toTextClipCSS(e),this.toBoxModelCSS(e),this.toBorderCSS(e),this.toBackgroundImageCSS(e),this.toLayoutCSS(e),this.toTransformCSS(e),this.toLayoutItemCSS(e))}},{key:"toStyle",value:function(e,t){var n=this.generateView(e,".element-item[data-id='".concat(e.id,"']"));return("\n        <style type='text/css' data-id='".concat(e.id,"' data-timestamp='").concat(e.timestamp,"'>").concat(n,"</style>\n    ")+e.layers.map((function(e){return t.toStyle(e,t)})).join(""))}},{key:"render",value:function(e,t){var n=e.elementType,r=e.id,i=e.name,a=e.itemType,o=n||"div";return"    \n      <".concat(o,' class="').concat(wt(m()({"element-item":!0},a,!0)),'" ').concat(xt({"data-id":r,"data-title":i}),">\n        ").concat(this.toDefString(e),"\n        ").concat(e.layers.map((function(e){return t.render(e,t)})).join("\n\t"),"\n      </").concat(o,">\n    ")}},{key:"renderSVG",value:function(e,t){}},{key:"toNestedCSS",value:function(e){return[]}},{key:"update",value:function(e,t){var n=t.el.$svg;if(n||(t.el.$svg=t.$('[data-id="'.concat(this.innerSVGId(e),'"]')),n=t.el.$svg),n){var r=this.toDefInnerString(e);if(r)n.$("defs").html(r)}else{var i=this.toDefString(e);if(i){var a=rr.createByHTML(i);a&&t.prepend(a)}}}}]),t}(function(){function e(){zn()(this,e)}return Bn()(e,[{key:"getInnerId",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e.id+t}}]),e}());function Wc(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Uc(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Wc(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Wc(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Zc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toDefaultCSS",value:function(e){return Uc({overflow:"visible"},this.toKeyListCSS(e,["font-size","font-stretch","line-height","font-weight","font-family","font-style","text-align","text-transform","text-decoration","letter-spacing","word-spacing","text-indent","background-color","border-radius","transform-style"]))}},{key:"toCSS",value:function(e){var t=Object.assign({},this.toVariableCSS(e),this.toDefaultCSS(e),this.toClipPathCSS(e),this.toWebkitCSS(e),this.toTextClipCSS(e),this.toTransformCSS(e),this.toLayoutItemCSS(e),this.toBackgroundImageCSS(e));return delete t.left,delete t.top,delete t.width,delete t.height,delete t.position,t}},{key:"toSVGAttribute",value:function(e){return Uc({},this.toDefaultCSS(e),{},this.toKeyListCSS(e,["stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"]))}},{key:"wrappedRender",value:function(e,t){var n=e.id,r=e.x,i=e.y,a=e.width,o=e.height,s=e.itemType;return("\n\n            <svg class='svg-element-item ".concat(s,'\'\n                xmlns="http://www.w3.org/2000/svg"\n                data-id="').concat(n,'"\n                x="').concat(r.value,'"\n                y="').concat(i.value,'"\n                width="').concat(a.value,'"\n                height="').concat(o.value,'"\n                overflow="visible"\n            >\n                ').concat(this.toDefString(e),"\n                ").concat(st(t)&&t(),"\n            </svg>\n        "))}},{key:"render",value:function(e,t){var n=e.width,r=e.height,i=e.elementType||"div",a=this.toCSS(e);return this.wrappedRender(e,(function(){return'\n                <foreignObject \n                    width="'.concat(n.value,'"\n                    height="').concat(r.value,'"\n                    overflow="visible"\n                >\n                    <').concat(i,' xmlns="http://www.w3.org/1999/xhtml" style="').concat(bt(a),';width:100%;height:100%;"></').concat(i,">\n                </foreignObject>    \n                ").concat(e.layers.map((function(e){return t.render(e,t)})).join(""),"\n            ")}))}}]),t}(Kc),qc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCSS",value:function(e){var t=Object.assign({},this.toDefaultCSS(e),this.toClipPathCSS(e),this.toWebkitCSS(e),this.toTextClipCSS(e),this.toBackgroundImageCSS(e));return delete t.left,delete t.top,delete t.width,delete t.height,delete t.position,t}},{key:"render",value:function(e,t){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=(e.x,e.y,e.width),i=e.height,a=this.toCSS(e);return"\n".concat(n?'<?xml version="1.0"?>':"",'\n<svg \n    xmlns="http://www.w3.org/2000/svg"\n    width="').concat(r.value,'"\n    height="').concat(i.value,'"\n    viewBox="0 0 ').concat(r.value," ").concat(i.value,'"\n    style="').concat(bt(a),'"\n>\n    ').concat(this.toDefString(e),"\n    ").concat(e.layers.map((function(e){return t.render(e,t)})).join(""),"\n</svg>      \n        ")}}]),t}(Zc),Jc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Zc),Qc=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Jc),el=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getUrl",value:function(e){var t=e.src;return e.project.getImageValueById(t)}},{key:"render",value:function(e){var t=this,n=e.width,r=e.height,i=this.toCSS(e);return this.wrappedRender(e,(function(){return'\n            <foreignObject\n                width="'.concat(n.value,'"\n                height="').concat(r.value,'"\n            >\n                <div xmlns="http://www.w3.org/1999/xhtml">\n                    <img src=\'').concat(t.getUrl(e),"' style=\"width:100%;height:100%; ").concat(bt(i),'"  />\n                </div>\n            </foreignObject>              \n          ')}))}},{key:"update",value:function(e,n){var r=n.$("img");r&&r.attr("src",this.getUrl(e)),si()(Xn()(t.prototype),"update",this).call(this,e,n)}}]),t}(Jc),tl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"render",value:function(e,t){return e.artboards.map((function(e){return t.render(e,t)}))}}]),t}(Zc),nl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Jc),rl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toString",value:function(){return""}},{key:"toSVGString",value:function(e){return""}},{key:"toFillValue",value:function(e){return""}}]),t}(Na);function il(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function al(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?il(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):il(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ol=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(e){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,al({type:"linear-gradient",x1:"0%",y1:"0%",x2:"100%",y2:"0%",spreadMethod:"pad"},e))}},{key:"toCloneObject",value:function(){return al({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("x1","y1","x2","y2","spreadMethod"))}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var e=this.getColorString(),t=this.json,n=[t.x1,t.y1,t.x2,t.y2,t.spreadMethod].join(" ");return"".concat(this.json.type,"(").concat(n,", ").concat(e,")")}},{key:"toSVGString",value:function(e){var t=this.json,n=t.x1,r=t.y1,i=t.x2,a=t.y2,o=t.spreadMethod;return('\n        <linearGradient \n            id="'.concat(e,'"\n            x1="').concat(n,'"\n            x2="').concat(i,'"\n            y1="').concat(r,'"\n            y2="').concat(a,'"\n            spreadMethod="').concat(o,'"\n          >\n          ').concat(this.colorsteps.map((function(e){return'<stop offset="'.concat(e.percent,'%"  stop-color="').concat(e.color,'" ></stop>')})).join("\n"),"\n        </linearGradient>\n      "))}},{key:"toFillValue",value:function(e){return"url(#".concat(e,")")}}],[{key:"toLinearGradient",value:function(e){return 0===e.length?"none":new LinearGradient({angle:"to right",colorsteps:e})+""}},{key:"parse",value:function(e){var n=fn(e),r={},i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(e){return e.trim()})).forEach((function(e,t){if(e.includes("@"))e=yn(e,n.matches),i.push.apply(i,Fa.parse(e));else{var a=e.split(" "),o=k()(a,5),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4];r.x1=nr.parse(s),r.y1=nr.parse(c),r.x2=nr.parse(l),r.y2=nr.parse(u),r.spreadMethod=h||"pad"}})),new t(al({},r,{colorsteps:i}))}}]),t}(rl);function sl(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function cl(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?sl(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):sl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ll=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,cl({type:"radial-gradient",cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",fr:"0%",spreadMethod:"pad"},e))}},{key:"toCloneObject",value:function(){return cl({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("cx","cy","r","fx","fy","fr","spreadMethod"))}},{key:"toString",value:function(){if(0===this.colorsteps.length)return"";var e=this.getColorString(),t=this.json,n=[t.cx,t.cy,t.r,t.fx,t.fy,t.fr,t.spreadMethod].join(" ");return"".concat(this.json.type,"(").concat(n,", ").concat(e,")")}},{key:"toSVGString",value:function(e){var t=this.json,n=t.cx,r=t.cy,i=t.r,a=t.fx,o=t.fy,s=t.fr,c=t.spreadMethod;return("\n<radialGradient ".concat(xt({id:e,cx:n,cy:r,r:i,fx:a,fy:o,fr:s,spreadMethod:c})," >\n  ").concat(this.colorsteps.map((function(e){return'<stop offset="'.concat(e.percent,'%"  stop-color="').concat(e.color,'" />')})).join("\n"),"\n</radialGradient>\n"))}},{key:"toFillValue",value:function(e){return"url(#".concat(e,")")}}],[{key:"parse",value:function(e){var n=fn(e),r={},i=[];return n.str.split("(")[1].split(")")[0].split(",").map((function(e){return e.trim()})).forEach((function(e,t){if(e.includes("@"))e=yn(e,n.matches),i.push.apply(i,Fa.parse(e));else{var a=e.split(" "),o=k()(a,7),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4],p=o[5],d=o[6];r.cx=s,r.cy=c,r.r=l,r.fx=u,r.fy=h,r.fr=p,r.spreadMethod=d||"pad"}})),new t(cl({},r,{colorsteps:i}))}}]),t}(rl);function ul(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var hl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"static-gradient",static:!0,colorsteps:[new Fa({color:"red",percent:0,index:0}),new Fa({color:"red",percent:100,index:1})]})}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ul(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ul(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{static:!0})}},{key:"setColor",value:function(e){this.colorsteps.forEach((function(t){t.color=e}))}},{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}}],[{key:"create",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transparent";return new t({colorsteps:[new Fa({color:e,percent:0,index:0}),new Fa({color:e,percent:100,index:0})]})}}]),t}(rl);function pl(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function dl(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?pl(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):pl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var fl=["jpg","jpeg","png","gif","svg"];var vl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,dl({type:"url",url:"",datauri:"",patternUnits:"userSpaceOnUse",patternWidth:"100%",patternHeight:"100%",imageX:"0%",imageY:"0%",imageWidth:"100%",imageHeight:"100%"},e))}},{key:"toCloneObject",value:function(){return dl({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("url","datauri","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"))}},{key:"isUrl",value:function(){return!0}},{key:"toString",value:function(){var e=this.json,t=e.patternUnits,n=e.patternWidth,r=e.patternHeight,i=e.imageX,a=e.imageY,o=e.imageWidth,s=e.imageHeight,c=e.url,l=[t,n,r,i,a,o,s].join(",").trim();return"url(".concat(c,"#").concat(l,")")}},{key:"toSVGString",value:function(e){var t=this.json,n=t.patternUnits,r=t.patternWidth,i=t.patternHeight,a=t.imageX,o=t.imageY,s=t.imageWidth,c=t.imageHeight;return("\n  <pattern ".concat(xt({id:e,patternUnits:n,width:r,height:i}),' >\n    <image xlink:href="').concat(this.json.url,'" ').concat(xt({x:a,y:o,width:s,height:c,preserveAspectRatio:"none"})," />\n  </pattern>\n      "))}},{key:"toFillValue",value:function(e){return"url(#".concat(e,")")}}],[{key:"parse",value:function(e){var n=e.split("(")[1].split(")")[0].trim().split("#"),r=k()(n,2),i=r[0],a=r[1];if(!a)return new t({url:i});var o=a.split(","),s=k()(o,7);return new t({patternUnits:s[0],patternWidth:s[1],patternHeight:s[2],imageX:s[3],imageY:s[4],imageWidth:s[5],imageHeight:s[6],url:i})}},{key:"isImageFile",value:function(e){return fl.includes(e)}}]),t}(La);function yl(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function gl(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yl(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ml=/((linear\-gradient|radial\-gradient|url)\(([^\)]*)\))/gi,bl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"addImageResource",value:function(e){return this.clear("image-resource"),this.addItem("image-resource",e)}},{key:"addGradient",value:function(e){return this.addImageResource(e)}},{key:"setImageUrl",value:function(e){e.images&&e.images.length&&this.reset({type:"image",image:t.createImage(e.images[0])})}},{key:"setGradient",value:function(e){this.reset({type:e.type,image:t.createGradient(e,this.json.image)})}},{key:"image",get:function(){return this.json.image},set:function(e){this.json.image=e}}],[{key:"createImage",value:function(e){return new SVGLImageResource({url:e})}},{key:"createGradient",value:function(e,t){var n=e.colorsteps||t.colorsteps,r=t.toJSON();switch(delete r.itemType,delete r.type,e.type){case"linear-gradient":return new ol(gl({},r,{colorsteps:n}));case"radial-gradient":return new ll(gl({},r,{colorsteps:n}));default:return new hl(gl({},r,{colorsteps:n}))}}},{key:"parse",value:function(e){return new t(e)}},{key:"parseImage",value:function(e){var t=fn(e),n=null,r=t.str.match(ml);return r?(r.forEach((function(e,r){e=yn(e,t.matches),n=e.includes("linear")?ol.parse(e):e.includes("radial")?ll.parse(e):e.includes("url")?vl.parse(e):hl.parse(e)})),n):hl.create(e||"transparent")}},{key:"changeImageType",value:function(e){switch(e.type){case"linear-gradient":return new ol(e);case"radial-gradient":return new ll(e);case"image-resource":case"url":return new vl(e);default:return new hl(e)}}}]),t}(Yi),kl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"updateDefString",value:function(e,t){var n=t.$("defs");if(n)n.html(this.toDefInnerString(e));else{var r=this.toDefString(e).trim();t.prepend(rr.createByHTML(r))}}},{key:"toDefInnerString",value:function(e){return"\n            ".concat(this.toFillSVG(e),"\n            ").concat(this.toStrokeSVG(e),"\n        ")}},{key:"toDefString",value:function(e){var t=this.toDefInnerString(e).trim();return("\n            <defs>\n            ".concat(t,"\n            </defs>\n        "))}},{key:"fillId",value:function(e){return this.getInnerId(e,"fill")}},{key:"strokeId",value:function(e){return this.getInnerId(e,"stroke")}},{key:"toFillSVG",value:function(e){return bl.parseImage(e.fill||"transparent").toSVGString(this.fillId(e))}},{key:"toStrokeSVG",value:function(e){return bl.parseImage(e.stroke||"black").toSVGString(this.strokeId(e))}},{key:"toFillValue",value:function(e){return bl.parseImage(e.fill||"transparent").toFillValue(this.fillId(e))}},{key:"toFillOpacityValue",value:function(e){return Mn.parse(e.fill||"transparent").a}},{key:"toStrokeValue",value:function(e){return bl.parseImage(e.stroke||"black").toFillValue(this.strokeId(e))}},{key:"toFilterValue",value:function(e){return e.svgfilter?"url(#".concat(e.svgfilter,")"):""}},{key:"toLayoutCSS",value:function(e){return{}}}]),t}(Jc);function xl(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var wl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"update",value:function(e,t){if(t){var n=t.$("path");n&&(n.setAttr({d:e.d,filter:this.toFilterValue(e),fill:this.toFillValue(e),stroke:this.toStrokeValue(e)}),e.totalLength=n.totalLength),this.updateDefString(e,t)}}},{key:"render",value:function(e){var t=this,n=e.d;return this.wrappedRender(e,(function(){return"\n        <path ".concat(xt(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?xl(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):xl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({class:"svg-path-item",d:n,filter:t.toFilterValue(e),fill:t.toFillValue(e),stroke:t.toStrokeValue(e)},t.toSVGAttribute(e),{style:bt(t.toCSS(e))}))," />\n    ")}))}}]),t}(kl);function Sl(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Pl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"update",value:function(e,t){var n=t.$("path");n&&n.attr("d",e.d);var r=t.$("textPath");r&&(r.text(e.text),r.setAttr({filter:this.toFilterValue(e),fill:this.toFillValue(e),stroke:this.toStrokeValue(e),textLength:e.textLength,lengthAdjust:e.lengthAdjust,startOffset:e.startOffset})),this.updateDefString(e,t),e.totalLength=n.totalLength}},{key:"toDefInnerString",value:function(e){return"\n      ".concat(this.toPathSVG(e),"\n      ").concat(this.toFillSVG(e),"\n      ").concat(this.toStrokeSVG(e),"\n    ")}},{key:"toPathId",value:function(e){return this.getInnerId(e,"path")}},{key:"toPathSVG",value:function(e){return'\n      <path \n        class="svg-path-item"\n        id="'.concat(this.toPathId(e),'"\n        d="').concat(e.d,'"\n        fill="none"\n      />\n    ')}},{key:"render",value:function(e){var t=this;return this.wrappedRender(e,(function(){var n=e.textLength,r=e.lengthAdjust,i=e.startOffset;return("\n        <textPath ".concat(xt(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Sl(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Sl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({"xlink:href":"#".concat(t.toPathId(e)),textLength:n,lengthAdjust:r,startOffset:i,filter:t.toFilterValue(e),fill:t.toFillValue(e),stroke:t.toStrokeValue(e)},t.toSVGAttribute(e),{style:bt(t.toCSS(e))}))," >").concat(e.text,"</textPath>\n      "))}))}}]),t}(kl);function jl(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Ol=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"update",value:function(e,t){var n=t.$("text");n&&(n.text(e.text),n.setAttr({filter:this.toFilterValue(e),fill:this.toFillValue(e),stroke:this.toStrokeValue(e),textLength:e.textLength,lengthAdjust:e.lengthAdjust})),this.updateDefString(e,t)}},{key:"shapeInsideId",value:function(e){return this.getInnerId(e,"shape-inside")}},{key:"render",value:function(e){var t=this,n=(e.id,e.textLength),r=e.lengthAdjust;return this.wrappedRender(e,(function(){return"\n        <text ".concat(xt(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?jl(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):jl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({class:"svg-text-item",textLength:n,lengthAdjust:r,filter:t.toFilterValue(e),fill:t.toFillValue(e),stroke:t.toStrokeValue(e)},t.toSVGAttribute(e),{style:bt(t.toCSS(e))}))," >").concat(e.text,"</text>\n      ")}))}}]),t}(kl),$l=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCSS",value:function(e){var n=si()(Xn()(t.prototype),"toCSS",this).call(this,e);return n.margin=n.margin||"0px",n}},{key:"render",value:function(e){var t=e.content,n=e.width,r=e.height,i=this.toCSS(e);return this.wrappedRender(e,(function(){return'\n            <foreignObject width="'.concat(n.value,'" height="').concat(r.value,'">\n                <p xmlns="http://www.w3.org/1999/xhtml" style="').concat(bt(i),'">').concat(t,"</p>\n            </foreignObject>              \n          ")}))}},{key:"update",value:function(e,t){var n=e.content;t.updateDiff(n)}}]),t}(Jc),Cl=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getUrl",value:function(e){var t=e.src;return e.project.getVideoValueById(t)}},{key:"render",value:function(e,t){var n=this,r=e.width,i=e.height,a=e.controls,o=e.muted,s=e.poster,c=e.loop,l=e.crossorigin,u=e.autoplay,h=this.toCSS(e);return this.wrappedRender(e,(function(){return'\n            <foreignObject \n                width="'.concat(r.value,'"\n                height="').concat(i.value,'"\n                overflow="visible"\n            >\n                <video \n                    xmlns="http://www.w3.org/1999/xhtml"\n                    controls="').concat(a,'"\n                    src="').concat(n.getUrl(e),'"\n                    muted="').concat(o,'"\n                    poster="').concat(s,'"\n                    loop="').concat(c,'"\n                    crossorigin="').concat(l,'"\n                    autoplay="').concat(u,'"\n                    style="').concat(bt(h),';width:100%;height:100%;"></video>\n            </foreignObject>    \n            ')}))}}]),t}(Jc),El={project:new tl,artboard:new qc,rect:new nl,circle:new Qc,image:new el,video:new Cl,text:new $l,"svg-path":new wl,"svg-text":new Ol,"svg-textpath":new Pl},Tl={render:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=El[e.itemType];return r?r.render(e,t||this,n):""},toCSS:function(e){var t=El[e.itemType];if(t)return t.toCSS(e)},toTransformCSS:function(e){var t=El[e.itemType];if(t)return t.toTransformCSS(e)},toStyle:function(e,t){var n=El[e.itemType];if(n)return n.toStyle(e,t||this)},update:function(e,t){var n=El[e.itemType];if(n)return n.update(e,t)},codeview:function(e){if(!e)return"";var t=this.render(e);return t=t.replace(/\</g,"&lt;").replace(/\>/g,"&gt;"),"\n          <div class='svg-code'>\n            ".concat(t&&"<div><pre title='SVG'>".concat(t,"</pre></div>"),"\n          </div>\n        ")}},Vl=function(){function e(t,n){zn()(this,e),this.project=t,this.artboard=n}return Bn()(e,[{key:"generateCode",value:function(){var e=this,t=this.project.getSelectedTimelineLastTime(),n=this.project.getSelectedTimeline(),r=[],i={};n&&(n.animations.forEach((function(t){var n=e.project.searchById(t.id),i=t.properties.map((function(e){var t=e.property;switch(t){case"x":t="left";break;case"y":t="top"}return{property:t,keyframes:e.keyframes.map((function(e){return{time:1e3*e.time,value:e.value,timing:e.timing}}))}}));r.push.apply(r,n.toAnimationKeyframes(i).filter((function(e){return e.properties.length})))})),i={duration:1e3*t,iterationCount:n.iterationCount,fps:n.fps,speed:n.speed,direction:n.direction});return r=JSON.stringify(r,null,4),i=JSON.stringify(i,null,4),"\nvar player = new anipa.Player(".concat(r,", ").concat(i,");\nplayer.play();\n")}}]),e}(),Dl=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"anipa";switch(n){case"anipa":return new Vl(e,t).generateCode()}return""},Il={makeProjectStyle:function(e){var t=e.toKeyframeString(),n=e.toRootVariableCSS();return"\n      :root {\n        ".concat(bt(n),"\n      }\n      /* keyframe */\n      ").concat(t,"\n    ")},makeStyle:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";if(e.is("project"))return this.makeProjectStyle(e);var r=e.generateView("[data-id='".concat(e.id,"']"),n);return"\n    ".concat(r,"\n    ")+e.layers.map((function(e){return t.makeStyle(e)})).join("")},makeSvg:function(e){var t=e.toSVGString?e.toSVGString():"";return"\n      ".concat(t?'<svg width="0" height="0">'.concat(t,"</svg>"):"","\n    ")},generate:function(e){var t=e.selection.currentProject,n=e.selection.current,r="".concat(this.makeStyle(t)),i="\n".concat(artboard.html,"\n").concat(this.makeSvg(t),"\n    "),a="";return i=e.replaceLocalUrltoRealUrl(i),r=e.replaceLocalUrltoRealUrl(r),n.is("artboard")&&(a=e.replaceLocalUrltoRealUrl(Dl(n,"anipa"))),{html:i,css:r,js:a}},generateSVG:function(e,t){return e.replaceLocalUrltoRealUrl(Tl.render(t,null,!0))}},Ml={command:"downloadSVG",execute:function(e){var t=e.selection.current;if(t){var n=Il.generateSVG(e,t).trim();jc("data:image/svg+xml;base64,"+window.btoa(n),t.id)}}};function Ll(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"image/png",r=rr.create("canvas"),i=e.width,a=e.height;r.resize({width:i,height:a}),r.drawImage(e),t&&t(r.toDataURL(n))}var Rl={command:"downloadPNG",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e.selection.current;if(n){var r=Il.generateSVG(e,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r),a=n.id;uc({local:i},(function(n,r){Ll(r,(function(n){jc(n,a),t&&e.emit(t,n)}))}))}}},Al={command:"load.json",execute:function(e,t){0===(t=t||e.loadResource("projects",[])).length&&(t=[{itemType:"project",layers:[{itemType:"artboard",name:"New ArtBoard",x:"300px",y:"200px",width:"375px",height:"667px","background-color":"white",layer:[]}]}]);var n=t.map((function(t){return e.createItem(t)}));if(n.forEach((function(e){e.artboards.forEach((function(t){e.selectTimeline(t.id)}))})),n.length){var r=n[0];e.selection.selectProject(r),e.load(n),ec(e),e.nextTick((function(){e.emit("reloadProject")}))}}};function zl(e,t){var n=e.selection.currentProject;if(n){var r=n.getSelectedTimeline();t&&t(n,r)}}var Fl={command:"addTimelineProperty",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{timing:"linear"};zl(e,(function(r,i){var a;!1===nt(t)&&(t=[t]);var o=[];t.forEach((function(e){var t={layerId:e,property:n.property,value:n.value+"",timing:n.timing,editor:n.editor},i=r.addTimelineKeyframe(t);i&&o.push(i)})),(a=e.timeline).select.apply(a,o),e.emit("refreshTimeline"),e.emit("refreshSelectedOffset")}))}},Bl={command:"setTimelineOffset",debounce:100,execute:function(e,t){zl(e,(function(n,r){n.setTimelineKeyframeOffsetValue(t.layerId,t.property,t.id,t.value,t.timing,t.time),e.emit("refreshTimeline")}))}},Gl={command:"addTimelineCurrentProperty",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};zl(e,(function(n,r){var i,a=[];e.selection.each((function(e){var r={layerId:e.id,property:t.property,value:e[t.property]+"",timing:t.timing,editor:t.editor},i=n.addTimelineKeyframe(r);i&&a.push(i)})),(i=e.timeline).select.apply(i,a),e.emit("refreshTimeline"),e.emit("refreshSelectedOffset")}))}},Hl={command:"removeTimelineProperty",execute:function(e,t,n){zl(e,(function(r,i){r.removeTimelineProperty(t,n),e.timeline.empty(),e.emit("refreshTimeline"),e.emit("refreshSelectedOffset")}))}},Nl={command:"deleteTimelineKeyframe",execute:function(e){zl(e,(function(t,n){e.timeline.each((function(e){t.deleteTimelineKeyframe(e.layerId,e.property,e.id)})),e.timeline.empty(),e.emit("refreshTimeline"),e.emit("refreshSelectedOffset")}))}},Xl={command:"selectTimelineItem",execute:function(e,t){zl(e,(function(n,r){n.selectTimeline(t),e.emit("refreshTimeline"),e.emit("selectTimeline")}))}},Yl={command:"removeTimeline",execute:function(e,t){zl(e,(function(n,r){n.removeTimeline(t),e.timeline.empty(),e.emit("refreshTimeline"),e.emit("refreshSelectedOffset")}))}},_l={command:"removeAnimationItem",execute:function(e,t){zl(e,(function(n,r){n.removeAnimation(t),e.timeline.empty(),e.emit("refreshTimeline"),e.emit("removeAnimation")}))}},Kl={command:"addTimelineKeyframe",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{timing:"linear"};zl(e,(function(n,r){var i=n.searchById(t.layerId),a={layerId:t.layerId,property:t.property,time:t.time,value:i[t.property]+"",timing:t.timing,editor:t.editor},o=n.addTimelineKeyframe(a);e.timeline.select(o),e.emit("refreshTimeline"),e.emit("refreshSelectedOffset")}))}},Wl={command:"copyTimelineProperty",execute:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;zl(e,(function(i,a){i.copyTimelineKeyframe(t,n,r),e.emit("refreshTimeline")}))}},Ul={command:"playTimelineItem",description:"Play button action",execute:function(e){var t=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";e.selection.empty(),e.emit("refreshSelection"),e.changeMode("play"),e.emit("afterChangeMode"),zl(e,(function(i,a){var o=i.getSelectedTimelineLastTime();e.timer?e.timer.stop():e.timer=la({elapsed:1e3*a.currentTime,speed:t,duration:1e3*o,iterationCount:n,direction:r}),e.timer.play({duration:1e3*o,elapsed:1e3*a.currentTime,speed:t,iterationCount:n,direction:r,tick:function(t,n){i.seek(sa(a.fps,t/1e3)),e.emit("playTimeline")},last:function(t,n){i.seek(sa(a.fps,t/1e3)),e.emit("playTimeline"),e.nextTick((function(){e.emit("stopTimeline"),e.changeMode("SELECTION"),e.emit("afterChangeMode")}))},stop:function(t,n){i.stop(sa(a.fps,t/1e3)),e.emit("stopTimeline"),e.changeMode("SELECTION"),e.emit("afterChangeMode")}})}))}},Zl={command:"prevTimelineItem",execute:function(e){zl(e,(function(t,n){var r=t.getSelectedTimelinePrevTime();t.setTimelineCurrentTime(sa(n.fps,r)),t.seek(),e.emit("playTimeline"),e.changeMode("SELECTION"),e.emit("afterChangeMode")}))}},ql={command:"firstTimelineItem",execute:function(e){zl(e,(function(t,n){var r=t.getSelectedTimelineFirstTime();t.setTimelineCurrentTime(sa(n.fps,r)),t.seek(),e.emit("playTimeline"),e.changeMode("SELECTION"),e.emit("afterChangeMode")}))}},Jl={command:"nextTimelineItem",execute:function(e){zl(e,(function(t,n){var r=t.getSelectedTimelineNextTime();t.setTimelineCurrentTime(sa(n.fps,r)),t.seek(),e.emit("playTimeline"),e.changeMode("SELECTION"),e.emit("afterChangeMode")}))}},Ql={command:"lastTimelineItem",execute:function(e){zl(e,(function(t,n){var r=t.getSelectedTimelineLastTime();t.setTimelineCurrentTime(sa(n.fps,r)),t.seek(),e.emit("playTimeline"),e.changeMode("SELECTION"),e.emit("afterChangeMode")}))}},eu={command:"addTimelineItem",execute:function(e,t){zl(e,(function(n,r){t?n.addTimelineLayer(t):n.addTimeline(),e.emit("refreshTimeline"),e.emit("addTimeline")}))}},tu={command:"drop.asset",execute:function(e,t){var n,r,i=arguments;return li.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:if(n=i.length>2&&void 0!==i[2]?i[2]:null,!t.color){a.next=5;break}e.emit("addBackgroundColor",t.color,n),a.next=22;break;case 5:if(!t.gradient){a.next=9;break}e.emit("addBackgroundImageGradient",t.gradient,n),a.next=22;break;case 9:if(!t.pattern){a.next=13;break}e.emit("addBackgroundImagePattern",t.pattern,n),a.next=22;break;case 13:if(!t.imageUrl){a.next=17;break}e.emit("addBackgroundImageAsset",t.imageUrl,n),a.next=22;break;case 17:if(!t.artboard){a.next=22;break}return a.next=20,li.a.awrap(e.storageManager.getArtBoard(t.artboard.id));case 20:(r=a.sent)&&e.emit("addArtBoard",r,t.artboard.center);case 22:ec(e);case 23:case"end":return a.stop()}}))}},nu={command:"addBackgroundImageGradient",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=e.selection.itemsByIds(n),i={};r.forEach((function(e){var n=So.parseStyle(kt(e["background-image"]));n.unshift(new So({image:So.parseImage(t)})),i[e.id]={"background-image":So.join(n)}})),e.emit("history.setAttributeForMulti","add gradient",i)}},ru={command:"addBackgroundImageAsset",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=e.selection.itemsByIds(n),i={};r.forEach((function(e){var n=So.parseStyle(kt(e["background-image"]));n.unshift(new So({image:new Ua({url:t})})),i[e.id]={"background-image":So.join(n)}})),e.emit("history.setAttributeForMulti","add background image",i)}},iu={command:"removeLayer",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;e.selection.itemsByIds(t||e.selection.ids).forEach((function(e){e.remove()})),e.selection.empty(),e.nextTick((function(){e.emit("refreshAll")}))}},au={command:"change.mode.view",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"CanvasView";e.changeModeView(t)}},ou={command:"segment.move.down",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+t.dy;e.emit("moveSegment",0,n)}},su={command:"segment.move.up",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dy:1},n=+t.dy;e.emit("moveSegment",0,-1*n)}},cu={command:"segment.move.right",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+t.dx;e.emit("moveSegment",n,0)}},lu={command:"segment.move.left",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{dx:1},n=+t.dx;e.emit("moveSegment",-1*n,0)}},uu={command:"toggle.fullscreen",execute:function(e,t){rr.body().fullscreen()}},hu={command:"addBackgroundImagePattern",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=e.selection.itemsByIds(n),i={};r.forEach((function(e){i[e.id]={pattern:Dc.join([].concat(j()(Dc.parseStyle(t)),j()(Dc.parseStyle(e.pattern))))}})),e.emit("history.setAttributeForMulti","add pattern",i)}},pu={command:"addBackgroundColor",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=e.selection.itemsByIds(n),i={};r.forEach((function(e){i[e.id]={"background-color":t}})),e.emit("history.setAttributeForMulti","add background color",i)}};var du={command:"sort.center",execute:function(e){if(e.selection.isOne){var t=e.selection.current;if(t.parent.is("project"));else if(t.artboard){var n=K(t.artboard.verties())-K(e.selection.verties);e.emit("moveLayer",n,0)}}else if(e.selection.isMany){var r=K(e.selection.verties);e.emit("moveLayerForItems",e.selection.map((function(e){var t=K(e.verties());return{item:e,dist:[r-t,0,0]}})))}}},fu={command:"sort.left",execute:function(e){if(e.selection.isOne){var t=e.selection.current;if(t.parent.is("project"));else if(t.artboard){var n=_(t.artboard.verties())-_(e.selection.verties);e.emit("moveLayer",n,0)}}else if(e.selection.isMany){var r=_(e.selection.verties);e.emit("moveLayerForItems",e.selection.map((function(e){var t=_(e.verties());return{item:e,dist:[r-t,0,0]}})))}}},vu={command:"sort.bottom",execute:function(e){if(e.selection.isOne){var t=e.selection.current;if(t.parent.is("project"));else if(t.artboard){var n=Y(t.artboard.verties())-Y(e.selection.verties);e.emit("moveLayer",0,n)}}else if(e.selection.isMany){var r=Y(e.selection.verties);e.emit("moveLayerForItems",e.selection.map((function(e){var t=Y(e.verties());return{item:e,dist:[0,r-t,0,0]}})))}}},yu={command:"sort.top",execute:function(e){if(e.selection.isOne){var t=e.selection.current;if(t.parent.is("project"));else if(t.artboard){var n=W(t.artboard.verties())-W(e.selection.verties);e.emit("moveLayer",0,n)}}else if(e.selection.isMany){var r=W(e.selection.verties);e.emit("moveLayerForItems",e.selection.map((function(e){var t=W(e.verties());return{item:e,dist:[0,r-t,0,0]}})))}}},gu={command:"sort.right",execute:function(e){if(e.selection.isOne){var t=e.selection.current;if(t.parent.is("project"));else if(t.artboard){var n=X(t.artboard.verties())-X(e.selection.verties);e.emit("moveLayer",n,0)}}else if(e.selection.isMany){var r=X(e.selection.verties);e.emit("moveLayerForItems",e.selection.map((function(e){var t=X(e.verties());return{item:e,dist:[r-t,0,0]}})))}}};function mu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function bu(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.filter((function(t){var n=0;return t.path.forEach((function(t){n+=e.filter((function(e){return e.id===t.id})).length?1:0})),1===n}))}var ku,xu={command:"updatePathItem",description:"Update path string for selected svg path item",execute:function(e,t){var n=e.selection.current;if(n)if("box"===t.box){var r=n.invertPath(t.d);e.emit("setAttribute",{d:r.d})}else{var i=n.invertPath(t.d),a=i.getBBox(),o=n.offsetX.value+a[0][0],s=n.offsetY.value+a[0][1],c=D.d.distance(a[1],a[0]),l=D.d.distance(a[3],a[0]);i.translate(-a[0][0],-a[0][1]),e.emit("setAttribute",{d:i.d,x:nr.px(o),y:nr.px(s),width:nr.px(c),height:nr.px(l)})}}},wu=(ku={refreshCursor:{command:"refreshCursor",execute:function(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];e.emit.apply(e,["changeIconView",t].concat(r))}},recoverCursor:{command:"recoverCursor",execute:function(e){e.emit("changeIconView","auto")}},historyAddLayer:{command:"history.addLayer",description:"add layer in history ",execute:function(e,t,n){var r=this,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},a=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],o=arguments.length>5?arguments[5]:void 0;e.emit("addLayer",n,i,a,o),e.nextTick((function(){e.history.add(t,r,{currentValues:[n,{},a,n.parent],undoValues:[n.id]})})),e.nextTick((function(){e.history.saveSelection()}))},redo:function(e,t){var n=t.currentValues;e.emit.apply(e,["addLayer"].concat(j()(n))),e.nextTick((function(){e.emit("refreshAll")}))},undo:function(e,t){var n=t.undoValues;e.selection.itemsByIds(n).forEach((function(e){e&&e.remove()})),e.nextTick((function(){e.emit("refreshAll")}))}},historyRemoveLayer:{command:"history.removeLayer",description:"remove layer",execute:function(e,t,n){var r=e.selection.itemsByIds(n||e.selection.ids),i=(r=bu(r)).map((function(e){return e.id})),a=e.serialize(r);r.forEach((function(e){return e.remove()})),e.history.add(t,this,{currentValues:[i],undoValues:a}),e.nextTick((function(){e.selection.removeById(r.map((function(e){return e.id}))),e.emit("refreshAll"),e.emit("removeGuideLine"),e.nextTick((function(){e.history.saveSelection()}))}))},redo:function(e,t){var n=t.currentValues[0],r=e.selection.itemsByIds(n||e.selection.ids);(r=bu(r)).forEach((function(e){return e.remove()})),e.nextTick((function(){e.emit("refreshAll")}))},undo:function(e,t){var n=t.undoValues;e.deserialize(n,!0),e.nextTick((function(){e.emit("refreshAll")}))}},historySetAttribute:{command:"history.setAttribute",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:null;e.emit("setAttribute",n,r),e.history.add(t,this,{currentValues:[n,r],undoValues:e.history.getUndoValues(n)}),e.nextTick((function(){e.history.saveSelection()}))},redo:function(e,t){var n=t.currentValues;e.emit.apply(e,["setAttribute"].concat(j()(n))),e.nextTick((function(){e.emit("refreshAll")}))},undo:function(e,t){var n=t.undoValues,r=Object.keys(n);e.selection.itemsByIds(r).forEach((function(e){e.reset(n[e.id])})),e.nextTick((function(){e.emit("refreshAll")}))}},historySetAttributeForMulti:{command:"history.setAttributeForMulti",execute:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};e.emit("setAttributeForMulti",n),e.history.add(t,this,{currentValues:[n],undoValues:e.history.getUndoValuesForMulti(n)}),e.nextTick((function(){e.history.saveSelection()}))},redo:function(e,t){var n=t.currentValues;e.emit.apply(e,["setAttributeForMulti"].concat(j()(n))),e.nextTick((function(){e.selection.reselect(),e.emit("refreshAll")}))},undo:function(e,t){var n=t.undoValues,r=Object.keys(n);e.selection.itemsByIds(r).forEach((function(e){e.reset(n[e.id])})),e.selection.reselect(),e.nextTick((function(){e.emit("refreshAll")}))}},historyRefreshSelection:{command:"history.refreshSelection",description:"save selection in history ",description_ko:"Selection 정보를 갱신하면서 History 에 저장한다",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"selection",n=e.selection.ids,r=e.history.selectedIds;jt(n,r)||(e.history.add(t,this,{currentValues:n,undoValues:r}),this.nextAction(e))},nextAction:function(e){e.nextTick((function(){e.history.saveSelection(),e.emit("refreshSelection"),e.nextTick((function(){e.emit("refreshSelectionTool")}))}))},redo:function(e,t){var n=t.currentValues;e.selection.selectById(n),this.nextAction(e)},undo:function(e,t){var n=t.undoValues;e.selection.selectById(n),this.nextAction(e)}},historyRedo:{command:"history.redo",execute:function(e){e.history.redo()}},historyUndo:{command:"history.undo",execute:function(e){e.history.undo()}},moveLayer:{command:"moveLayer",description:"mova layer by keydown with matrix ",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r={};e.selection.each((function(e){r[e.id]={x:nr.px(e.offsetX.value+t).round(),y:nr.px(e.offsetY.value+n).round()}})),e.emit("history.setAttributeForMulti","item move down",r),e.nextTick((function(){e.selection.reselect(),e.emit("refreshAll")}))}},moveLayerForItems:{command:"moveLayerForItems",description:"mova layer by multi items ",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n={};t.forEach((function(e){n[e.item.id]={x:nr.px(e.item.offsetX.value+e.dist[0]).round(),y:nr.px(e.item.offsetY.value+e.dist[1]).round()}})),e.emit("history.setAttributeForMulti","item move down",n),e.nextTick((function(){e.selection.reselect(),e.emit("refreshAll")}))}},moveToCenter:{command:"moveToCenter",description:"Move Layer to Center on Viewport",execute:function(e,t){arguments.length>2&&void 0!==arguments[2]&&arguments[2];e.viewport.moveLayerToCenter(t)}},moveSelectionToCenter:{command:"moveSelectionToCenter",description:"Move selection project or artboards to center on Viewport",execute:function(e){var t=[];t=e.selection.isEmpty?e.selection.currentProject.rectVerties:zi(e.selection.selectedArtboards),e.emit("moveToCenter",t)}},groupItem:{command:"group.item",execute:function(e){if(0!==e.selection.length){var t=e.selection.currentProject;if(t){t.generateListNumber();var n=e.selection.map((function(e){return{depth:e.depth,item:e}}));n.sort((function(e,t){return e.depth===t.depth?e.no>t.no?-1:1:e.depth>t.depth?1:-1}));var r=e.createItem(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mu(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({itemType:"rect"},e.selection.itemRect));n[0].item.appendAfter(r),n.forEach((function(e){var t=e.item;r.appendChildItem(t)})),e.selection.select(r),e.emit("refreshAll")}}}},ungroupItem:{command:"ungroup.item",execute:function(e){if(0!==e.selection.length){var t=e.selection.current;if(t){var n,r=t,i=j()(r.layers);i.reverse(),i.forEach((function(e){r.appendAfter(e)})),(n=e.selection).selection.apply(n,j()(i)),e.emit("refreshAll")}}}},setEditorLayout:{command:"setEditorLayout",execute:function(e,t){e.setLayout(t),e.emit("changedEditorlayout")}},refreshSelection:{command:"refreshSelection",execute:function(e){}},refreshArtboard:function(e){e.emit("refreshLayerTreeView"),e.emit("refreshAllCanvas"),e.emit("refreshStyleView"),e.emit("refreshAllElementBoundSize"),e.emit("refreshSelection"),e.nextTick((function(){e.emit("refreshSelectionTool",!0)}))},resetSelection:function(e){e.emit("setAttribute"),e.nextTick((function(){e.emit("refreshSelectionTool")}))},addBackgroundColor:pu,addBackgroundImagePattern:hu,toggleFullscreen:uu,segmentDelete:{command:"segment.delete",execute:function(e,t){e.emit("deleteSegment")}},segmentMoveDown:ou,segmentMoveUp:su,segmentMoveRight:cu,segmentMoveLeft:lu,changeModeView:au,removeLayer:iu,itemMoveDepthDown:{command:"item.move.depth.down",execute:function(e){var t=e.selection.current;t&&t.orderPrev(),ec(e)}},itemMoveDepthUp:{command:"item.move.depth.up",execute:function(e){var t=e.selection.current;t&&t.orderNext(),ec(e)}},keymapKeydown:{command:"keymap.keydown",execute:function(e,t){e.keyboardManager.add(t.code,t.keyCode),e.shortcuts.execute(t,"keydown")}},keymapKeyup:{command:"keymap.keyup",execute:function(e,t){e.keyboardManager.remove(t.key,t.keyCode),e.shortcuts.execute(t,"keyup")}},scaleMinus:{command:"scale.minus",execute:function(e){var t=e.viewport.scale;e.viewport.setScale(e.viewport.scale-.25),e.emit("updateViewport",e.viewport.scale,t)}},scalePlus:{command:"scale.plus",execute:function(e){var t=e.viewport.scale;e.viewport.setScale(e.viewport.scale+.25),e.emit("updateViewport",e.viewport.scale,t)}},dropAsset:tu,addBackgroundImageAsset:ru,addBackgroundImageGradient:nu,addTimelineItem:eu,pauseTimelineItem:{command:"pauseTimelineItem",execute:function(e){e.timer&&e.timer.stop()}},lastTimelineItem:Ql,nextTimelineItem:Jl,firstTimelineItem:ql,prevTimelineItem:Zl,playTimelineItem:Ul,copyTimelineProperty:Wl,addTimelineKeyframe:Kl,removeAnimationItem:_l,removeTimeline:Yl,selectTimelineItem:Xl,deleteTimelineKeyframe:Nl,removeTimelineProperty:Hl,addTimelineCurrentProperty:Gl,setTimelineOffset:Bl,refreshSelectedOffset:{command:"refreshSelectedOffset",execute:function(e){var t=e.timeline.items[0];t&&e.emit("refreshOffsetValue",t)}},addTimelineProperty:Fl,setLocale:{command:"setLocale",execute:function(e,t){e.setLocale(t),e.emit("changed.locale")}},loadJSON:Al,saveJSON:{command:"saveJSON",execute:function(e){e.saveResource("projects",e.projects),e.emit("notify","alert","Save","Save the content on localStorage",5e3)}},savePNG:{command:"savePNG",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e.selection.current;if(n){var r=Il.generateSVG(e,n).trim(),i="data:image/svg+xml;base64,"+window.btoa(r);uc({local:i},(function(n,r){Ll(r,(function(n){t&&e.emit(t,n)}))}))}}},downloadPNG:Rl,downloadSVG:Ml,downloadJSON:Oc,updateUriList:Pc,updateImageAssetItem:xc,updateVideoAssetItem:wc,addSVGFilterAssetItem:kc,dropImageUrl:bc,addImageAssetItem:dc,addVideoAssetItem:gc,updateImage:cc,updateVideo:lc,updateResource:{command:"updateResource",execute:function(e,t){t.forEach((function(t){switch(t.type){case"image/svg+xml":case"image/png":case"image/gif":case"image/jpg":case"image/jpeg":e.emit("updateImage",t);break;case"text/plain":case"text/html":e.emit("addText",{content:t.data});break;case"text/uri-list":e.emit("updateUriList",t)}}))}},fileDropItems:sc,updateScale:{command:"updateScale",execute:function(e,t){var n=e.viewport.scale;e.viewport.setScale(t),e.emit("updateViewport",t,n)}},showExportView:{command:"showExportView",execute:function(e){e.emit("showExportWindow")}},switchTheme:{command:"switchTheme",execute:function(e,t){e.changeTheme(t),e.emit("changeTheme")}},clipboardPaste:{command:"clipboard.paste",execute:function(e,t){e.selection.length&&(e.selection.paste(),e.emit("refreshAll"))}},clipboardCopy:{command:"clipboard.copy",title:"Copy",description:"Copy",execute:function(e,t){e.selection.copy(10)}},addComponentType:function(e,t){e.changeAddType(t),e.emit("afterChangeMode"),e.emit("addStatusBarMessage","Drag if you want to create ".concat(t," layer"))},addArtBoard:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=e.selection.currentProject;r||(r=e.add(e.createItem({itemType:"project"})),e.selection.selectProject(r));var i=r.appendChildItem(e.createItem(nc({itemType:"artboard",x:nr.px(300),y:nr.px(200),width:nr.px(375),height:nr.px(667)},t)));n&&(i.reset({x:nr.px(0),y:nr.px(0)}),i.moveByCenter(n)),e.selection.select(i),ec(e)},addImage:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;e.emit("newComponent","image",t,!0,n)},addVideo:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;e.emit("newComponent","video",t,!0,n)},addLayer:function(e,t){arguments.length>2&&void 0!==arguments[2]&&arguments[2];var n=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],r=arguments.length>4?arguments[4]:void 0;r||(r=e.selection.current||e.selection.currentProject),r&&(r.is("project")||r.enableHasChildren()||(r=r.parent),r.appendChildItem(t),n&&e.selection.select(t),ec(e))},addLayerView:function(e,t){e.selection.empty(),e.emit("refreshSelectionTool"),e.emit("hideAddViewLayer"),"select"===t||("brush"===t?e.emit("showPathDrawEditor"):"path"===t?e.emit("showPathEditor","path"):e.emit("showLayerAppendView",t))},addProject:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.add(e.createItem(ic({itemType:"project"},t)));e.selection.selectProject(n),ec(e)},convertPath:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=e.selection.current;if(r)if(r.is("svg-path","svg-brush","svg-textpath")){var i=t;if(n)(a=new ea(t)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;e.command("setAttribute","set attribute -d",{d:i},r)}else if(r["clip-path"].includes("path")){var a;i=t;if(n)(a=new ea(t)).scale(r.width.value/n.width,r.height.value/n.height),i=a.d;e.command("setAttribute","change clip path",{"clip-path":"path(".concat(i,")")},r)}},newComponent:function(e,t,n){var r=!(arguments.length>3&&void 0!==arguments[3])||arguments[3],i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;t.includes("text")||n["background-color"]||(n["background-color"]="#c4c4c4"),"svg-textpath"===t?n=oc({},n,{text:"Insert a newText","font-size":nr.parse(n.height),textLength:"100%",d:ps.makeLine(0,n.height.value,n.width.value,n.height.value)}):"svg-circle"===t?(t="svg-path",n=oc({},n,{"background-color":void 0,fill:"#C4C4C4",d:ps.makeCircle(0,0,n.width.value,n.height.value)})):"svg-rect"===t?(t="svg-path",n=oc({},n,{"background-color":void 0,fill:"#C4C4C4",d:ps.makeRect(0,0,n.width.value,n.height.value)})):"text"===t?n=oc({width:nr.px(300),height:nr.px(50)},n,{content:"Insert a text","font-size":nr.px(30)}):"artboard"===t&&(n=oc({},n,{"background-color":"white"})),e.command("addLayer","add layer - ".concat(t),e.createItem(oc({itemType:t},n)),n,r,i),e.changeMode(Pf),e.emit("afterChangeMode")},refreshElement:function(e,t){e.emit("refreshSelectionStyleView",t),e.emit("refreshElementBoundSize",e.selection.getRootItem(t))},refreshProject:function(e,t){e.emit("refreshStyleView",t,!0)},resizeArtBoard:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",n=e.selection.current;if(n&&n.is("artboard")){if(!t.trim())return;var r=t.split("x"),i=k()(r,2),a=i[0],o=i[1];a=nr.px(+a),o=nr.px(+o),n.reset({width:a,height:o}),e.selection.select(n),ec(e)}},setAttribute:Qs,setAttributeForMulti:{command:"setAttributeForMulti",execute:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object.keys(t).forEach((function(n){var r=t[n];e.selection.itemsByIds(n).forEach((function(t){Object.keys(r).forEach((function(e){var n=r[e];st(n)&&(n=n(t)),t.reset(m()({},e,n))})),t.setCache(),e.emit("refreshElement",t)}))}))}},sortBottom:vu,sortCenter:du,sortLeft:fu,sortMiddle:{command:"sort.middle",execute:function(e){if(e.selection.isOne){var t=e.selection.current;if(t.parent.is("project"));else if(t.artboard){var n=U(t.artboard.verties())-U(e.selection.verties);e.emit("moveLayer",0,n)}}else if(e.selection.isMany){var r=U(e.selection.verties);e.emit("moveLayerForItems",e.selection.map((function(e){var t=U(e.verties());return{item:e,dist:[0,r-t,0,0]}})))}}}},m()(ku,"sortBottom",vu),m()(ku,"sortTop",yu),m()(ku,"sortRight",gu),m()(ku,"sameWidth",{command:"same.width",execute:function(e){if(e.selection.isMany){var t=e.selection.allRect;e.selection.each((function(e){e.setScreenX(t.x.value),e.width.set(t.width.value)}))}}}),m()(ku,"sameHeight",{command:"same.width",execute:function(e){var t=e.selection.items.length;if(1==t);else if(t>1){var n=e.selection.allRect;e.selection.each((function(e){e.setScreenY(n.y.value),e.height.set(n.height.value)}))}e.emit("resetSelection")}}),m()(ku,"updatePathItem",xu),m()(ku,"updateClipPath",{command:"updateClipPath",description:"update clip-path property ",execute:function(e,t){e.command("setAttribute","change clip-path",{"clip-path":"path(".concat(t.d,")")})}}),ku),Su=function(){function e(t){zn()(this,e),this.$editor=t,this.loadCommands()}return Bn()(e,[{key:"loadCommands",value:function(){var e=this;Object.keys(wu).forEach((function(t){st(wu[t])?e.registerCommand(t,wu[t]):e.registerCommand(wu[t])}))}},{key:"registerCommand",value:function(e,t){var n=this;if(2===arguments.length){var r=function(){for(var e,r=arguments.length,i=new Array(r),a=0;a<r;a++)i[a]=arguments[a];t.call.apply(t,[n,n.$editor].concat(i)),(e=n.$editor).debug.apply(e,["command execute",n].concat(i))};r.source=e,this.$editor.on(e,r,this,0)}else if(ot(e)){var i=function(){for(var t,r,i=arguments.length,a=new Array(i),o=0;o<i;o++)a[o]=arguments[o];(t=e.execute).call.apply(t,[e,n.$editor].concat(a)),(r=n.$editor).debug.apply(r,["command execute",e].concat(a))};i.source=e.command,this.$editor.on(e.command,i,this,e.debounce||0)}}}]),e}(),Pu={name:void 0};function ju(){return void 0===Pu.name&&(-1!=navigator.appVersion.indexOf("Win")?Pu.name="win":-1!=navigator.appVersion.indexOf("Mac")?Pu.name="mac":-1!=navigator.appVersion.indexOf("X11")?Pu.name="linux":Pu.name=""),Pu.name}var Ou=[{category:"History",key:"cmd+z",win:"ctrl+z",command:"history.undo",description:"undoing in history",when:"CanvasView"},{category:"History",key:"cmd+shift+z",win:"ctrl+shift+z",command:"history.redo",description:"redoing in history",when:"CanvasView"},{category:"Tool",key:"v",command:"addLayerView",args:"select",description:"Selection"},{category:"Tool",key:"a",command:"addLayerView",args:["artboard"],description:"Add ArtBoard",when:"CanvasView"},{category:"Tool",key:"r",command:"addLayerView",args:["rect"],description:"Add rect layer"},{category:"Tool",key:"m",command:"addLayerView",args:["rect"],description:"Add rect layer"},{category:"Tool",key:"o",command:"addLayerView",args:["circle"],description:"Add circle layer"},{category:"Tool",key:"l",command:"addLayerView",args:["circle"],description:"Add circle layer"},{category:"Tool",key:"t",command:"addLayerView",args:["text"],description:"Add text layer"},{category:"Tool",key:"p",command:"addLayerView",args:["path"],description:"Add SVG Path layer"},{category:"Tool",key:"b",command:"addLayerView",args:["brush"],description:"Draw SVG Path"},{category:"Group",key:"cmd+g",win:"ctrl+g",command:"group.item",description:"Grouping selected items",when:"CanvasView"},{category:"Group",key:"shift+cmd+g",win:"shift+ctrl+g",command:"ungroup.item",description:"Ungrouping selected group layer",when:"CanvasView"},{category:"Path",key:"ArrowDown",command:"segment.move.down",description:"move 1px to down",args:[{dy:1}],when:"PathEditorView"},{category:"Path",key:"ArrowUp",command:"segment.move.up",description:"move 1px to up",args:[{dy:1}],when:"PathEditorView"},{category:"Path",key:"ArrowRight",command:"segment.move.right",description:"move 1px to right",args:[{dx:1}],when:"PathEditorView"},{category:"Path",key:"ArrowLeft",command:"segment.move.left",description:"move 1px to left",args:[{dx:1}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowDown",command:"segment.move.down",description:"move 10px to down",args:[{dy:10}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowUp",command:"segment.move.up",description:"move 10px to up",args:[{dy:10}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowLeft",command:"segment.move.left",description:"move 10px to left",args:[{dx:10}],when:"PathEditorView"},{category:"Path",key:"Shift+ArrowRight",command:"segment.move.right",description:"move 10px to right",args:[{dx:10}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowDown",command:"segment.move.down",description:"move 5px to down",args:[{dy:5}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowUp",command:"segment.move.up",description:"move 5px to up ",args:[{dy:5}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowLeft",command:"segment.move.left",description:"move 5px to left",args:[{dx:5}],when:"PathEditorView"},{category:"Path",key:"Alt+ArrowRight",command:"segment.move.right",description:"move 5px to right",args:[{dx:5}],when:"PathEditorView"},{category:"Path",key:"Backspace",command:"segment.delete",description:"Delete selected segment",when:"PathEditorView"},{category:"Layer",key:"ArrowLeft",command:"moveLayer",description:"move 1px to left",args:[-1,0],when:"CanvasView"},{category:"Layer",key:"ArrowRight",command:"moveLayer",description:"move 1px to right",args:[1,0],when:"CanvasView"},{category:"Layer",key:"ArrowDown",command:"moveLayer",description:"move 1px to down",args:[0,1],when:"CanvasView"},{category:"Layer",key:"ArrowUp",command:"moveLayer",description:"move 1px to up",args:[0,-1],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowDown",command:"moveLayer",description:"move 10px to down",args:[0,10],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowRight",command:"moveLayer",description:"move 10px to right",args:[10,0],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowUp",command:"moveLayer",description:"move 10px to up",args:[0,-10],when:"CanvasView"},{category:"Layer",key:"Shift+ArrowLeft",command:"moveLayer",description:"move 10px to left",args:[-10,0],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowLeft",command:"moveLayer",description:"move 5px to left",args:[-5,0],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowDown",command:"moveLayer",description:"move 5px to down",args:[0,5],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowRight",command:"moveLayer",description:"move 5px to right",args:[5,0],when:"CanvasView"},{category:"Layer",key:"Alt+ArrowUp",command:"moveLayer",description:"move 5px to up",args:[0,-5],when:"CanvasView"},{category:"Layer",key:"ctrl+]",command:"item.move.depth.up",description:"move layer to above",when:"CanvasView"},{category:"Layer",key:"ctrl+[",command:"item.move.depth.down",description:"move layer to below",when:"CanvasView"},{category:"Layer",key:"Backspace",command:"history.removeLayer",description:"Delete selected items",args:["Delete selected items"],when:"CanvasView"},{category:"Layer",key:"Shift+Backspace",command:"history.removeLayer",description:"Delete selected items",args:["Delete selected items"],when:"CanvasView"},{category:"Tool",key:"Minus",command:"scale.minus",description:"Minus scale",when:"CanvasView"},{category:"Tool",key:"Equal",command:"scale.plus",description:"Plus scale",when:"CanvasView"},{category:"Edit",key:"cmd+c",command:"clipboard.copy",description:"Copy objects",when:"CanvasView"},{category:"Edit",key:"cmd+v",command:"clipboard.paste",description:"Paste selected objects",when:"CanvasView"}],$u={backspace:8,tab:9,enter:13,escape:27,space:32,pageup:33,pagedown:34,end:35,home:36,left:37,up:38,right:39,down:40,insert:45,delete:46,0:48,1:49,2:50,3:51,4:52,5:53,6:54,7:55,8:56,9:57,semicolon:59,equals:61,a:65,b:66,c:67,d:68,e:69,f:70,g:71,h:72,i:73,j:74,k:75,l:76,m:77,n:78,o:79,p:80,q:81,r:82,s:83,t:84,u:85,v:86,w:87,x:88,y:89,z:90,multiply:106,add:107,subtract:109,divide:111,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123,f13:124,f14:125,f15:126,f16:127,f17:128,f18:129,f19:130,comma:188,",":188,period:190,".":190,slash:191,"/":191,backquote:192,"`":192,openbracket:219,"[":219,backslash:220,"\\":220,closebracket:221,"]":221,quote:222,"'":222,altgr:225};function Cu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Eu(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter(Boolean).join("+")}function Tu(e){return $u["".concat(e).toLowerCase()]||e}var Vu=function(){function e(t){zn()(this,e),this.$editor=t,this.loadShortCuts()}return Bn()(e,[{key:"getGeneratedKeyCode",value:function(e){return Tu(e)}},{key:"loadShortCuts",value:function(){var e=this;this.list=[],this.commands={},Ou.forEach((function(t){e.registerShortCut(t)})),this.sort()}},{key:"registerShortCut",value:function(e){var t=ju();this.list.push(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Cu(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Cu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({key:"",command:"",args:[],eventType:"keydown"},e,{checkKeyString:this.splitShortCut(e[t]||e.key),whenFunction:this.makeWhenFunction(e.command,e.when||"true")}))}},{key:"makeWhenFunction",value:function(e,t){return new Function("editor","\n            /////////////////////////////////\n            ////////Custom Function///////////\n\n            return function () {\n                const CanvasView = editor.modeView === 'CanvasView';\n                const PathEditorView = editor.modeView === 'PathEditorView';                \n\n                return (".concat(t,");\n            }\n            ////////Custom Function///////////\n            /////////////////////////////////\n        "))(this.$editor)}},{key:"sort",value:function(){var e=this;this.list.forEach((function(t){!1===nt(e.commands[t.checkKeyString])&&(e.commands[t.checkKeyString]=[]),e.commands[t.checkKeyString].push(t)}))}},{key:"splitShortCut",value:function(e){var t=e.toUpperCase().split("+").map((function(e){return e.trim()})).filter(Boolean),n=!1,r=!1,i=!1,a=!1,o=[];return t.forEach((function(e){e.includes("ALT")?n=!0:e.includes("CTRL")?r=!0:e.includes("SHIFT")?i=!0:e.includes("CMD")||e.includes("WIN")||e.includes("META")?a=!0:o.push(e)})),Eu(n?"ALT":"",r?"CTRL":"",i?"SHIFT":"",a?"META":"",Tu(o.join("")))}},{key:"makeKeyString",value:function(e){return Eu(e.altKey?"ALT":"",e.ctrlKey?"CTRL":"",e.shiftKey?"SHIFT":"",e.metaKey?"META":"",e.key.toUpperCase())}},{key:"makeCodeString",value:function(e){return Eu(e.altKey?"ALT":"",e.ctrlKey?"CTRL":"",e.shiftKey?"SHIFT":"",e.metaKey?"META":"",e.code.toUpperCase())}},{key:"makeKeyCodeString",value:function(e){return Eu(e.altKey?"ALT":"",e.ctrlKey?"CTRL":"",e.shiftKey?"SHIFT":"",e.metaKey?"META":"",e.keyCode)}},{key:"checkShortCut",value:function(e,t,n){return this.commands[e]||this.commands[t]||this.commands[n]}},{key:"checkWhen",value:function(e){return e.whenFunction()}},{key:"execute",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"keydown",r=this.checkShortCut(this.makeKeyCodeString(e),this.makeKeyString(e),this.makeCodeString(e));if(r){var i=r.filter((function(e){return e.eventType===n})).filter((function(e){return t.checkWhen(e)}));i.length&&e.preventDefault(),i.forEach((function(e){var n;(n=t.$editor).emit.apply(n,[e.command].concat(j()(e.args)))}))}}}]),e}(),Du=function(){function e(t){zn()(this,e),this.editor=t,this.config=new Map,this.initialize()}return Bn()(e,[{key:"initialize",value:function(){this.set("canvas.width",1e4),this.set("canvas.height",1e4),this.set("body.move.ms",30),this.set("grid.preview.position",[]),this.set("debug",!1)}},{key:"get",value:function(e){return this.config[e]}},{key:"set",value:function(e,t){this.config[e]!=t&&(this.config[e]=t,this.editor.emit("config:"+e))}},{key:"remove",value:function(e){delete this.config[e],this.editor.emit("config:"+e)}}]),e}(),Iu=function(){function e(t){zn()(this,e),this.$editor=t,this.currentIndex=-1,this.undoHistories=[],this.redoHistories=[],this.selection={}}return Bn()(e,[{key:"createCommand",value:function(e){return this.$editor.isPointerUp?"history.".concat(e):e}},{key:"saveSelection",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.selection=this.$editor.selection.toCloneObject()}},{key:"getUndoValues",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n={};return Object.keys(this.selection).forEach((function(r){n[r]={},Object.keys(t).forEach((function(t){n[r][t]=e.selection[r][t]}))})),n}},{key:"getUndoValuesForMulti",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n={};return Object.keys(t).forEach((function(r){n[r]={};var i=e.selection[r]||e.$editor.selection.itemsByIds(r)[0],a=t[r];Object.keys(a).forEach((function(e){n[r][e]=i[e]}))})),n}},{key:"add",value:function(e,t,n){var r={message:e,command:t,data:n};return this.undoHistories.push(r),this.currentIndex++,this.undoHistories.length=this.currentIndex+1,this.$editor.emit("refreshHistory"),r}},{key:"map",value:function(e){return[].concat(j()(this.undoHistories.map(e)),["-"],j()(this.redoHistories.map(e))).reverse()}},{key:"undo",value:function(){var e=this;if(!(this.currentIndex<-1)){this.currentIndex--;var t=this.undoHistories.pop();t&&t.command&&t.command.undo(this.$editor,t.data),this.$editor.nextTick((function(){e.$editor.emit("refreshHistory")}))}}},{key:"redo",value:function(){var e=this;if(!(this.currentIndex>this.length)){this.currentIndex<0&&this.currentIndex++;var t=this.undoHistories[this.currentIndex];t&&t.command&&(t.command.redo(this.$editor,t.data),this.$editor.debug(t)),this.$editor.nextTick((function(){e.$editor.emit("refreshHistory")}))}}},{key:"length",get:function(){return this.undoHistories.length}},{key:"selectedIds",get:function(){return Object.keys(this.selection)}}]),e}(),Mu=function(){function e(t){zn()(this,e),this.editor=t,this.codeSet=new Set,this.keyCodeSet=new Set}return Bn()(e,[{key:"add",value:function(e,t){!1===this.codeSet.has(e)&&this.codeSet.add(e),!1===this.keyCodeSet.has(t)&&this.keyCodeSet.add(t)}},{key:"remove",value:function(e,t){this.codeSet.delete(e),this.keyCodeSet.delete(t)}},{key:"hasKey",value:function(e){return this.codeSet.has(e)||this.keyCodeSet.has(e)}},{key:"check",value:function(){for(var e=this,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return n.some((function(t){return e.hasKey(t)}))}}]),e}(),Lu=function(){function e(t){zn()(this,e),this.editor=t,this.canvasSize=null,this.cachedViewport=Ri(0,0,0,0),this.mouse=D.d.create(),this.scale=1,this.translate=D.d.create(),this.transformOrigin=D.d.create(),this.maxScale=250,this.minScale=.2,this.zoomFactor=1,this.resetWorldMatrix()}return Bn()(e,[{key:"setTransformOrigin",value:function(e){this.transformOrigin=e,this.resetWorldMatrix()}},{key:"setTransformOriginWithTranslate",value:function(e){var t=D.d.clone(this.transformOrigin);this.setTransformOrigin(e),this.setTranslate(D.d.add([],this.translate,D.d.subtract([],t,e)))}},{key:"setScale",value:function(e){this.scale=Math.min(Math.max(this.minScale,e),this.maxScale),this.resetWorldMatrix()}},{key:"setTranslate",value:function(e){this.translate=e,this.resetWorldMatrix()}},{key:"resetWorldMatrix",value:function(){this.matrix=Q(D.a.fromTranslation([],this.translate),D.a.fromTranslation([],this.transformOrigin),D.a.fromScaling([],[this.scale,this.scale,1]),D.a.fromTranslation([],D.d.negate([],this.transformOrigin))),this.matrixInverse=D.a.invert([],this.matrix),this.scaleMatrix=Q(D.a.fromScaling([],[this.scale,this.scale,1])),this.scaleMatrixInverse=D.a.invert([],this.scaleMatrix),this.refresh()}},{key:"refreshCanvasSize",value:function(e){if(this.canvasSize){this.canvasSize={x:e.x,y:e.y,width:e.width,height:e.height},this.cachedViewport=Ri(0,0,this.canvasSize.width,this.canvasSize.height);var t=D.d.transformMat4([],[this.canvasSize.width,this.canvasSize.height,0],this.scaleMatrixInverse),n=D.d.add([],this.verties[0],[t[0]/2,t[1]/2,0]),r=D.a.getTranslation([],Q(this.matrix,ee(D.a.fromTranslation([],n),this.scaleMatrix,D.a.invert([],D.a.fromTranslation([],n)))));this.setTranslate(r),this.setTransformOrigin(n)}else this.canvasSize={x:e.x,y:e.y,width:e.width,height:e.height},this.cachedViewport=Ri(0,0,this.canvasSize.width,this.canvasSize.height),this.setTransformOrigin([this.canvasSize.width/2,this.canvasSize.height/2,0]);this.editor.emit("updateViewport")}},{key:"refresh",value:function(){this.cachedViewport&&(this.verties=N(this.cachedViewport,this.matrixInverse))}},{key:"createWorldPosition",value:function(e,t){var n=e-this.canvasSize.x,r=t-this.canvasSize.y;return[this.verties[0][0]+(this.verties[2][0]-this.verties[0][0])*(n/this.canvasSize.width),this.verties[0][1]+(this.verties[2][1]-this.verties[0][1])*(r/this.canvasSize.height),0]}},{key:"setMousePoint",value:function(e,t){this.mouse=this.createWorldPosition(e,t),this.setTransformOriginWithTranslate(D.d.lerp([],this.verties[0],this.verties[2],.5)),this.editor.emit("updateViewport")}},{key:"zoom",value:function(e){var t=this.scale,n=t*e;this.setScale(n);var r=this.scale/t;this.zoomFactor=r,1!==r&&(this.setTransformOriginWithTranslate(D.d.lerp([],this.mouse,this.transformOrigin,1/e)),this.editor.emit("updateViewport"))}},{key:"pan",value:function(e,t){arguments.length>2&&void 0!==arguments[2]&&arguments[2];this.setTransformOriginWithTranslate(D.d.add([],this.transformOrigin,[e,t,0])),this.editor.emit("updateViewport")}},{key:"moveLayerToCenter",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:-.2,n=D.d.lerp([],e[0],e[2],.5),r=D.d.dist(e[0],e[1]),i=D.d.dist(e[0],e[3]),a=D.d.lerp([],this.verties[0],this.verties[2],.5),o=D.d.dist(this.verties[0],this.verties[1]),s=D.d.dist(this.verties[0],this.verties[3]),c=Math.min(o/r,s/i)+t;this.setTranslate(D.d.add([],this.translate,D.d.subtract([],a,n))),this.setTransformOrigin(n),this.setScale(this.scale*c),this.editor.emit("updateViewport")}},{key:"applyVertex",value:function(e){return D.d.transformMat4([],e,this.matrix)}},{key:"applyVertexInverse",value:function(e){return D.d.transformMat4([],e,this.matrixInverse)}},{key:"applyVerties",value:function(e){return N(e,this.matrix)}},{key:"applyScaleVerties",value:function(e){return N(e,this.scaleMatrix)}},{key:"applyVertiesInverse",value:function(e){return N(e,this.matrixInverse)}},{key:"applyScaleVertiesInverse",value:function(e){return N(e,this.scaleMatrixInverse)}},{key:"createAreaVerties",value:function(e,t,n,r){return this.applyVertiesInverse(function(e,t,n,r){return Ri(e,t,n,r)}(e,t,n,r))}},{key:"pos",get:function(){return[(this.mouse[0]-this.verties[0][0])/(this.verties[2][0]-this.verties[0][0])*100,(this.mouse[1]-this.verties[0][1])/(this.verties[2][1]-this.verties[0][1])*100,0]}},{key:"minX",get:function(){return this.verties[0][0]}},{key:"maxX",get:function(){return this.verties[2][0]}},{key:"minY",get:function(){return this.verties[0][1]}},{key:"maxY",get:function(){return this.verties[2][1]}},{key:"height",get:function(){return this.maxY-this.minY}},{key:"width",get:function(){return this.maxX-this.minX}}]),e}(),Ru=function(){function e(){zn()(this,e)}return Bn()(e,[{key:"render",value:function(e,t){return li.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,li.a.awrap(this.toCloneObject(e,t));case 2:return n.abrupt("return",n.sent);case 3:case"end":return n.stop()}}),null,this)}},{key:"toCloneObject",value:function(e,t){var n,r,i,a;return li.a.async((function(o){for(;;)switch(o.prev=o.next){case 0:(n=e.attrs("itemType","elementType","type","visible","lock","selected")).referenceId=e.id,n.newTargetId=ie(),r=[],i=0,a=e.layers.length;case 5:if(!(i<a)){o.next=14;break}return o.t0=r,o.next=9,li.a.awrap(t.render(e.layers[i],t));case 9:o.t1=o.sent,o.t0.push.call(o.t0,o.t1);case 11:i++,o.next=5;break;case 14:return n.layers=r,o.abrupt("return",n);case 16:case"end":return o.stop()}}))}}]),e}();function Au(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function zu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Au(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Au(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Fu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Bu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Fu(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Fu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Gu=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Bu,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","text-clip","border-radius","border","box-shadow","text-shadow","clip-path","color","font-size","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","opacity","rotate","flex-layout","grid-layout","animation","transition"),r.t5={selectors:e.selectors.map((function(e){return e.clone()})),svg:e.svg.map((function(e){return e.clone()}))},r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4,r.t5));case 9:case"end":return r.stop()}}),null,this)}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=zu,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("x","y","width","height"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Ru));function Hu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Nu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Hu(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Hu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Xu=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Nu,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("name"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Gu);function Yu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _u(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Yu(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Yu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ku=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=_u,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("tagName"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Gu),Wu=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Ku);function Uu(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Zu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Uu(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Uu(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var qu=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){var r,i,a;return li.a.async((function(o){for(;;)switch(o.prev=o.next){case 0:return r=e.project,i=r.imageKeys[e.src],a=i.original,o.t0=Zu,o.t1={},o.next=7,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 7:return o.t2=o.sent,o.t3={src:a},o.abrupt("return",(0,o.t0)(o.t1,o.t2,o.t3));case 10:case"end":return o.stop()}}),null,this)}}]),t}(Ku);function Ju(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Qu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ju(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ju(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function eh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function th(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?eh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):eh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function nh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function rh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?nh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):nh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ih=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=rh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("name","description","rootVariable"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=th,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("timeline"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=Qu,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("colors","gradients","svgfilters","svgimages","images","keyframes"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Ru))),ah=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Ku);function oh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function sh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?oh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):oh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ch=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=sh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Ku);function lh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function uh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?lh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):lh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var hh=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=uh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("d"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(ch);function ph(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function dh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ph(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ph(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var fh=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=dh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(ch);function vh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function yh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?vh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):vh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var gh=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=yh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(ch);function mh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function bh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?mh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):mh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var kh=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=bh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("content"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Ku);function xh(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function wh(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?xh(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):xh(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Sh=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toCloneObject",value:function(e,n){return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.t0=wh,r.t1={},r.next=4,li.a.awrap(si()(Xn()(t.prototype),"toCloneObject",this).call(this,e,n));case 4:return r.t2=r.sent,r.t3={},r.t4=e.attrs("src"),r.abrupt("return",(0,r.t0)(r.t1,r.t2,r.t3,r.t4));case 8:case"end":return r.stop()}}),null,this)}}]),t}(Ku),Ph={project:new ih,artboard:new Xu,rect:new ah,circle:new Wu,image:new qu,text:new kh,video:new Sh,"svg-path":new hh,"svg-text":new gh,"svg-textpath":new fh},jh={render:function(e,t){var n;return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:if(e){r.next=2;break}return r.abrupt("return");case 2:if(!(n=Ph[e.itemType])){r.next=7;break}return r.next=6,li.a.awrap(n.render(e,t||this));case 6:return r.abrupt("return",r.sent);case 7:case"end":return r.stop()}}),null,this)},getResourceDataURI:function(e,t){return li.a.async((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}))}},Oh=function(){function e(t){zn()(this,e),this.editor=t}return Bn()(e,[{key:"getArtboardList",value:function(){var e,t;return li.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:if(e=!1,t=(this.editor.loadItem("artboards")||[]).map((function(t){return t.id||(t.id=ie(),e=!0),t})),!e){n.next=5;break}return n.next=5,li.a.awrap(this.setArtboardList(t));case 5:return n.abrupt("return",t);case 6:case"end":return n.stop()}}),null,this)}},{key:"setArtboardList",value:function(e){return li.a.async((function(t){for(;;)switch(t.prev=t.next){case 0:this.editor.saveItem("artboards",e);case 1:case"end":return t.stop()}}),null,this)}},{key:"getArtBoard",value:function(e){var t,n;return li.a.async((function(r){for(;;)switch(r.prev=r.next){case 0:return r.next=2,li.a.awrap(this.getArtboardList());case 2:if(t=r.sent,!(n=t.find((function(t){return t.id===e})))||!n.artboard){r.next=6;break}return r.abrupt("return",n.artboard);case 6:return r.abrupt("return",null);case 7:case"end":return r.stop()}}),null,this)}},{key:"saveArtboard",value:function(){var e,t,n,r,i=arguments;return li.a.async((function(a){for(;;)switch(a.prev=a.next){case 0:if(e=i.length>0&&void 0!==i[0]?i[0]:"",!(t=this.editor.selection.current)){a.next=13;break}return a.next=5,li.a.awrap(this.getArtboardList());case 5:return n=a.sent,a.next=8,li.a.awrap(jh.render(t));case 8:return(r=a.sent).x="0px",r.y="0px",a.next=13,li.a.awrap(this.setArtboardList([].concat(j()(n),[{id:ie(),preview:e,artboard:r}])));case 13:case"end":return a.stop()}}),null,this)}},{key:"removeArtboard",value:function(e){var t;return li.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,li.a.awrap(this.getArtboardList());case 2:return t=n.sent,n.next=5,li.a.awrap(this.setArtboardList(t.filter((function(t){return t.id!==e}))));case 5:case"end":return n.stop()}}),null,this)}}]),e}();function $h(e,t){var n=Object.assign({width:24,height:24},t);return('\n        <svg \n            xmlns="http://www.w3.org/2000/svg" \n            width="'.concat(n.width,'" \n            height="').concat(n.height,'" \n            viewBox="0 0 24 24">').concat(e,"</svg>"))}var Ch=$h('\n    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6-6-6z"/>\n'),Eh=$h('\n    <path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/>\n'),Th=$h('<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"/>'),Vh=$h('<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"/>'),Dh=$h('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"/>'),Ih=$h('<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"/>'),Mh=$h('<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"/>'),Lh=$h('<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"/>'),Rh=$h('<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"/>'),Ah=$h('<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"/>'),zh=$h('<path d="M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z"/>'),Fh=$h('<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>'),Bh=$h('<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"/>'),Gh=$h('<path d="M5 4v2h14V4H5zm0 10h4v6h6v-6h4l-7-7-7 7z"/>'),Hh=$h('<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"/>'),Nh=$h('<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"/>'),Xh=$h('<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"/>'),Yh=$h('<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"/>'),_h=$h('<path d="M19 13H5v-2h14v2z"/>'),Kh=$h('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),Wh=$h('<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/>'),Uh=$h('<path d="M10 17l5-5-5-5v10z"/>'),Zh=$h('<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>'),qh=$h('<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"/>'),Jh=$h('<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"/>'),Qh=$h('<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"/>'),ep=$h('<path d="M5 4v3h5.5v12h3V7H19V4z"/>'),tp=$h('<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"/>'),np=$h('<path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>'),rp=$h('<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"/>'),ip=$h('<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"/>'),ap=$h('<path d="M8 5v14l11-7z"/>'),op=$h('<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"/>'),sp=$h('<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"/>'),cp=$h('<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"/>'),lp=$h('<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"/>'),up=$h('<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"/>'),hp=$h('<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"/>'),pp=$h('<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"/>'),dp=$h('<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>'),fp=$h('<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"/>'),vp=$h('<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"/>'),yp=$h('<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"/>'),gp=$h('<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"/>'),mp=$h('<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"/>'),bp=$h('<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"/>'),kp=$h('<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"/>'),xp=$h('<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"/>'),wp=$h('<path d="M7 15v2h10v-2H7zm-4 6h18v-2H3v2zm0-8h18v-2H3v2zm4-6v2h10V7H7zM3 3v2h18V3H3z"/>'),Sp=$h('<path d="M3 21h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18v-2H3v2zm0-4h18V7H3v2zm0-6v2h18V3H3z"/>'),Pp=$h('<path d="M15 15H3v2h12v-2zm0-8H3v2h12V7zM3 13h18v-2H3v2zm0 8h18v-2H3v2zM3 3v2h18V3H3z"/>'),jp=$h('<path d="M3 21h18v-2H3v2zm6-4h12v-2H9v2zm-6-4h18v-2H3v2zm6-4h12V7H9v2zM3 3v2h18V3H3z"/>'),Op=$h('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),$p=$h('<path d="M4 11h5V5H4v6zm0 7h5v-6H4v6zm6 0h5v-6h-5v6zm6 0h5v-6h-5v6zm-6-7h5V5h-5v6zm6-6v6h5V5h-5z"/>'),Cp=$h('<path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/>'),Ep=$h('<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"/>'),Tp=$h('<path d="M2 15.5v2h20v-2H2zm0-5v2h20v-2H2zm0-5v2h20v-2H2z"/>'),Vp=$h('<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"/>'),Dp=$h('<path d="M17,15.7V13H19V17L10,21L3,14L7,5H11V7H8.3L5.4,13.6L10.4,18.6L17,15.7M22,5V7H19V10H17V7H14V5H17V2H19V5H22Z" />'),Ip=$h('<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" />'),Mp=$h('<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"/>'),Lp=$h('<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"/>'),Rp=$h('<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"/>'),Ap=$h('<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"/>'),zp=$h('<path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"/>'),Fp=$h('<path d="M6 6h2v12H6zm3.5 6l8.5 6V6z"/>'),Bp=$h('<path d="M4 18l8.5-6L4 6v12zm9-12v12l8.5-6L13 6z"/>'),Gp=$h('<path d="M11 18V6l-8.5 6 8.5 6zm.5-6l8.5 6V6l-8.5 6z"/>'),Hp=$h('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"/>'),Np=$h('<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z" />'),Xp=$h('<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"/>'),Yp=$h('<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)"/>'),_p=$h('<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"/>'),Kp=$h('\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'),Wp=$h('<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"/>'),Up=$h('<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"/>'),Zp=$h('<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"/>'),qp=$h('<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"/>'),Jp=$h('<path d="M2 20h20v-4H2v4zm2-3h2v2H4v-2zM2 4v4h20V4H2zm4 3H4V5h2v2zm-4 7h20v-4H2v4zm2-3h2v2H4v-2z"/>'),Qp=$h('<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"/>'),ed=$h('<path d="M7 2v11h3v9l7-12h-4l4-8z"/>'),td=$h('<path d="M4 14h4v-4H4v4zm0 5h4v-4H4v4zM4 9h4V5H4v4zm5 5h12v-4H9v4zm0 5h12v-4H9v4zM9 5v4h12V5H9z"/>'),nd=$h('<path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/>'),rd=$h('<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"/>'),id=$h('<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"/>'),ad=$h('<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"/>'),od=$h('<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"/>'),sd=$h('<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"/>'),cd=$h('<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"/>'),ld=$h('<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"/>'),ud=$h('<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"/>'),hd=$h('<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"/>'),pd=$h('<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"/>'),dd=$h('<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"/>'),fd=$h('<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"/>'),vd=$h('<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"/>'),yd=$h('<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"/>'),gd=$h('<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"/>'),md=$h('<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"/>'),bd=$h('<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"/>'),kd=$h('<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"/>'),xd=$h('<path d="M22 11V3h-7v3H9V3H2v8h7V8h2v10h4v3h7v-8h-7v3h-2V8h2v3z"/>'),wd=$h('<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"/>'),Sd=$h('<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"/>'),Pd=$h('<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"/>'),jd=$h('<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"/>'),Od=$h('\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'),$d=$h('<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"/>'),Cd=$h('<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"/>'),Ed=$h('\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'),Td=$h('<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"/>'),Vd=$h('<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"/>'),Dd=$h('<path d="M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"/>'),Id=$h('<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"/>'),Md=$h('<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/>'),Ld=$h('<path d="M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z"/>'),Rd=$h('<path d="M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),Ad=$h('\n    <path d="M12,4 L12,20Z M6,10 L18,10 L18,14 L6,14Z" stroke-width="1" />\n'),zd=$h('<path d="M20,4 L20,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />'),Fd=$h('<path d="M4,4 L20,4Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Bd=$h('<path d="M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Gd=$h('<path d="M4,12 L20,12Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />'),Hd=$h('\n    <path d="M20,4 L20,20Z M2,4 L2,20Z M6,10 L16,10 L16,14 L6,14Z" stroke-width="1" />\n'),Nd=$h('\n    <path d="M4,4 L20,4Z M4,20 L20,20Z M10,8 L10,16 L14,16 L14,8Z" stroke-width="1" />\n'),Xd=$h('<path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/>'),Yd=$h('<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"/>'),_d=$h('<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"/>'),Kd=$h('<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"/>'),Wd=$h('<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"/>'),Ud=$h('\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    '),Zd=$h('\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'),qd=$h('\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    '),Jd=$h('\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    '),Qd=$h('\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'),ef=$h('\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'),tf=$h('<path d="M14 7l-5 5 5 5V7z"/>'),nf=$h('\n        <path d="M3 5h2V3c-1.1 0-2 .9-2 2zm0 8h2v-2H3v2zm4 8h2v-2H7v2zM3 9h2V7H3v2zm10-6h-2v2h2V3zm6 0v2h2c0-1.1-.9-2-2-2zM5 21v-2H3c0 1.1.9 2 2 2zm-2-4h2v-2H3v2zM9 3H7v2h2V3zm2 18h2v-2h-2v2zm8-8h2v-2h-2v2zm0 8c1.1 0 2-.9 2-2h-2v2zm0-12h2V7h-2v2zm0 8h2v-2h-2v2zm-4 4h2v-2h-2v2zm0-16h2V3h-2v2zM7 17h10V7H7v10zm2-8h6v6H9V9z"/>\n    '),rf=$h('<path d="M10 17l5-5-5-5v10z"/>'),af=$h('<path d="M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z"/>'),of=$h('<polygon points="11,2 13,2 13,7 21,7 21,10 13,10 13,14 18,14 18,17 13,17 13,22 11,22 11,17 6,17 6,14 11,14 11,10 3,10 3,7 11,7"/>'),sf=$h('<path d="M4,22H2V2h2V22z M22,7H6v3h16V7z M16,14H6v3h10V14z"/>'),cf=$h('<path d="M20,2h2v20h-2V2z M2,10h16V7H2V10z M8,17h10v-3H8V17z"/>'),lf=$h('<path d="M22,22H2v-2h20V22z M10,2H7v16h3V2z M17,8h-3v10h3V8z"/>'),uf=$h('<polygon points="22,11 17,11 17,6 14,6 14,11 10,11 10,3 7,3 7,11 1.84,11 1.84,13 7,13 7,21 10,21 10,13 14,13 14,18 17,18 17,13 22,13"/>'),hf=$h('<path d="M22,2v2H2V2H22z M7,22h3V6H7V22z M14,16h3V6h-3V16z"/>'),pf=$h('<path d="M6.99 11L3 15l3.99 4v-3H14v-2H6.99v-3zM21 9l-3.99-4v3H10v2h7.01v3L21 9z"/>'),df=$h('<path d="M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z"/>'),ff=$h('\n        <path d="M7.11 8.53L5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47zM6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47zm1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03L7.1 18.32zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93z" stroke=\'white\' stroke-width="0.5" />\n    '),vf=$h('<path d="M22,2v2H2V2H22z M7,10.5v3h10v-3H7z M2,20v2h20v-2H2z"/>'),yf=$h('<path d="M4,22H2V2h2V22z M22,2h-2v20h2V2z M13.5,7h-3v10h3V7z"/>'),gf=$h('<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zm2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12zM15.5 4l-1-1h-5l-1 1H5v2h14V4z"/>'),mf=$h('<rect fill-rule="evenodd" height="2" width="16" x="4" y="11"/>'),bf=$h('<path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"/>');function kf(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var xf=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?kf(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):kf(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{fullscreen:Jh},{web:$h('<path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z"/>'),navigation:bf,delete_forever:gf,horizontal_rule:mf,open_in_full:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return($h('<polygon points="21,11 21,3 13,3 16.29,6.29 6.29,16.29 3,13 3,21 11,21 7.71,17.71 17.71,7.71" transform=\''.concat(e,"' stroke='white' stroke-width=\"0.5\" />"),{width:20,height:20}))},rotate:ff,align_horizontal_center:of,align_horizontal_left:sf,align_horizontal_right:cf,align_vertical_bottom:lf,align_vertical_center:uf,align_vertical_top:hf,vertical_distribute:vf,horizontal_distribute:yf,rotate_left:df,swap_horiz:pf,arrow_right:rf,group:nf,volume_down:Jd,arrowLeft:tf,volume_up:Qd,volume_off:ef,pentool:Zd,launch:Ud,apps:_d,outline_rect:Kd,outline_circle:Wd,keyboard:Yd,local_movie:Xd,same_height:Nd,same_width:Hd,layers:af,middle:Gd,bottom:Bd,top:Fd,right:zd,center:Ad,left:Rd,flag:Ld,lens:Md,local_library:Id,italic:Dd,strikethrough:Vd,underline:Td,cylinder:Ed,text_rotate:Cd,device_hub:$d,control_point:jd,flip_camera:Od,flipY:Pd,flip:Sd,account_tree:xd,format_shapes:wd,merge:bd,texture:kd,settings_input_component:md,view_comfy:gd,camera_roll:yd,broken_image:vd,shadow:fd,opacity:dd,looks:pd,vintage:hd,waves:ud,blur_linear:ld,blur:cd,landscape:sd,palette:od,diffuse:ad,specular:id,photo:rd,near_me:nd,view_list:td,flash_on:ed,doc:Qp,storage:Jp,archive:qp,file_copy:Zp,gps_fixed:Up,refresh:Wp,cat:Kp,shuffle:_p,replay:Yp,speed:Xp,alternate_reverse:Np,alternate:Hp,note:Ap,rect:Rp,circle:Lp,color_lens:Mp,cube:Ip,polygon:Dp,star:Vp,dahaze:Tp,brush:Ep,expand:Cp,list:Op,grid:$p,align_center:wp,align_justify:Sp,align_left:Pp,align_right:jp,color:xp,size:kp,edit:bp,outline_image:mp,ballot:vp,shape:fp,scatter:dp,transform:pp,gradient:hp,close:up,build:lp,code:cp,autorenew:sp,play:ap,pause:op,skip_next:zp,skip_prev:Fp,fast_forward:Bp,fast_rewind:Gp,filter:ip,input:rp,timer:tp,title:ep,paint:Qh,border_all:qh,border_inner:Jh,check:Zh,video:qd,arrowRight:Uh,screen:Wh,repeat:Kh,remove2:_h,setting:Yh,image:Xh,artboard:Nh,folder:Hh,publish:Gh,add_note:Bh,add:Fh,save:Ah,export:zh,redo:Rh,undo:Lh,lock:Mh,lock_open:gp,remove:Dh,copy:Ih,visible:Vh,add_box:Th,add_circle:yp,create_folder:Eh,chevron_right:Ch,chevron_left:np}),wf=function(){function e(){zn()(this,e)}return Bn()(e,[{key:"load",value:function(){var e,t,n,r,i,a,o,s=arguments;return li.a.async((function(c){for(;;)switch(c.prev=c.next){case 0:if(e=s.length>0&&void 0!==s[0]?s[0]:"default",!xf[e]){c.next=8;break}for(n=s.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=s[i];return a=st(xf[e])?(t=xf[e]).call.apply(t,[xf[e]].concat(r)):xf[e],o=new Blob([a],{type:"image/svg+xml"}),c.abrupt("return",new Promise((function(e,t){var n=new FileReader;n.onload=function(t){var n=t.target.result;e("url(".concat(n,") 12 12, auto"))},n.readAsDataURL(o)})));case 8:return c.abrupt("return",e);case 9:case"end":return c.stop()}}))}}]),e}(),Sf=function(){function e(t){zn()(this,e),this.$editor=t}return Bn()(e,[{key:"revokeResource",value:function(e){var t=this,n=JSON.parse(e||"[]"),r={};return n.forEach((function(e){e.images.forEach((function(e){r["#".concat(e.id)]=e}))})),Object.keys(r).map((function(e){var t=r[e],n=Sc.parse(t.original,!0);t.local=n.local})),n.forEach((function(e){e.layers=t.applyAsset(e.layers,r)})),n}},{key:"applyAsset",value:function(e,t){var n=this;return nt(e)?e=e.map((function(e){return n.applyAsset(e,t)})):ot(e)?Object.keys(e).forEach((function(r){e[r]=n.applyAsset(e[r],t)})):it(e)&&Object.keys(t).forEach((function(n){var r=t[n];e.indexOf("#".concat(r.id))>-1&&(e=e.replace(new RegExp("#".concat(r.id),"g"),r.local))})),e}},{key:"project",get:function(){return this.$editor.selection.currentProject}}]),e}(),Pf="SELECTION",jf=function(){function e(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];zn()(this,e),this.EDITOR_ID=ie(),this.projects=[],this.popupZIndex=1e4,this.canvasWidth=1e5,this.canvasHeight=1e5,this.symbols={},this.images={},this.openRightPanel=!0,this.mode=Pf,this.modeView="CanvasView",this.addComponentType="",this.locale=this.loadItem("locale")||"en_US",this.layout=this.loadItem("layout")||"all",this.loadManagers()}return Bn()(e,[{key:"loadManagers",value:function(){this.store=new Kn(this),this.config=new Du(this),this.snapManager=new Ef(this),this.commands=new Su(this),this.shortcuts=new Vu(this),this.selection=new Ks(this),this.timeline=new Js(this),this.history=new Iu(this),this.keyboardManager=new Mu(this),this.viewport=new Lu(this),this.storageManager=new Oh(this),this.cursorManager=new wf(this),this.assetManager=new Sf(this),this.components=aa,this.initTheme()}},{key:"i18n",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2?arguments[2]:void 0;return Us.get(e,t,n||this.locale)}},{key:"hasI18nkey",value:function(e,t){return Us.hasKey(e,t||this.locale)}},{key:"initI18n",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return function(n){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=arguments.length>2?arguments[2]:void 0,a="".concat(t,".").concat(n);return e.hasI18nkey(a,i)?e.$i18n("".concat(t,".").concat(n),r,i):e.$i18n("".concat(n),r,i)}}},{key:"setLocale",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"en_US";this.locale=e,this.saveItem("locale",this.locale)}},{key:"setLayout",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"all";this.layout=e,this.saveItem("layout",this.layout)}},{key:"setUser",value:function(e){this.user=e}},{key:"initTheme",value:function(){var e="dark";window.localStorage&&(e=window.localStorage.getItem("easylogic.studio.theme"),e=["dark","light","toon"].includes(e)?e:"dark"),this.theme=e||"dark",window.localStorage.setItem("easylogic.studio.theme",this.theme)}},{key:"themeValue",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Zs[this.theme][e]||t}},{key:"changeMode",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Pf;this.mode=e}},{key:"changeModeView",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"CanvasView";this.modeView=e}},{key:"isMode",value:function(e){return this.mode===e}},{key:"isAddMode",value:function(){return this.isMode("ADD")}},{key:"isSelectionMode",value:function(){return this.isMode(Pf)}},{key:"changeAddType",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.changeMode("ADD"),this.addComponentType=e,this.isComponent=t}},{key:"changeTheme",value:function(e){e=["light","toon"].includes(e)?e:"dark",this.theme=e,window.localStorage.setItem("easylogic.studio.theme",e)}},{key:"getFile",value:function(e){return this.images[e]||e}},{key:"setStore",value:function(e){this.store=e}},{key:"emit",value:function(){var e;this.store.source="EDITOR_ID",(e=this.store).emit.apply(e,arguments)}},{key:"on",value:function(){var e;(e=this.store).on.apply(e,arguments)}},{key:"off",value:function(){var e;(e=this.store).off.apply(e,arguments)}},{key:"offAll",value:function(){var e;(e=this.store).offAll.apply(e,arguments)}},{key:"debug",value:function(){var e;this.config.get("debug")&&(e=console).log.apply(e,arguments)}},{key:"command",value:function(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];var a,o;return this.isPointerUp?(a=this.store).emit.apply(a,["history.".concat(e),t].concat(r)):(o=this.store).emit.apply(o,[e].concat(r))}},{key:"nextTick",value:function(e){this.store&&this.store.nextTick(e)}},{key:"load",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.projects=e}},{key:"add",value:function(e){return this.projects.push(e),e}},{key:"remove",value:function(e){this.projects.splice(e,1)}},{key:"clear",value:function(){this.projects=[]}},{key:"get",value:function(e){return this.projects[e]}},{key:"replaceLocalUrltoRealUrl",value:function(e){var t=this.selection.currentProject,n={};return t.images.forEach((function(t){e.indexOf(t.local)>-1&&(n[t.local]=t.original)})),Object.keys(n).forEach((function(t){e.indexOf(t)>-1&&(e=e.replace(new RegExp(t,"g"),n[t]))})),e}},{key:"replaceLocalUrltoId",value:function(e){var t=this.projects,n={};return t.forEach((function(t){t.images.forEach((function(t){e.indexOf(t.local)>-1&&(n[t.local]="#"+t.id)}))})),Object.keys(n).forEach((function(t){e.indexOf(t)>-1&&(e=e.replace(new RegExp(t,"g"),n[t]))})),e}},{key:"makeResource",value:function(e){var t=JSON.stringify(e);return t=this.replaceLocalUrltoId(t)}},{key:"serialize",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=[];return e.forEach((function(e){var n=e.toJSON();n._parentId=e.parent?e.parent.id:void 0,n._positionInParent=e.positionInParent,t.push(n)})),JSON.stringify(t)}},{key:"createItem",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e._parentId&&(e.parent=this.searchItem(e._parentId),delete e._parentId),e.layers=(e.layers||[]).map((function(e){return t.createItem(e)}));var r=this.components.createComponent(e.itemType,e);return n&&r.parent.setPositionInPlace(e._positionInParent,r),r}},{key:"searchItem",value:function(e){var t=[];return it(e)?t.push(e):nt(e)&&(t=j()(e)),this.selection.currentProject.getSearchedIndexItemList(t).filter(Boolean)[0]}},{key:"deserialize",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=JSON.parse(e)||[];return r.map((function(e){return t.createItem(e,n)}))}},{key:"saveResource",value:function(e,t){window.localStorage.setItem("easylogic.studio.".concat(e),this.makeResource(t))}},{key:"saveItem",value:function(e,t){window.localStorage.setItem("easylogic.studio.".concat(e),JSON.stringify(t))}},{key:"loadResource",value:function(e){return this.assetManager.revokeResource(window.localStorage.getItem("easylogic.studio.".concat(e)))}},{key:"loadItem",value:function(e){return JSON.parse(window.localStorage.getItem("easylogic.studio.".concat(e))||JSON.stringify(""))}},{key:"zIndex",get:function(){return this.popupZIndex++}},{key:"isPointerUp",get:function(){return!this.config.get("bodyEvent")||"pointerup"===this.config.get("bodyEvent").type}},{key:"isPointerMove",get:function(){return!!this.config.get("bodyEvent")&&"pointermove"===this.config.get("bodyEvent").type}}]),e}(),Of=D.d.fromValues(0,0,0);function $f(e,t){return Math.abs(e[0]-t[0])<1}function Cf(e,t){return Math.abs(e[1]-t[1])<1}var Ef=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;zn()(this,e),this.editor=t,this.map=new Map,this.snapTargetLayers=[],this.snapDistance=n}return Bn()(e,[{key:"clear",value:function(){var e=this;this.snapTargetLayers=this.editor.selection.snapTargetLayers.map((function(t){return e.convertMatrix(t)}))}},{key:"convertMatrix",value:function(e){var t=this.convertGuideAndPathMatrix(e),n=t.map((function(e){return e[0]})),r=t.map((function(e){return e[1]}));return{id:e.id,xList:n,yList:r,verties:t}}},{key:"convertGuideAndPathMatrix",value:function(e){var t=e.guideVerties(),n=e.pathVerties();return[].concat(j()(t),j()(n))}},{key:"getSnapPoints",value:function(){var e=this,t=[];return this.editor.selection.snapTargetLayersWithSelection.forEach((function(n){t.push.apply(t,e.convertGuideAndPathMatrix(n))})),t}},{key:"checkX",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=[];return e.forEach((function(e,i){t.forEach((function(t,a){var o=e-t;Math.abs(o)<=n&&r.push({targetX:e,sourceX:t,sourceIndex:a,targetIndex:i,dx:o})}))})),r}},{key:"checkY",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=[];return e.forEach((function(e,i){t.forEach((function(t,a){var o=e-t;Math.abs(o)<=n&&r.push({targetY:e,sourceY:t,sourceIndex:a,targetIndex:i,dy:o})}))})),r}},{key:"check",value:function(e){var t=this,n=[],r=this.snapDistance,i=e.map((function(e){return e[0]})),a=e.map((function(e){return e[1]}));return this.snapTargetLayers.forEach((function(e){var o=t.checkX(e.xList,i,r)[0],s=t.checkY(e.yList,a,r)[0];n.push(D.d.fromValues(o?o.dx:0,s?s.dy:0,0))})),n.find((function(e){return ut(e[0])||ut(e[1])}))||Of}},{key:"checkPoint",value:function(e){var t=this.check([e]);return D.d.add([],e,t)}},{key:"getGuidesByPointPoint",value:function(e,t){for(var n,r,i=[],a=0,o=e.length;a<o;a++){n=e[a];for(var s=0,c=t.length;s<c;s++)$f(n,r=t[s])&&i.push([n,r,"x"]),Cf(n,r)&&i.push([n,r,"y"])}return i}},{key:"findGuide",value:function(e){var t=this,n=[];return this.snapTargetLayers.forEach((function(r){var i=t.getGuidesByPointPoint(e,r.verties);n.push.apply(n,i)})),n}},{key:"findGuideOne",value:function(e){return[this.findGuide(e)[0]]}}]),e}(),Tf=/^ME@/,Vf=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.join("|")},Df=function(){return"ME@"+Vf.apply(void 0,arguments)},If=function(e){function t(e){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return zn()(this,t),(n=Hn()(this,Xn()(t).call(this,e,r))).created(),n.initialize(),n.initializeStoreEvent(),n}return _n()(t,e),Bn()(t,[{key:"initializeProperty",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};si()(Xn()(t.prototype),"initializeProperty",this).call(this,e,n),e&&e.$store&&(this.$store=e.$store),e&&e.$editor&&(this.$editor=e.$editor)}},{key:"created",value:function(){}},{key:"getRealEventName",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"ME@",n=e.indexOf(t);return e.substr(n<0?0:n+t.length)}},{key:"splitMethod",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=Ot(e.split("|"),t),i=k()(r,2),a=i[0],o=i[1];return[a.length?+o[0].target:n,a,o]}},{key:"initializeStoreEvent",value:function(){var e=this;this.filterProps(Tf).forEach((function(t){var n=e.getRealEventName(t,"ME@"),r=e.splitMethod(n,"debounce"),i=k()(r,2),a=i[0],o=i[1],s=e.splitMethod(n,"throttle"),c=k()(s,2),l=c[0],u=c[1];n.split("|").filter((function(e){return-1===o.indexOf(e)&&-1===u.indexOf(e)})).map((function(e){return e.trim()})).forEach((function(n){var r=e[t].bind(e);r.displayName="".concat(e.sourceName,".").concat(n),r.source=e.source,e.$store.on(n,r,e,a,l)}))}))}},{key:"destoryStoreEvent",value:function(){this.$store.offAll(this)}},{key:"destroy",value:function(){si()(Xn()(t.prototype),"destroy",this).call(this),this.destoryStoreEvent()}},{key:"rerender",value:function(){si()(Xn()(t.prototype),"rerender",this).call(this),this.initialize(),this.initializeStoreEvent()}},{key:"emit",value:function(e){var t;this.$store.source=this.source,this.$store.sourceContext=this;for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];(t=this.$store).emit.apply(t,[e].concat(r))}},{key:"nextTick",value:function(e){this.$store.nextTick(e)}},{key:"trigger",value:function(e){var t;this.$store.source=this.source;for(var n=arguments.length,r=new Array(n>1?n-1:0),i=1;i<n;i++)r[i-1]=arguments[i];(t=this.$store).trigger.apply(t,[e].concat(r))}},{key:"on",value:function(e,t){this.$store.on(e,t)}},{key:"off",value:function(e,t){this.$store.off(e,t)}},{key:"$i18n",value:function(e){return this.$editor.i18n(e)}},{key:"$initI18n",value:function(e){return this.$editor.initI18n(e)}},{key:"command",value:function(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),i=2;i<n;i++)r[i-2]=arguments[i];return this.$editor.isPointerUp?this.emit.apply(this,["history.".concat(e),t].concat(r)):this.emit.apply(this,[e].concat(r))}},{key:"$theme",value:function(e){return this.$editor.themeValue(e)}},{key:"$config",get:function(){return this.$editor.config}},{key:"$selection",get:function(){return this.$editor.selection}},{key:"$viewport",get:function(){return this.$editor.viewport}},{key:"$snapManager",get:function(){return this.$editor.snapManager}},{key:"$timeline",get:function(){return this.$editor.timeline}},{key:"$history",get:function(){return this.$editor.history}},{key:"$shortcuts",get:function(){return this.$editor.shortcuts}},{key:"$keyboardManager",get:function(){return this.$editor.keyboardManager}},{key:"$storageManager",get:function(){return this.$editor.storageManager}}]),t}(Ci),Mf={x:0,y:0},Lf={x:Number.MAX_SAFE_INTEGER,y:Number.MAX_SAFE_INTEGER},Rf=function(e){return new(function(t){function n(){return zn()(this,n),Hn()(this,Xn()(n).apply(this,arguments))}return _n()(n,t),Bn()(n,[{key:"initialize",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.$editor=new jf,this.$store=this.$editor.store,this.$container=rr.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 e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;this.$config.set("body.move.ms",e);var t=0===e?this.loopBodyMoves.bind(this):Ke(this.loopBodyMoves.bind(this),this.$config.get("body.move.ms"));this.funcBodyMoves=t}},{key:"loopBodyMoves",value:function(){var e=this.$config.get("pos"),t=this.$config.get("bodyEvent"),n=this.$config.get("lastPos")||Lf;!(n.x===e.x&&n.y===e.y)&&this.moves.size&&(this.moves.forEach((function(n){var r=G(e.x,e.y,n.xy.x,n.xy.y);if(Math.abs(r)>.5){var i=Math.floor(e.x-n.xy.x),a=Math.floor(e.y-n.xy.y);n.func.call(n.context,i,a,"move",t.pressure)}})),this.$config.set("lastPos",e)),requestAnimationFrame(this.funcBodyMoves)}},{key:"removeBodyMoves",value:function(){var e=this.$config.get("pos"),t=this.$config.get("bodyEvent");e&&this.ends.forEach((function(n){n.func.call(n.context,e.x-n.xy.x,e.y-n.xy.y,"end",t.pressure)})),this.moves.clear(),this.ends.clear()}},{key:Df("add/body/mousemove"),value:function(e,t,n){this.moves.add({func:e,context:t,xy:n})}},{key:Df("add/body/mouseup"),value:function(e,t,n){this.ends.add({func:e,context:t,xy:n})}},{key:"getClassName",value:function(){return e.className||"csseditor"}},{key:"getContainer",value:function(){return e.container||document.body}},{key:"template",value:function(){return e.template||"<div></div>"}},{key:"components",value:function(){return e.components||{}}},{key:Vr("document"),value:function(e){var t=e.xy||Mf;this.$config.set("bodyEvent",e),this.$config.set("pos",t),this.requestId||(this.requestId=requestAnimationFrame(this.funcBodyMoves))}},{key:Dr("document"),value:function(e){this.$config.set("bodyEvent",e),this.removeBodyMoves(),cancelAnimationFrame(this.requestId),this.requestId=null}},{key:jr("window")+Yr(100),value:function(){this.emit("resize.window")}},{key:"commands",get:function(){return this.$editor.commands}},{key:"shortcuts",get:function(){return this.$editor.shortcuts}}]),n}(If))(e)},Af={App:v,Color:Mn,HueColor:Rn,ColorNames:sn,Dom:rr,EventMachine:Ci,UIElement:If},zf={"image-resource":"Image",url:"Image",image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(xf.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(xf.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(xf.repeat," Conic")},Ff={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"},Bf=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return qg}},{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(e){return So.parseStyle(kt(e))}},{key:"setValue",value:function(e){this.setState({value:e,images:this.parseBackgroundImage(e)})}},{key:"template",value:function(){var e=this.state.hideLabel?"hide":"";return("\n            <div class='background-image-editor' >\n                <div class='label ".concat(e,"'>\n                    <label>").concat(this.props.title||"","</label>\n                    <div class='tools'>\n                        <button type=\"button\" ref='$add'>").concat(xf.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(e,t){return"\n        <div class='popup-item'>\n          <object refClass=\"BlendSelectEditor\" \n                ref='$blend_".concat(e,"' \n                key='blendMode' \n                value=\"").concat(t,'" \n                params="').concat(e,'" \n                onchange="changeRangeEditor" \n            />\n        </div>\n        ')}},{key:Jr("$fillList"),value:function(){var e=this,t=this.$selection.current||{color:"black"};return this.state.images.map((function(n,r){var i=n.image,a=Ff[i.type],o=zf[i.type],s=n.selected?"selected":"";return n.selected&&(e.selectedIndex=r),"\n            <div class='fill-item ".concat(s,"' data-index='").concat(r,"' ref=\"fillIndex").concat(r,"\"  draggable='true' data-fill-type=\"").concat(a,'" >\n                <object refClass="BackgroundPositionEditor" \n                    key="background-position"\n                    index="').concat(r,'"\n                    ref="$bp').concat(r,'"\n                    x="').concat(n.x,'"\n                    y="').concat(n.y,'"\n                    width="').concat(n.width,'"\n                    height="').concat(n.height,'"\n                    repeat="').concat(n.repeat,'"\n                    size="').concat(n.size,'"\n                    blendMode="').concat(n.blendMode,'"     \n                    onchange=\'changePattern\' />\n                <object refClass="GradientSingleEditor" \n                    index="').concat(r,'"\n                    ref="$gse').concat(r,'"\n                    image="').concat(n.image,'"\n                    color="').concat(t.color,"\"\n                    key=\"background-image\"\n                    onchange='changePattern'\n\n                />\n                <div class='fill-info'>\n                  <div class='gradient-info'>\n                    <div class='fill-title' ref=\"fillTitle").concat(r,'">').concat(o,"</div>\n                    <div class='blend'>\n                      ").concat(e.templateForBlendMode(r,n.blendMode),"\n                    </div>\n                    <div class='tools'>\n                      <button type=\"button\" class='remove' data-index='").concat(r,"'>").concat(xf.remove2,"</button>\n                    </div>\n                  </div>\n                </div>\n            </div>\n            ")}))}},{key:"modifyBackgroundImage",value:function(){var e=bt(So.toPropertyCSS(this.state.images));this.parent.trigger(this.props.onchange,this.props.key,e)}},{key:Df("add"),value:function(){this.state.images.push(new So({image:new to({angle:90,colorsteps:[new Fa({percent:0,color:"white",index:0}),new Fa({percent:100,color:"black",index:1})]})})),this.refresh(),this.modifyBackgroundImage()}},{key:pr("$add"),value:function(){this.trigger("add")}},{key:yr("$fillList .fill-item"),value:function(e){this.startIndex=+e.$dt.attr("data-index")}},{key:mr("$fillList .fill-item")+Zr,value:function(e){}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortBackgroundImage",value:function(e,t){this.sortItem(this.state.images,e,t)}},{key:gr("$fillList .fill-item")+Zr,value:function(e){var t=+e.$dt.attr("data-index");this.selectItem(this.startIndex,!0),this.sortBackgroundImage(this.startIndex,t),this.refresh(),this.modifyBackgroundImage()}},{key:"getCurrentBackgroundImage",value:function(){return this.state.images[this.selectedIndex]}},{key:pr("$fillList .tools .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.state.images.splice(t,1),this.refresh(),this.modifyBackgroundImage()}},{key:"selectItem",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t?this.refs["fillIndex".concat(e)].addClass("selected"):this.refs["fillIndex".concat(e)].removeClass("selected"),this.state.images.forEach((function(t,n){t.selected=n===e}))}},{key:Df("selectFillPopupTab"),value:function(e,t){var n=Ff[e];this.refs["fillIndex".concat(this.selectedIndex)].attr("data-fill-type",n)}},{key:Df("changeRangeEditor"),value:function(e,t,n){this.trigger("changePattern",e,m()({},e,t),n)}},{key:Df("changePattern")+Yr(10),value:function(e,t,n){var r=+n;this.state.images[r].reset(t),this.modifyBackgroundImage(),this.refresh()}}]),t}(If),Gf=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],boxShadows:ba.parseStyle(this.props.value||"")}}},{key:"template",value:function(){var e=this.state.hideLabel?"hide":"";return('\n      <div class="box-shadow-editor" >\n        <div class=\'label '.concat(e,"' >\n            <label>").concat(this.props.title||"",'</label>\n            <div class=\'tools\'>\n              <button type="button" ref="$add" title="add Box Shadow">').concat(xf.add,"</button> ").concat(this.props.title?"":"Add","\n            </div>\n        </div>\n        <div class='box-shadow-list' ref='$shadowList'></div>\n      </div>\n    "))}},{key:Jr("$shadowList"),value:function(){var e=this.state.boxShadows.map((function(e,t){return'\n        <div class="shadow-item real" data-index="'.concat(t,'">\n          <div class="color">\n            <div class=\'color-view\' style="background-color: ').concat(e.color,'">\n            </div>\n          </div>\n          <div class="inset" data-value="').concat(e.inset,'">').concat(xf.check,'</div>\n          <div class="offset-x">').concat(e.offsetX,'</div>\n          <div class="offset-y">').concat(e.offsetY,'</div>\n          <div class="blur-radius">').concat(e.blurRadius,'</div>\n          <div class="spread-radius">').concat(e.spreadRadius,'</div>\n          <div class="tools">\n            <button type="button" class="remove" data-index="').concat(t,'">\n              ').concat(xf.remove2,"\n            </button>\n          </div>\n        </div>\n      ")}));return e.length&&e.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      ')),e.join("")}},{key:Df("refreshSelection"),value:function(){this.refresh()}},{key:"modifyBoxShadow",value:function(){var e=this.state.boxShadows.join(", ");this.parent.trigger(this.props.onchange,e)}},{key:Df("add"),value:function(){this.state.boxShadows.push(new ba({offsetX:nr.px(2),offsetY:nr.px(2),blurRadius:nr.px(3),spreadRadius:nr.px(1)})),this.refresh(),this.modifyBoxShadow()}},{key:pr("$add"),value:function(){this.trigger("add")}},{key:pr("$shadowList .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.state.boxShadows.splice(t,1),this.refresh(),this.modifyBoxShadow(),this.emit("hideBoxShadowPropertyPopup")}},{key:pr("$shadowList .shadow-item.real > div:not(.tools)"),value:function(e){var t=+e.$dt.closest("shadow-item").attr("data-index"),n=this.state.boxShadows[t];this.viewShadowPopup(n,t)}},{key:"viewShadowPopup",value:function(e,t){this.selectedIndex=t,this.viewBoxShadowPropertyPopup(e)}},{key:"viewBoxShadowPropertyPopup",value:function(e){this.emit("showBoxShadowPropertyPopup",{changeEvent:"changeBoxShadowEditorPopup",color:e.color,inset:e.inset,offsetX:e.offsetX,offsetY:e.offsetY,blurRadius:e.blurRadius,spreadRadius:e.spreadRadius},{id:this.id})}},{key:Df("changeBoxShadowEditorColor"),value:function(e){this.trigger("changeBoxShadowEditorPopup",{color:e})}},{key:Df("changeBoxShadowEditorPopup"),value:function(e,t){if(t.id===this.id){var n=this.state.boxShadows[this.selectedIndex];n&&(n.reset(e),this.refresh(),this.modifyBoxShadow())}}}]),t}(If),Hf=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props["key-value-char"]||":",t=this.props.split||",",n=(this.props.options||"").split(t).map((function(e){return e.trim()})),r=this.props.value,i=this.props.tabindex;return{keyValueChar:e,splitChar:t,label:this.props.label||"",options:n,value:r,tabIndex:i}}},{key:"template",value:function(){var e=this.state,t=e.label,n=e.tabIndex?'tabIndex="1"':"";return"\n            <div class='select-editor ".concat(t?"has-label":"","'>\n                ").concat(t?'<label title="'.concat(t,'">').concat(t,"</label>"):"","\n                <select ref='$options' ").concat(n,"></select>\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:"setValue",value:function(e){this.state.value=e+"",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:ni("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Jr("$options"),value:function(){var e=this;return this.state.options.map((function(t){var n=t;if((a=t).includes(e.state.keyValueChar)){var r=a.split(e.state.keyValueChar),i=k()(r,2),a=i[0];n=i[1]}""===n?n=e.props["none-value"]?e.props["none-value"]:"":"-"===n&&(n="----------",a="");var o=a===e.state.value?"selected":"";return"<option ".concat(o,' value="').concat(a,'">').concat(n,"</option>")}))}},{key:"setOptions",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.setState({options:e.split(this.state.splitChar).map((function(e){return e.trim()}))})}},{key:kr("$options"),value:function(){this.updateData({value:this.refs.$options.value})}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}]),t}(If),Nf=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Hf}}},{key:"initState",value:function(){var e=this.props.units||"px,em,%",t=nr.parse(this.props.value||nr.z());return{removable:"true"===this.props.removable,calc:"true"===this.props.calc,compact:"true"===this.props.compact,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:e,value:t}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:"refresh",value:function(){this.load()}},{key:Jr("$body"),value:function(){var e=this.state,t=e.min,n=e.max,r=e.step,i=e.label,a=e.removable,o=e.layout,s=e.compact,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=o,u=(+c).toString(),h=this.state.units.split(",").map((function(e){var t=e;return"number"===t&&(t=""),"".concat(e,":").concat(t)})).join(",");return'\n        <div \n            ref="$range"\n            class="'.concat(wt(m()({"range-editor":!0,"has-label":!!i,compact:!!s,"is-removable":a},l,!0)),'"\n        >\n            ').concat(i?'<label title="'.concat(i,'">').concat(i,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <input type='range' ref='$property' value=\"").concat(u,'" min="').concat(t,'" max="').concat(n,'" step="').concat(r,"\" /> \n                <div class='area' ref='$rangeArea'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(u,'" min="').concat(t,'" max="').concat(n,'" step="').concat(r,'" tabIndex="1" />\n                    <object refClass="SelectEditor"  ref=\'$unit\' key=\'unit\' value="').concat(this.state.selectedUnit||this.state.value.unit,'" options="').concat(h,"\" onchange='changeUnit' />\n                </div>\n            </div>\n            <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(xf.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(e){this.setState({value:nr.parse(e)})}},{key:wr("$propertyNumber"),value:function(e){this.refs.$rangeArea.addClass("focused")}},{key:Pr("$propertyNumber"),value:function(e){this.refs.$rangeArea.removeClass("focused")}},{key:pr("$remove"),value:function(e){this.updateData({value:""})}},{key:"updateData",value:function(e){this.setState(e,!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 nr(0,this.children.$unit.getValue()))}},{key:xr("$propertyNumber"),value:function(e){var t=+this.getRef("$propertyNumber").value;this.getRef("$property").val(t),this.initValue(),this.updateData({value:new nr(t,this.children.$unit.getValue())})}},{key:Cr("$property")+Wr("moveRange")+Ur("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeValue")}},{key:Df("changeValue")+Kr(100),value:function(){var e=+this.getRef("$property").value;this.refs.$propertyNumber.val(e),this.initValue(),this.updateData({value:new nr(e,this.children.$unit.getValue())})}},{key:Df("changeUnit"),value:function(e,t){this.initValue(),this.updateData({value:this.state.value.toUnit(t)})}}]),t}(If),Xf=[{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"}],Yf=Xf.map((function(e){return e.key})),_f=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Nf}}},{key:"initState",value:function(){return va.parseStyle(this.props.value)}},{key:"template",value:function(){return"<div class='border-radius-editor' ref='$body'></div>"}},{key:Df("changeBorderRadius"),value:function(e,t){var n=this;"border-radius"===e&&Yf.forEach((function(e){n.children["$".concat(e)].setValue(t.clone())})),this.setBorderRadius()}},{key:Jr("$body"),value:function(){var e=this,t=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(t,'" ref="$selector">\n          <button type="button" data-value="all">').concat(xf.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(xf.border_inner,'\n          </button>\n        </div>\n        <div class="radius-value">\n          <object refClass="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(Xf.map((function(t){var n=e.state[t.key],r=e.$i18n("border.radius.editor."+t.title);return'\n              <div>\n                  <object refClass="RangeEditor"  ref=\'$'.concat(t.key,"' label='").concat(r,"' key='").concat(t.key,"' value='").concat(n,"' onchange='changeBorderRadius' />\n              </div>  \n            ")})).join(""),"\n        </div>\n      </div>\n    ")}},{key:xr("$radiusSettingBox input"),value:function(e){this.setBorderRadius()}},{key:kr("$radiusSettingBox select"),value:function(e){this.setBorderRadius()}},{key:"setBorderRadius",value:function(){var e=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,Yf.forEach((function(t){e.state[t]=e.children["$".concat(t)].getValue()}))),this.modifyBorderRadius()}},{key:"modifyBorderRadius",value:function(){var e=this,t="";t=this.state.isAll?this.state["border-radius"]+"":Yf.map((function(t){return"".concat(e.state[t])})).join(" "),this.parent.trigger(this.props.onchange,t)}},{key:pr("$selector button"),value:function(e){var t=e.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",t),"all"===t?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderRadius()}}]),t}(If),Kf=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{params:this.props.params,color:this.props.color||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!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(e){this.setState({color:e})}},{key:"setValue",value:function(e){this.changeColor(e)}},{key:ni("$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:pr("$preview"),value:function(e){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorSingleEditor",color:this.state.color})}},{key:Df("changeColorSingleEditor"),value:function(e,t){this.refs.$miniView.cssText("background-color: ".concat(e)),this.updateData({color:e})}}]),t}(If),Wf=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{label:this.props.label,value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e),this.modifyColor()}},{key:"updateEndData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e),this.modifyEndColor()}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(e){this.changeColor(e)}},{key:"modifyColor",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"modifyEndColor",value:function(){this.parent.trigger(this.props.onchangeend,this.props.key,this.state.value,this.props.params)}},{key:"changeColor",value:function(e){this.setState({value:e})}},{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 e=this.state.label;return"\n            <div class='color-view-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","            \n                <div class='color-code'>\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                    <input type=\"text\" ref='$colorCode' value='").concat(this.state.value,'\' tabIndex="1" />\n                </div>\n            </div>\n        ')}},{key:ni("$miniView"),value:function(){return{style:{"background-color":this.state.value}}}},{key:ni("$colorCode"),value:function(){return{value:this.state.value}}},{key:wr("$colorCode"),value:function(e){this.refs.$colorCode.addClass("focused")}},{key:Pr("$colorCode"),value:function(e){this.refs.$colorCode.removeClass("focused")}},{key:pr("$preview"),value:function(e){this.viewColorPicker()}},{key:"viewColorPicker",value:function(){this.emit("showColorPickerPopup",{target:this,changeEvent:"changeColorViewEditor",changeEndEvent:"changeEndColorViewEditor",color:this.state.value})}},{key:pr("$remove"),value:function(e){this.updateData({value:""})}},{key:xr("$el .color-code input"),value:function(e){var t=e.$dt.value;this.refs.$miniView.cssText("background-color: ".concat(t)),this.updateData({value:t})}},{key:Df("changeColorViewEditor"),value:function(e){this.updateData({value:e})}},{key:Df("changeEndColorViewEditor"),value:function(e){this.updateEndData({value:e})}}]),t}(If),Uf=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{key:this.props.key,currentBezier:Pe(this.props.value||"linear"),currentBezierIndex:0,selectedColor:"#609de2",animatedColor:"#609de266",curveColor:"#609de2",baseLineColor:"rgba(117, 117, 117, 0.46)"}}},{key:"template",value:function(){var e=$t(this.state.currentBezier,150,150),t=Ct(this.state.currentBezier,150,150),n=$t("ease",30,30),r=Ct("ease",30,30),i=$t("ease-in",30,30),a=Ct("ease-in",30,30),o=$t("ease-out",30,30),s=Ct("ease-out",30,30);return"\n            <div class='cubic-bezier-editor'>\n                <div class='predefined'>\n                    <div class='left' ref='$left'>".concat(xf.chevron_left,"</div>\n                    <div class='predefined-text' ref='$text'></div>\n                    <div class='right' ref='$right'>").concat(xf.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                        <svg class='item-canvas' width=\"30\" height=\"30\" viewBox=\"0 0 30 30\">\n                            <path d=\"").concat(n,'" stroke="white" stroke-width="1" fill=\'none\' />\n                            <path d="').concat(r,'" stroke="gray" stroke-width="1" fill=\'none\' />\n                        </svg>\n                    </div>\n                    <div class=\'item\' data-bezier=\'ease-in\' title=\'ease-in\'>\n                        <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                            <path d="').concat(i,'" stroke="white" stroke-width="1" fill=\'none\' />\n                            <path d="').concat(a,'" stroke="gray" stroke-width="1" fill=\'none\' /> \n                        </svg>\n                    </div>\n                    <div class=\'item\' data-bezier=\'ease-out\' title=\'ease-out\'>\n                        <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                            <path d="').concat(o,'" stroke="white" stroke-width="1" fill=\'none\' />\n                            <path d="').concat(s,'" stroke="gray" stroke-width="1" fill=\'none\' />\n                        </svg>\n                    </div>\n                </div>\n                <div class=\'bezier\'>\n                    <svg class=\'bezier-canvas\' width="150" height="150" viewBox="0 0 150 150" overflow="visible">\n                        <path d="').concat(e,'" stroke="white" stroke-width="1" fill=\'none\' ref=\'$bezierCanvas\' />\n                        <path d="').concat(t,"\" stroke=\"gray\" stroke-width=\"1\" fill='none' ref='$bezierCanvasPoint' />\n                    </svg>                \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:ni("$bezierCanvas"),value:function(){return{d:$t(this.state.currentBezier,150,150)}}},{key:ni("$bezierCanvasPoint"),value:function(){return{d:Ct(this.state.currentBezier,150,150)}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e),this.modifyCubicBezier()}},{key:"modifyCubicBezier",value:function(){this.parent.trigger(this.props.onchange,this.state.key,je(this.state.currentBezier))}},{key:pr("$left"),value:function(){var e=this.state,t=e.currentBezier,n=e.currentBezierIndex;0==n?n=Se.length-1:--n;t=Se[n];this.updateData({currentBezierIndex:n,currentBezier:t}),this.refresh()}},{key:pr("$right"),value:function(){var e=this.state,t=e.currentBezier,n=e.currentBezierIndex;n=++n%Se.length,t=Se[n],this.updateData({currentBezierIndex:n,currentBezier:t}),this.refresh()}},{key:pr("$text"),value:function(){var e=j()(Se[this.state.currentBezierIndex]);this.updateData({currentBezier:e}),this.refresh()}},{key:pr("$itemList .item"),value:function(e){var t=e.$dt.attr("data-bezier");this.refs.$itemList.attr("data-selected-value",t);var n=Pe(t);this.updateData({currentBezier:n}),this.refresh()}},{key:"refresh",value:function(){this.refreshEasingText(),this.refreshBezierCanvas()}},{key:"refreshBezierCanvas",value:function(){this.bindData("$bezierCanvas"),this.bindData("$bezierCanvasPoint"),this.refreshPointer(),this.drawPoint()}},{key:"refreshEasingText",value:function(){this.refs.$text.html(this.state.currentBezier[4]||"ease")}},{key:"refreshPointer",value:function(){var e=Pe(this.state.currentBezier),t=this.refs.$control.width(),n=this.refs.$control.height(),r=e[0]*t,i=(1-e[1])*n;this.refs.$pointer1.css({left:nr.px(r).round(),top:nr.px(i).round()}),r=e[2]*t,i=(1-e[3])*n,this.refs.$pointer2.css({left:nr.px(r).round(),top:nr.px(i).round()})}},{key:"drawPoint",value:function(){var e=this;this.timer&&clearTimeout(this.timer),this.animationTimer&&clearTimeout(this.animationTimer),this.timer=setTimeout((function(){e.animationPoint()}),100)}},{key:"start",value:function(e){var t=this,n=this.animationCanvasData.func(e),r=10+(this.animationCanvasData.width-20)*n.y,i=this.animationCanvasData.context;i.beginPath(),i.arc(r,10,5,0,2*Math.PI),i.fill(),i.stroke(),i.closePath(),e>=1||(this.animationTimer=setTimeout((function(){t.start(e+.05)}),50))}},{key:"animationPoint",value:function(){var e=Pe(this.state.currentBezier),t=Ae(je(e));this.refs.$animationCanvas.clear();var n=this.refs.$animationCanvas.width(),r=this.refs.$animationCanvas.height(),i=this.refs.$animationCanvas.context();i.fillStyle=this.state.animatedColor,i.strokeStyle=this.state.selectedColor,i.lineWidth=1,this.animationCanvasData={func:t,width:n,height:r,context:i},this.start(0)}},{key:"setPosition",value:function(e){var t=this.refs.$control.width(),n=this.refs.$control.height(),r=this.refs.$control.offset().left,i=this.refs.$control.offset().top,a=e,o=a.x;0>o?o=0:a.x>document.body.clientWidth&&(o=document.body.clientWidth),(o-=r)<0&&(o=0),t<o&&(o=t);var s=a.y;return 0>s?s=0:a.y>document.body.clientHeight&&(s=document.body.clientHeight),s-=i,{x:R(o,t),y:s==n?0:(n-s)/n}}},{key:Cr("$pointer1")+Wr("movePointer1")+Ur("drawPoint"),value:function(e){this.clientX=e.clientX,this.clientY=e.clientY}},{key:"movePointer1",value:function(e,t){var n=this.setPosition({x:this.clientX+e,y:this.clientY+t});this.state.currentBezier[0]=n.x,this.state.currentBezier[1]=n.y,this.refreshBezierCanvas(),this.modifyCubicBezier()}},{key:Cr("$pointer2")+Wr("movePointer2")+Ur("drawPoint"),value:function(e){this.clientX=e.clientX,this.clientY=e.clientY}},{key:"movePointer2",value:function(e,t){var n=this.setPosition({x:this.clientX+e,y:this.clientY+t});this.state.currentBezier[2]=n.x,this.state.currentBezier[3]=n.y,this.refreshBezierCanvas(),this.modifyCubicBezier()}},{key:Df("showCubicBezierEditor"),value:function(e){var t=Pe(e||this.state.currentBezier);this.setState({currentBezier:t}),this.refresh()}}]),t}(If),Zf=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"getAllDropItems",value:function(e){var t=[];e.dataTransfer&&(t=j()(e.dataTransfer.types).map((function(t,n){if(t.includes("text"))return{kind:"string",type:t,data:e.dataTransfer.getData(t)}})).filter((function(e){return e})));var n=[];return e.dataTransfer&&(n=j()(e.dataTransfer.files)),[].concat(j()(t),j()(n))}}]),e}(),qf=["blur","grayscale","hue-rotate","invert","brightness","contrast","drop-shadow","opacity","saturate","sepia","svg"],Jf=["check","grid","dot","cross-dot","diagonal-line","vertical-line","horizontal-line"],Qf=["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"].join(","),ev={text:!0,points:!0,textLength:!0,startOffset:!0,lengthAdjust:!0},tv={d:!0},nv={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},rv=function(e){return ev[e]||!1},iv=function(e){return tv[e]||!1},av=function(e){return nv[e]||!1};function ov(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function sv(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ov(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ov(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var cv={blur:Ro.spec,grayscale:zo.spec,"hue-rotate":Fo.spec,invert:Bo.spec,brightness:Go.spec,contrast:Ho.spec,"drop-shadow":_o.spec,opacity:No.spec,saturate:Xo.spec,sepia:Yo.spec,svg:Ao.spec},lv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Hf,RangeEditor:Nf,ColorViewEditor:Wf}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],filters:Lo.parseStyle(this.props.value)}}},{key:"template",value:function(){var e=this.state.hideLabel?"hide":"";return("\n      <div class='filter-editor filter-list'>\n          <div class='label ".concat(e,"' >\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(xf.add,"</button>\n              </div>\n          </div>\n          <div class='filter-list' ref='$filterList'></div>\n      </div>"))}},{key:Jr("$filterSelect"),value:function(){var e=qf.map((function(e){return{title:e,value:e}})),t=this.getSVGFilterList();return(t.length?[].concat(j()(e),[{title:"-------",value:""}],j()(t)):j()(e)).map((function(e){var t=e.title,n=e.value;return"<option value='".concat(n,"'>").concat(t,"</option>")}))}},{key:"getSpec",value:function(e){return cv[e]}},{key:"makeDropShadowFilterTemplate",value:function(e,t,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(xf.remove2,'\n            </button>\n          </div>\n        </div>\n\n        <div class="filter-ui drop-shadow-color">\n          <object refClass="ColorViewEditor" \n            label="').concat(this.$i18n("filter.property.drop-shadow.color"),"\" \n            ref='$dropShadowColorView").concat(n,"' \n            params=\"").concat(n,'" \n            value="').concat(t.color,'" \n            onChange="changeDropShadowColor" />\n        </div>\n\n        ').concat(["offsetX","offsetY","blurRadius"].map((function(i){return'        \n            <div class="filter-ui drop-shadow">\n                <object refClass="RangeEditor"  \n                  ref=\'$'.concat(i).concat(n,"' \n                  label=\"").concat(r.$i18n("filter.property.drop-shadow.".concat(i)),'"\n                  key="').concat(n,'" \n                  min="').concat(e[i].min,'"\n                  min="').concat(e[i].max,'"\n                  params="').concat(i,'" \n                  value="').concat(t[i].value,'" units="').concat(e[i].units.join(","),'" onchange="changeRangeEditor" />\n            </div>')})).join(""),"\n      </div>\n    "))}},{key:"getSVGFilterList",value:function(){var e=this.$selection.currentProject,t=[];return e&&(t=e.svgfilters.map((function(e){return{title:"svg - #".concat(e.id),value:e.id}}))),t}},{key:"makeOneFilterEditor",value:function(e,t,n){if("svg"===t.type){var r="",i=this.$selection.currentProject;return i&&(r=(r=i.svgfilters.map((function(e){return e.id}))).length?","+r.join(","):""),'\n      <object refClass="SelectEditor"  \n        ref=\'$select'.concat(e,"' \n        key=\"").concat(e,'" \n        label="SVG Filter"\n        value="').concat(t.value,'" \n        options="').concat(r,'"\n        onchange="changeRangeEditor"  />')}return('\n      <object refClass="RangeEditor"  \n        ref=\'$range'.concat(e,"_").concat(t.type,"' \n        key=\"").concat(e,"\" \n        min='").concat(n.min,"'\n        max='").concat(n.max,"'\n        value=\"").concat(t.value,'" \n        units="').concat(n.units.join(","),'"   \n        onchange="changeRangeEditor" />\n      '))}},{key:"makeOneFilterTemplate",value:function(e,t,n){var r="svg"===t.type,i="".concat(this.$i18n("filter.property."+t.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?"":i,'">').concat(i,"</label>\n          ").concat("svg"!=t.type?'\n          <div class="filter-ui">\n            '.concat(this.makeOneFilterEditor(n,t,e),"\n          </div>\n        "):"\n          <div>\n            <span class='svg-filter-edit' data-index=\"".concat(n,'">').concat(t.value,"</span>\n          </div>\n        "),'          \n          <div class="filter-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(xf.remove2,"\n            </button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:"makeFilterTemplate",value:function(e,t){return"drop-shadow"===e.type?this.makeDropShadowFilterTemplate(this.getSpec(e.type),e,t):this.makeOneFilterTemplate(this.getSpec(e.type),e,t)}},{key:Jr("$filterList"),value:function(){var e=this;return this.state.filters.map((function(t,n){return e.makeFilterTemplate(t,n.toString())}))}},{key:yr("$filterList .filter-item .title label"),value:function(e){this.startIndex=+e.$dt.attr("data-index")}},{key:mr("$filterList .filter-item .title label")+Zr,value:function(e){}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortFilter",value:function(e,t){this.sortItem(this.state.filters,e,t)}},{key:gr("$filterList .filter-item")+Zr,value:function(e){var t=+e.$dt.attr("data-index");this.$selection.current&&(this.sortFilter(this.startIndex,t),this.refresh(),this.modifyFilter())}},{key:"modifyFilter",value:function(){var e=this.state.filters.join(" ");this.parent.trigger(this.props.onchange,e)}},{key:"makeFilter",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Lo.parse(sv({},t,{type:e}))}},{key:pr("$filterList .svg-filter-edit"),value:function(e){var t=+e.$dt.attr("data-index"),n=this.state.filters[t],r=this.$selection.currentProject;if(r){var i=r.getSVGFilterIndex(n.value);this.trigger("openSVGFilterPopup",i)}}},{key:Df("openSVGFilterPopup"),value:function(e){var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[e];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterRealUpdate",index:e,preview:!1,filters:t.filters})}},{key:Df("changeSVGFilterRealUpdate"),value:function(e){var t=this.$selection.currentProject;t&&(t.setSVGFilterValue(e.index,{filters:e.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}},{key:Df("add"),value:function(e){var t=this;"svg"===e?this.emit("addSVGFilterAssetItem",(function(n,r){t.state.filters.push(t.makeFilter(e,{value:r})),t.refresh(),t.modifyFilter(),t.trigger("openSVGFilterPopup",n)})):(this.state.filters.push(this.makeFilter(e)),this.refresh(),this.modifyFilter())}},{key:pr("$add"),value:function(){var e=this.refs.$filterSelect.value;this.trigger("add",e)}},{key:pr("$filterList .filter-menu .del"),value:function(e){var t=+e.$dt.attr("data-index");this.state.filters.splice(t,1),this.refresh(),this.modifyFilter()}},{key:Df("changeDropShadowColor"),value:function(e,t,n){var r=+n;this.state.filters[r].reset({color:t}),this.modifyFilter()}},{key:Df("changeRangeEditor"),value:function(e,t,n){n?this.state.filters[+e].reset(m()({},n,t)):this.state.filters[+e].reset({value:t}),this.modifyFilter()}},{key:Df("refreshSVGArea")+Yr(1e3),value:function(){this.load("$filterSelect"),this.load("$filterList")}}]),t}(If),uv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Hf}}},{key:"initState",value:function(){var e=this.props.units||"px,em,%",t=nr.parse(this.props.value||nr.z()),n=this.props.label||"";return xf[n]&&(n=xf[n]),{removable:"true"===this.props.removable,label:n,compact:"true"===this.props.compact,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:e,value:t}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:Jr("$body"),value:function(){var e=this.state,t=e.min,n=e.max,r=e.step,i=e.label,a=e.compact,o=e.removable,s=e.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=s,u=(+c).toString();return'\n        <div \n            ref="$range",\n            class="'.concat(wt(m()({"input-range-editor":!0,"has-label":!!i,compact:!!a,"is-removable":o},l,!0)),'"\n        >\n            ').concat(i?"<label>".concat(i,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(u,'" min="').concat(t,'" max="').concat(n,'" step="').concat(r,'" tabIndex="1" />\n                    \n                    <object refClass="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(xf.remove,"</button>\n        </div>\n    ")}},{key:"getValue",value:function(){return this.state.value.clone()}},{key:"setValue",value:function(e){this.setState({value:nr.parse(e)},!1),this.refs.$propertyNumber.val(this.state.value.value),this.refs.$unit.val(this.state.value.unit)}},{key:wr("$propertyNumber"),value:function(e){this.refs.$range.addClass("focused")}},{key:Pr("$propertyNumber"),value:function(e){this.refs.$range.removeClass("focused")}},{key:pr("$remove"),value:function(e){this.updateData({value:""})}},{key:"updateData",value:function(e){this.setState(e,!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 nr(0,this.children.$unit.getValue()))}},{key:xr("$propertyNumber"),value:function(e){var t=+this.getRef("$propertyNumber").value;this.initValue(),this.updateData({value:new nr(t,this.children.$unit.getValue())})}},{key:Df("changeUnit"),value:function(e,t){this.initValue(),this.updateData({value:this.state.value.toUnit(t)})}},{key:Df("changeVarType"),value:function(e,t){this.updateData({value:new nr(this.refs.$calc.value,t)})}}]),t}(If),hv=["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"],pv=["static-gradient","linear-gradient","repeating-linear-gradient","radial-gradient","repeating-radial-gradient","conic-gradient","repeating-conic-gradient","image-resource"],dv={"image-resource":xf.photo},fv={"radial-gradient":!0,"repeating-radial-gradient":!0,"conic-gradient":!0,"repeating-conic-gradient":!0},vv={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%"]},yv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{InputRangeEditor:uv,RangeEditor:Nf,SelectEditor:Hf}}},{key:"initState",value:function(){return{index:+(this.props.index||0),value:this.props.value,image:So.parseImage(this.props.value||"")||{type:"",colorsteps:[]}}}},{key:"setValue",value:function(e){this.setState({image:So.parseImage(e)},!1),this.refresh(),this.parent.trigger("changeTabType",this.state.image.type)}},{key:"template",value:function(){var e=this.state.image,t=(e=e||{}).type||"static-gradient";return"url"===t&&(t="image-resource"),"\n        <div class='gradient-editor' data-selected-editor='".concat(t,"'>\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(xf.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(xf.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(xf.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(xf.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(xf.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(xf.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(xf.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(xf.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(pv.map((function(e){return"<span class='picker-tab-item ".concat(e,"' data-editor='").concat(e,"'><span class='icon'>").concat(dv[e]||"","</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</label>\n              <object refClass='InputRangeEditor' ref='$range' calc=\"false\" key='length' onchange='changeColorStepOffset' />\n            </div>\n            <div class='tools' data-editor='tools'>\n              <label for='gradientConnected").concat(this.id,"'>connected </label>\n              <input type='checkbox'  id='gradientConnected").concat(this.id,"' ref='$cut' checked />\n            </div>\n            <div class='sub-editor' ref='$subEditor'> \n              <div data-editor='angle'>\n                <object refClass=\"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                <object refClass=\"RangeEditor\" label='Center X' ref='$radialPositionX' calc=\"false\" value=\"50%\"  key='radialPositionX' onchange='changeKeyValue' />\n              </div>                \n              <div data-editor='centerY'>                      \n                <span ref=\"RangeEditor\" label='Center Y' ref='$radialPositionY' calc=\"false\" value=\"50%\" key='radialPositionY' onchange='changeKeyValue' />\n              </div>                \n              <div data-editor='radialType'>              \n                <object refClass=\"SelectEditor\" label='Radial Type' ref='$radialType' value=\"\" options=\"").concat(hv.join(","),"\" key='radialType' onchange='changeKeyValue' />\n              </div>\n\n            </div>            \n        </div>\n      ")}},{key:kr("$file"),value:function(e){var t=this;this.$selection.currentProject&&j()(e.target.files).forEach((function(e){t.emit("updateImageAssetItem",e,(function(e){t.trigger("setImageUrl",e)}))}))}},{key:pr("$el .preset-position [data-value]"),value:function(e){var t=e.$dt.attr("data-value");vv[t]&&(this.state.image.radialPosition=ht(vv[t]),this.refresh(),this.updateData())}},{key:dr("$gradientView")+Zr,value:function(e){this.state.image.radialPosition=["50%","50%"],this.refresh(),this.updateData()}},{key:Cr("$gradientView")+Wr("moveDragPosition"),value:function(e){var t=this.refs.$dragPosition.parent();this.containerRect=t.rect(),this.startXY=e.xy}},{key:"moveDragPosition",value:function(e,t){var n=this.startXY.x+e,r=this.startXY.y+t;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 i=nr.percent((n-this.containerRect.x)/this.containerRect.width*100),a=nr.percent((r-this.containerRect.y)/this.containerRect.height*100);this.state.image.radialPosition=[i,a],this.bindData("$dragPosition"),this.bindData("$gradientView"),this.children.$radialPositionX.setValue(i),this.children.$radialPositionY.setValue(a),this.updateData()}},{key:pr("$tab .picker-tab-item"),value:function(e){var t=e.$dt.attr("data-editor");this.$el.attr("data-selected-editor",t),this.parent.trigger("changeTabType",t);var n="image-resource"===t?this.state.image.url:this.state.url;this.state.image=So.changeImageType({type:t,url:n,colorsteps:this.state.image.colorsteps||[],angle:nr.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(e){"linear-gradient"===(e=this.$el.attr("data-selected-editor"))||"repeating-linear-gradient"===e?this.emit("addStatusBarMessage",""):this.emit("addStatusBarMessage","Drag if you want to move center position")}},{key:Df("changeKeyValue"),value:function(e,t){"angle"===e&&(t=t.value),this.state.image[e]=t,"radialPositionX"!==e&&"radialPositionY"!==e||(this.state.image.radialPosition=[this.state.image.radialPositionX||"50%",this.state.image.radialPositionY||"50%"]),this.bindData("$gradientView"),this.updateData()}},{key:Df("changeColorStepOffset"),value:function(e,t){this.currentStep&&(this.currentStep.percent=t.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:pr("$back"),value:function(e){var t=this.refs.$stepList.rect(),n=t.x,r=t.right,i=e.xy.x;i<n?i=n:i>r&&(i=r);var a=(i-n)/t.width*100;this.state.image.insertColorStep(a),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:ni("$el"),value:function(){var e=this.state.image.type;return"url"===e&&(e="image-resource"),this.parent.trigger("changeTabType",e),{"data-selected-editor":e}}},{key:ni("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:ni("$gradientView"),value:function(){var e=this.state.image.type,t="auto";return"url"!==e&&"image-resource"!==e||(t="cover"),{style:{"background-image":this.state.image.toString(),"background-size":t,"background-repeat":"no-repeat"}}}},{key:ni("$dragPosition"),value:function(){var e="50%",t="50%";if(fv[this.state.image.type]){var n=k()(this.state.image.radialPosition,2);e=n[0],t=n[1]}return{style:{left:e,top:t}}}},{key:Jr("$stepList"),value:function(){var e=this;return(this.state.image.colorsteps||[]).map((function(t,n){var r=e.$selection.isSelectedColorStep(t.id)?"selected":"";return("\n      <div class='step ".concat(r,"' data-id='").concat(t.id,"' data-cut='").concat(t.cut,"' style='left: ").concat(t.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(t.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(t.color,'"></div>\n      </div>'))}))}},{key:pr("$cut"),value:function(){this.currentStep&&(this.currentStep.cut=this.refs.$cut.checked(),this.refresh(),this.updateData())}},{key:"removeStep",value:function(e){this.state.image.removeColorStep(e),this.refresh(),this.updateData()}},{key:"selectStep",value:function(e){var t=this;this.state.id=e,this.$selection.selectColorStep(e),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find((function(e){return t.$selection.isSelectedColorStep(e.id)})),this.refs.$cut.checked(this.currentStep.cut),this.children.$range.setValue(nr.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:Cr("$stepList .step")+Wr(),value:function(e){var t=e.$dt.attr("data-id");if(e.altKey)return this.removeStep(t),!1;this.selectStep(t),this.startXY=e.xy,this.cachedStepListRect=this.refs.$stepList.rect()}},{key:"getStepListRect",value:function(){return this.cachedStepListRect}},{key:"move",value:function(e,t){var n=this.getStepListRect(),r=n.x,i=n.right,a=this.startXY.x+e;a<r?a=r:a>i&&(a=i);var o=(a-r)/n.width*100;this.currentStep.percent=o,this.children.$range.setValue(nr.percent(o)),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:"refresh",value:function(){this.load()}},{key:"getLinearGradient",value:function(){var e=this.state.image;return"linear-gradient(to right, ".concat(Na.toColorString(e.colorsteps),")")}},{key:Df("setColorStepColor"),value:function(e){"static-gradient"===this.state.image.type?(this.state.image.colorsteps[0].color=e,this.refresh(),this.updateData()):this.currentStep&&(this.currentStep.color=e,this.refresh(),this.updateData())}},{key:Df("setImageUrl"),value:function(e){this.state.image&&(this.state.url=e,this.state.image.reset({url:e}),this.refresh(),this.updateData())}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.parent.trigger(this.props.onchange,this.state.image.toString())}}]),t}(If);function gv(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var mv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props.value;e="infinite"===e?new nr(0,"infinite"):nr.number(e.split("normal")[0]);var n=this.props.units||"px,em,%";return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?gv(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):gv(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"initState",this).call(this),{},{key:this.props.key,params:this.props.params||"",units:n,value:e})}}]),t}(Nf),bv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props.value.split(";").filter((function(e){return e.trim()})).map((function(e){var t=e.split(":"),n=k()(t,2),r=n[0],i=n[1];return{key:r=r.replace("--",""),value:i}}));return{hideLabel:"true"==this.props["hide-label"],params:this.props.params||"",values:e}}},{key:"template",value:function(){var e=this.state.hideLabel?"hide":"";return("\n        <div class='var-editor var-list'>\n            <div class='label ".concat(e,"' >\n                <label>").concat(this.props.title||"",'</label>\n                <div class=\'tools\'>\n                    <button type="button" ref="$add" title="add Var">').concat(xf.add,"</button>\n                </div>\n            </div>\n            <div class='var-list' ref='$varList'></div>\n        </div>"))}},{key:Df("add"),value:function(){this.state.values.push({key:"",value:""}),this.refresh(),this.updateData()}},{key:pr("$add"),value:function(){this.trigger("add")}},{key:Jr("$varList"),value:function(){return this.state.values.map((function(e,t){return'\n                <div class=\'var-item\' >\n                    <div>\n                        <input type="text" data-type="key" value="'.concat(e.key,'" data-index="').concat(t,'"  placeholder="variable" />\n                    </div>\n                    <div>\n                        <input type="text" data-type="value" value="').concat(e.value,'" data-index="').concat(t,'"  placeholder="value" />\n                    </div>\n                    <div class="tools">\n                        <button type="button" class="del" data-index="').concat(t,'">\n                        ').concat(xf.remove2,"\n                        </button>\n                    </div>\n                </div>\n            ")}))}},{key:pr("$varList .del"),value:function(e){var t=+e.$dt.attr("data-index");this.state.values.splice(t,1),this.refresh(),this.updateData()}},{key:xr("$varList input"),value:function(e){var t=+e.$dt.attr("data-index"),n=e.$dt.attr("data-type");this.state.values[t][n]=e.$dt.value,this.updateData()}},{key:"updateData",value:function(e){var t=this.state.values.map((function(e){return"".concat(e.key,":").concat(e.value)})).join(";");this.parent.trigger(this.props.onchange,t,this.props.params)}}]),t}(If);ki({VarEditor:bv});var kv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=nr.parse(this.props.value||nr.number(0));e=e.toUnit("number");var t=this.props.label||"";return xf[t]&&(t=xf[t]),{label:t,compact:"true"===this.props.compact,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:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:Jr("$body"),value:function(){var e=this.state,t=e.min,n=e.max,r=e.step,i=e.label,a=e.type,o=e.layout,s=e.compact,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=i?"has-label":"",u=s?"compact":"",h=o,p=(+c).toString();return"\n        <div class='number-input-editor ".concat(l," ").concat(u," ").concat(h,"' data-selected-type='").concat(a,"'>\n            ").concat(i?"<label>".concat(i,"</label>"):"","\n            <div class='range-editor-type' data-type='range'>\n                <div class='area'>\n                    <input type='number' ref='$propertyNumber' value=\"").concat(p,'" min="').concat(t,'" 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(e){this.setState({value:nr.parse(e)})}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:xr("$propertyNumber"),value:function(e){var t=+this.getRef("$propertyNumber").value;this.updateData({value:this.state.value.set(t)})}}]),t}(If);function xv(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function wv(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?xv(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):xv(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Sv=["perspective","rotate","rotateX","rotateY","rotateZ","rotate3d","translate","translateX","translateY","translateZ","translate3d","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],Pv={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"]},jv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{NumberInputEditor:kv,RangeEditor:Nf}}},{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],transforms:Zi.parseStyle(this.props.value)}}},{key:"template",value:function(){var e=this,t=this.state.hideLabel?"hide":"";return"\n      <div class='transform-editor transform-list'>\n          <div class='label ".concat(t,"' >\n              <label>Transform</label>\n              <div class='tools'>\n                <select ref=\"$transformSelect\">\n                  ").concat(Sv.map((function(t){var n=e.$i18n("css.item."+t);return"<option value='".concat(t,"'>").concat(n,"</option>")})).join(""),'\n                </select>\n                <button type="button" ref="$add" title="add Transform">').concat(xf.add,"</button>\n              </div>\n          </div>\n          <div class='transform-list' ref='$transformList'></div>\n      </div>")}},{key:"getLabel",value:function(e,t){switch(e){case"scale":case"translate":case"translate3d":case"matrix":case"matrix3d":return Pv[e][t]}return""}},{key:"isMultiValue",value:function(e){switch(e){case"translate3d":case"matrix":case"matrix3d":return!0}return!1}},{key:"getRange",value:function(e){switch(e){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(e,t,n){var r=this;return('\n      <div class="transform-item" data-index="'.concat(n,'">\n        <div class="title" data-index="').concat(n,'">\n          <label draggable="true" >').concat(this.$i18n("css.item."+e),'</label>\n          <div class="transform-ui ').concat(e,'">\n            ').concat(t.value.map((function(t,i){var a=r.getLabel(e,i),o=r.getRange(e),s=o.min,c=o.max,l=o.step,u=o.units;return'\n                <div>\n                  <object refClass="RangeEditor"  \n                        ref=\'$range_'.concat(e,"_").concat(n,"_").concat(i,"' \n                        min=\"").concat(s,'" \n                        max="').concat(c,'" \n                        step="').concat(l,'" \n                        label="').concat(a,'"\n                        key="').concat(n,"\" \n                        params='").concat(i,"' \n                        value=\"").concat(t,'" \n                        units="').concat(u,'" \n                        onchange="changeRangeEditor" />\n                </div>')})).join(""),'      \n          </div>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(xf.remove2,"\n            </button>\n          </div>\n        </div>\n\n      </div>\n    "))}},{key:"makeMultiTransformTemplate",value:function(e,t,n){var r=this;return('\n      <div class="transform-item" data-index="'.concat(n,'">\n        <div class="title" data-index="').concat(n,'">\n          <label draggable="true" >').concat(this.$i18n("css.item."+e),'</label>\n          <div></div>\n          <div class="transform-menu">\n            <button type="button" class="del" data-index="').concat(n,'">\n              ').concat(xf.remove2,'\n            </button>\n          </div>\n        </div>\n        <div class="transform-ui ').concat(e,'">\n\n          ').concat("translate3d"===e?"\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"===e?"\n            <pre>\n  a | c | tx\t\n  b | d | ty\t\n  0 | 0 | 1</pre>\n          ":"","    \n          \n          ").concat("matrix3d"===e?"\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(e,"'>\n          ").concat(t.value.map((function(t,i){var a=r.getLabel(e,i),o=r.getRange(e),s=o.min,c=o.max,l=o.step,u=o.units;return'\n              <div>\n                <object refClass="NumberInputEditor"  \n                      ref=\'$range_'.concat(e,"_").concat(n,"_").concat(i,"' \n                      min=\"").concat(s,'" \n                      max="').concat(c,'" \n                      step="').concat(l,'" \n                      label="').concat(a,'"\n                      key="').concat(n,"\" \n                      params='").concat(i,"' \n                      value=\"").concat(t,'" \n                      units="').concat(u,'" \n                      onchange="changeRangeEditor" />\n              </div>')})).join(""),"   \n          </div>       \n        </div>\n      </div>\n    "))}},{key:"makeTransformTemplate",value:function(e,t){return this.isMultiValue(e.type)?this.makeMultiTransformTemplate(e.type,e,t):this.makeOneTransformTemplate(e.type,e,t)}},{key:Jr("$transformList"),value:function(){var e=this;return this.state.transforms.map((function(t,n){return e.makeTransformTemplate(t,n.toString())}))}},{key:yr("$transformList .transform-item .title label"),value:function(e){this.startIndex=+e.$dt.parent().attr("data-index")}},{key:mr("$transformList .transform-item")+Zr,value:function(e){}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortTransform",value:function(e,t){this.sortItem(this.state.transforms,e,t)}},{key:gr("$transformList .transform-item")+Zr,value:function(e){var t=+e.$dt.attr("data-index");this.$selection.current&&(this.sortTransform(this.startIndex,t),this.refresh(),this.modifyTransform())}},{key:"modifyTransform",value:function(){var e=this.state.transforms.join(" ");this.parent.trigger(this.props.onchange,e)}},{key:"getDefaultValue",value:function(e){switch(e){case"translateX":case"translateY":case"translateZ":return[nr.z()];case"rotateX":case"rotateY":case"rotateZ":case"rotate":case"skewY":case"skewX":case"perspective":return[nr.deg(0)];case"translate":return[nr.z(),nr.z()];case"translate3d":return[nr.z(),nr.z(),nr.z()];case"scale":return[nr.number(1),nr.number(1)];case"scaleX":case"scaleY":return[nr.number(1)];case"matrix":return[nr.number(1),nr.number(0),nr.number(0),nr.number(1),nr.number(0),nr.number(0)];case"matrix3d":return[nr.number(1),nr.number(0),nr.number(0),nr.number(0),nr.number(0),nr.number(1),nr.number(0),nr.number(0),nr.number(0),nr.number(0),nr.number(1),nr.number(0),nr.number(0),nr.number(0),nr.number(0),nr.number(1)]}return[nr.number(0)]}},{key:"makeTransform",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=this.getDefaultValue(e);return Zi.parse(wv({},t,{type:e,value:n}))}},{key:Df("add"),value:function(e){this.state.transforms.push(this.makeTransform(e)),this.refresh(),this.modifyTransform()}},{key:pr("$add"),value:function(){var e=this.refs.$transformSelect.value;this.trigger("add",e)}},{key:pr("$transformList .transform-menu .del"),value:function(e){var t=+e.$dt.attr("data-index");this.state.transforms.splice(t,1),this.refresh(),this.modifyTransform()}},{key:Df("changeRangeEditor"),value:function(e,t,n){n?this.state.transforms[+e].value[+n]=t:this.state.transforms[+e].reset({value:t}),this.modifyTransform()}}]),t}(If);ki({TransformEditor:jv});var Ov=[{key:"transform-origin-x",title:"X"},{key:"transform-origin-y",title:"Y"},{key:"transform-origin-z",title:"Z"}],$v=Ov.map((function(e){return e.key})),Cv={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%"},Ev=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Nf}}},{key:"initState",value:function(){var e=this.props.value.split(" "),t={isAll:!1,"transform-origin":nr.percent(50),"transform-origin-x":nr.percent(50),"transform-origin-y":nr.percent(50)};return this.props.value&&(1===e.length?(t.isAll=!0,t["transform-origin"]=nr.parse(e[0]),t["transform-origin-x"]=nr.parse(e[0]),t["transform-origin-y"]=nr.parse(e[0])):2==e.length&&(t.isAll=!1,t["transform-origin-x"]=nr.parse(e[0]),t["transform-origin-y"]=nr.parse(e[1]))),t}},{key:"template",value:function(){return"\n      <div class='transform-origin-editor'>\n        <div class='direction' ref='$direction'>\n          <div class='pos' data-value='top left'></div>        \n          <div class='pos' data-value='top'></div>\n          <div class='pos' data-value='top right'></div>\n          <div class='pos' data-value='left'></div>\n          <div class='pos' data-value='center'></div>\n          <div class='pos' data-value='right'></div>\n          <div class='pos' data-value='bottom left'></div>                   \n          <div class='pos' data-value='bottom'></div>\n          <div class='pos' data-value='bottom right'></div>\n        </div>\n        <div ref='$body'></div>\n      </div>\n    "}},{key:pr("$direction .pos"),value:function(e){var t=e.$dt.attr("data-value");this.state.isAll=!1;var n=Cv[t].split(" "),r=k()(n,2),i=r[0],a=r[1];this.state["transform-origin-x"]=nr.parse(i),this.state["transform-origin-y"]=nr.parse(a),this.refresh(),this.modifyTransformOrigin()}},{key:Df("changeTransformOrigin"),value:function(e,t){var n=this;"transform-origin"===e&&$v.forEach((function(e){n.children["$".concat(e)].setValue(t.toString())})),"transform-origin-z"===e&&(this.state[e]=t),this.setTransformOrigin()}},{key:Jr("$body"),value:function(){var e=this;return('\n      <div class="full transform-origin-item" ref="$partitialSetting" >\n        <div class="radius-setting-box" ref="$radiusSettingBox">\n          '.concat(Ov.map((function(t){return'\n              <div>\n                  <object refClass="RangeEditor"  ref=\'$'.concat(t.key,"' compact=\"true\" label='").concat(t.title,"' key='").concat(t.key,"' value=\"").concat(e.state[t.key],"\" onchange='changeTransformOrigin' />\n              </div>  \n            ")})).join(""),"\n        </div>\n      </div>\n    "))}},{key:"setTransformOrigin",value:function(){var e=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,$v.forEach((function(t){e.state[t]=e.children["$".concat(t)].getValue()}))),this.modifyTransformOrigin()}},{key:"modifyTransformOrigin",value:function(){var e="".concat(this.state["transform-origin-x"]," ").concat(this.state["transform-origin-y"]," ").concat(this.state["transform-origin-z"]||"0px");this.parent.trigger(this.props.onchange,this.props.key,e)}},{key:pr("$selector button"),value:function(e){var t=e.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",t),"all"===t?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setTransformOrigin()}}]),t}(If);ki({TransformOriginEditor:Ev});var Tv=[{key:"perspective-origin-x",title:"X"},{key:"perspective-origin-y",title:"Y"}],Vv=Tv.map((function(e){return e.key})),Dv={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%"},Iv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Nf}}},{key:"initState",value:function(){var e=this.props.value.split(" "),t={isAll:!0,"perspective-origin":nr.z(),"perspective-origin-x":nr.z(),"perspective-origin-y":nr.z()};return this.props.value&&(1===e.length?(t.isAll=!0,t["perspective-origin"]=nr.parse(e[0]),t["perspective-origin-x"]=nr.parse(e[0]),t["perspective-origin-y"]=nr.parse(e[0])):2==e.length&&(t.isAll=!1,t["perspective-origin-x"]=nr.parse(e[0]),t["perspective-origin-y"]=nr.parse(e[1]))),t}},{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:pr("$direction .pos"),value:function(e){var t=e.$dt.attr("data-value");this.state.isAll=!1;var n=Dv[t].split(" "),r=k()(n,2),i=r[0],a=r[1];this.state["perspective-origin-x"]=nr.parse(i),this.state["perspective-origin-y"]=nr.parse(a),this.refresh(),this.modifyPerspectiveOrigin()}},{key:Df("changePerspectiveOrigin"),value:function(e,t){var n=this;"perspective-origin"===e&&Vv.forEach((function(e){n.children["$".concat(e)].setValue(t.toString())})),this.setPerspectiveOrigin()}},{key:Jr("$body"),value:function(){var e=this,t=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(t,'" ref="$selector">\n          <button type="button" data-value="all">').concat(xf.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(xf.border_inner,'\n          </button>\n        </div>\n        <div class="radius-value">\n          <object refClass="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(Tv.map((function(t){var n=e.$i18n(t.title);return('\n              <div>\n                  <object refClass="RangeEditor"  ref=\'$'.concat(t.key,"' label='").concat(n,"' key='").concat(t.key,"' value=\"").concat(e.state[t.key],"\" onchange='changePerspectiveOrigin' />\n              </div>  \n            "))})).join(""),"\n        </div>\n      </div>\n    ")}},{key:"setPerspectiveOrigin",value:function(){var e=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,Vv.forEach((function(t){e.state[t]=e.children["$".concat(t)].getValue()}))),this.modifyPerspectiveOrigin()}},{key:"modifyPerspectiveOrigin",value:function(){var e="";e=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,e)}},{key:pr("$selector button"),value:function(e){var t=e.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",t),"all"===t?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setPerspectiveOrigin()}}]),t}(If),Mv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=nr.parse(this.props.value||nr.number(0));return e=e.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:e}}},{key:"template",value:function(){return"<div class='small-editor' ref='$body'></div>"}},{key:Jr("$body"),value:function(){var e=this.state,t=e.min,n=e.max,r=e.step,i=e.label,a=e.type,o=e.removable,s=e.layout,c=+this.state.value.value.toString();isNaN(c)&&(c=0);var l=i?"has-label":"",u=o?"is-removable":"",h=s,p=(+c).toString();return"\n        <div class='number-range-editor ".concat(l," ").concat(u," ").concat(h,"' data-selected-type='").concat(a,"'>\n            ").concat(i?'<label title="'.concat(i,'">').concat(i,"</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(t,'" max="').concat(n,'" step="').concat(r,"\" />\n                    <input type='number' ref='$propertyNumber' value=\"").concat(p,'" min="').concat(t,'" max="').concat(n,'" step="').concat(r,"\" tabIndex=\"1\" />\n                </div>\n            </div>\n            <button type='button' class='remove' ref='$remove' title='Remove'>").concat(xf.remove,"</button>\n        </div>\n    ")}},{key:"setMin",value:function(e){this.setState({min:nr.parse(e)})}},{key:"setMax",value:function(e){this.setState({max:nr.parse(e)})}},{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(e){this.setState({value:nr.parse(e)})}},{key:wr("$propertyNumber"),value:function(e){this.refs.$propertyNumber.addClass("focused")}},{key:Pr("$propertyNumber"),value:function(e){this.refs.$propertyNumber.removeClass("focused")}},{key:pr("$remove"),value:function(e){this.updateData({value:""})}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:xr("$propertyNumber"),value:function(e){var t=+this.getRef("$propertyNumber").value;this.getRef("$property").val(t),this.updateData({value:this.state.value.set(t)})}},{key:Cr("$property")+Wr("moveRange")+Ur("moveRange"),value:function(){}},{key:"moveRange",value:function(){this.trigger("changeValue")}},{key:Df("changeValue")+Kr(100),value:function(){var e=+this.getRef("$property").value;this.getRef("$propertyNumber").val(e),""===this.state.value&&(this.state.value=nr.number(0)),this.updateData({value:this.state.value.set(e)})}}]),t}(If),Lv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{clippath:this.props.value}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e),this.modifyClipPath()}},{key:"getValue",value:function(){return this.state.clippath}},{key:"setValue",value:function(e){this.setState({clippath:e})}},{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:Jr(),value:function(){var e=this.state.clippath;return"\n        <div class='clippath-item'>\n            <div class='name'>".concat(e,"</div>\n        </div>\n        ")}},{key:pr(),value:function(e){this.viewClipPathPicker()}},{key:"viewClipPathPicker",value:function(){this.emit("showClipPathPopup",{changeEvent:"changeClipPathEditor","clip-path":this.state.clippath})}},{key:Df("changeClipPathEditor"),value:function(e){this.updateData({clippath:e["clip-path"]})}}]),t}(If),Rv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{hideLabel:"true"===this.props["hide-label"],selectedIndex:-1,textShadows:Va.parseStyle(this.props.value)}}},{key:"template",value:function(){var e=this.state.hideLabel?"hide":"";return('\n      <div class="text-shadow-editor" >\n        <div class=\'label '.concat(e,"' >\n            <label>").concat(this.props.title||"",'</label>        \n            <div class=\'tools\'>\n              <button type="button" ref="$add" title="add Text Shadow">').concat(xf.add,"</button>\n            </div>\n        </div>\n        <div class='text-shadow-list' ref='$shadowList'></div>\n      </div>\n    "))}},{key:Jr("$shadowList"),value:function(){var e=this.state.textShadows.map((function(e,t){return'\n        <div class="shadow-item real" data-index="'.concat(t,'">\n          <div class="color">\n            <div class=\'color-view\' style="background-color: ').concat(e.color,'">\n            </div>\n          </div>\n          <div class="offset-x">').concat(e.offsetX,'</div>\n          <div class="offset-y">').concat(e.offsetY,'</div>\n          <div class="blur-radius">').concat(e.blurRadius,'</div>\n          <div class="tools">\n            <button type="button" class="remove" data-index="').concat(t,'">\n              ').concat(xf.remove2,"\n            </button>\n          </div>\n        </div>\n      ")}));return e.length&&e.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      '),e.join("")}},{key:"modifyTextShadow",value:function(){var e=this.state.textShadows.join(", ");this.parent.trigger(this.props.onchange,e)}},{key:Df("add"),value:function(){this.state.textShadows.push(new Va),this.refresh(),this.modifyTextShadow()}},{key:pr("$add"),value:function(){this.trigger("add")}},{key:pr("$shadowList .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.state.textShadows.splice(t,1),this.refresh(),this.modifyTextShadow()}},{key:pr("$shadowList .shadow-item.real > div:not(.tools)"),value:function(e){var t=+e.$dt.closest("shadow-item").attr("data-index"),n=this.state.textShadows[t];this.viewShadowPopup(n,t)}},{key:"viewShadowPopup",value:function(e,t){this.setState({selectedIndex:t},!1),this.viewTextShadowPropertyPopup(e)}},{key:"viewTextShadowPropertyPopup",value:function(e){this.emit("showTextShadowPropertyPopup",{changeEvent:"changeTextShadowEditorPopup",color:e.color,offsetX:e.offsetX,offsetY:e.offsetY,blurRadius:e.blurRadius},{id:this.id})}},{key:Df("changeTextShadowEditorPopup"),value:function(e,t){t.id===this.id&&(this.state.textShadows[this.state.selectedIndex].reset(e),this.refresh(),this.modifyTextShadow())}}]),t}(If);ki({TextShadowEditor:Rv});var Av=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{NumberRangeEditor:Mv}}},{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(xf.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(e){return e.split(" ").filter(Boolean).map((function(e){return+e}))}},{key:"setValue",value:function(e){nt(e)||(e=this.generateValue(e)),this.setState({value:e})}},{key:Jr("$body"),value:function(){return this.state.value.map((function(e,t){var n=t+1;return("\n        <div class='dasharray-item'>\n          <object refClass=\"NumberRangeEditor\"  \n            ref='$".concat(n,"' \n            label='").concat(n,"'\n            key='").concat(t,'\' \n            value="0" \n            min="0"\n            max="1000"\n            step="1"\n            onchange="changeRangeEditor" \n          />\n          <button type="button" data-index="').concat(t,"\" class='delete'>").concat(xf.remove2,"</button>\n        </div>\n      "))}))}},{key:Df("changeRangeEditor"),value:function(e,t){var n=+e;this.state.value[n]=t,this.modifyStrokeDashArray()}},{key:pr("$add"),value:function(){this.state.value.push(0),this.refresh()}},{key:pr("$body .delete"),value:function(e){var t=+e.$dt.attr("data-index");this.state.value.splice(t,1),this.refresh(),this.modifyStrokeDashArray()}},{key:"modifyStrokeDashArray",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.toStringValue(),this.props.params)}}]),t}(If);function zv(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Fv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{parser:new ea(this.props.value||"")}}},{key:"makeSegments",value:function(){return this.refs.$data.$$(".segment").map((function(e){var t=e.$(".command"),n=t.attr("data-command");return"Z"===n&&"false"===t.attr("data-toggle")?null:{command:n,values:e.$$(".values input[type=number]").map((function(e){return+e.value}))}})).filter((function(e){return e}))}},{key:"updateData",value:function(){var e=this.makeSegments();this.state.parser.resetSegments(e),this.modifyPathData()}},{key:"modifyPathData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"setValue",value:function(e){this.setState({parser:new ea(e)})}},{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:Jr("$data"),value:function(){var e=this,t=[];this.state.parser.segments.forEach((function(n,r){var i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?zv(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):zv(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},n);t.push(i);var a=e.state.parser.segments[r+1];a&&"M"===a.command&&("Z"!==i.command?t.push({command:"Z",toggle:!1,values:[]}):i.toggle=!0)}));var n=this.state.parser.segments[this.state.parser.segments.length-1];n&&"Z"!==n.command&&t.push({command:"Z",toggle:!1,values:[]});var r=t.map((function(e){var t="M"===e.command?"m":"";return("\n                <div class='segment ".concat(t,"'>\n                    <div class='command' data-command='").concat(e.command,"' data-toggle=\"").concat(e.toggle,"\" title='Toggle'>").concat(e.command,"</div>\n                    <div class='values'>\n                        ").concat(e.values.map((function(e){return'<input type="number" value="'.concat(e,'" />')})).join(""),"\n\n                        ").concat("Z"===e.command?!1===e.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:xr("$data input[type=number]")+Yr(300),value:function(e){this.updateData()}},{key:pr("$data .command[data-toggle]"),value:function(e){var t=e.$dt.attrs("data-command","data-toggle"),n=k()(t,2),r=n[0],i=n[1];"Z"===r&&(i="false"!==i?"false":"true",e.$dt.attr("data-toggle",i),this.updateData())}}]),t}(If);ki({PathDataEditor:Fv});var Bv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{parser:new fs(this.props.value||"")}}},{key:"makeSegments",value:function(){return this.refs.$data.$$(".segment").map((function(e){return{x:+e.$('[data-key="x"]').value,y:+e.$('[data-key="y"]').value}}))}},{key:"updateData",value:function(){var e=this.makeSegments();this.state.parser.resetSegments(e),this.modifyPolygonData()}},{key:"modifyPolygonData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"setValue",value:function(e){this.setState({parser:new fs(e||"")})}},{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:Jr("$data"),value:function(){return this.state.parser.segments.map((function(e){return'\n                <div class=\'segment\'>\n                    <div class=\'values\'>\n                        <label>X <input type="number" data-key="x" value="'.concat(e.x,'" /></label>\n                        <label>Y <input type="number" data-key="y" value="').concat(e.y,'" /></label>\n                    </div>\n                </div>\n            ')}))}},{key:xr("$data input[type=number]")+Yr(300),value:function(e){this.updateData()}}]),t}(If),Gv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Nf,SelectEditor:Hf}}},{key:"initState",value:function(){var e=(this.props.value||"").split(",").map((function(e){return e.trim()})),t=k()(e,4);return{id:t[0],distance:t[1]||"0%",rotateStatus:t[2]||"auto",rotate:t[3]||"0deg"}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyOffsetPath()}},{key:"getValue",value:function(){var e=this;return Object.keys(this.state).map((function(t){return e.state[t]})).join(",")}},{key:"refresh",value:function(){this.load()}},{key:"setValue",value:function(e){var t=(e||"").split(",").map((function(e){return e.trim()})),n=k()(t,4),r=n[0],i=n[1],a=n[2],o=n[3];this.setState({id:r,distance:i,rotateStatus:a,rotate:o},!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 e=this.$selection.currentProject,t={};return e&&e.allLayers.filter((function(e){return e.is("svg-path","svg-polygon")})).forEach((function(e){t[e.id]=e})),{options:Object.keys(t).map((function(e){return"".concat(e,":").concat(t[e].name)})).join(","),paths:t}}},{key:Jr(),value:function(){var e=this.getOptions(),t=","+e.options,n=e.paths||{},r=this.state,i=r.id,a=r.rotateStatus,o=r.rotate,s=r.distance;return"\n        <div>\n            <div class='offset-path-item'>\n                <object refClass=\"SelectEditor\"  ref='$path' label='".concat(this.$i18n("offset.path.list.editor.path"),'\' key="id" value="').concat(i,'" options="').concat(t,"\" 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[i]&&n[i].totalLength||0,"</span></div>\n            </div>\n            <div class='offset-path-item'>\n                <object refClass=\"RangeEditor\"  ref='$distance' label='").concat(this.$i18n("offset.path.list.editor.distance"),'\' min="0" max="100" value="').concat(s||"0%","\" key='distance' unit=\"%,px\" onchange='changeRangeEditor' /> \n            </div>\n            <div class='offset-path-item'>\n                <object refClass=\"SelectEditor\"  ref='$status' label='").concat(this.$i18n("offset.path.list.editor.direction"),"' key='rotateStatus' value=\"").concat(a,"\" options=\"auto,auto angle,angle,reverse,element\" onchange='changeRangeEditor' /> \n            </div>\n            <div class='offset-path-item'>\n                <object refClass=\"RangeEditor\"  ref='$rotate' label='").concat(this.$i18n("offset.path.list.editor.rotate"),"' min=\"0\" max=\"2000\" key='rotate' value='").concat(o||"0deg","' units=\"deg,turn\" onchange='changeRangeEditor' /> \n            </div>     \n        </div>           \n        ")}},{key:ni("$totalLength"),value:function(){var e=this.state.id,t=(this.getOptions().paths[e]||{totalLength:0}).totalLength||0;return{innerHTML:"<span>".concat(t,"</span>")}}},{key:Df("changeRangeEditor"),value:function(e,t){this.updateData(m()({},e,t)),this.bindData("$totalLength")}}]),t}(If),Hv={none:!0,hidden:!0,dotted:!0,dashed:!0,solid:!0,double:!0,groove:!0,ridge:!0,inset:!0,outset:!0},Nv=function(){function e(){zn()(this,e)}return Bn()(e,null,[{key:"parseStyle",value:function(e){return kt(e)}},{key:"parseValue",value:function(e){var t="",n="",r="";return e.split(" ").filter((function(e){return e.trim()})).forEach((function(e){Hv[e]?t=e:Mn.isColor(e)?r=e:n=e})),{style:t,color:r,width:n}}},{key:"joinValue",value:function(e){return"".concat(e.width," ").concat(e.style||"solid"," ").concat(e.color)}},{key:"join",value:function(e){return[e.border?"border: ".concat(e.border):"",e["border-top"]?"border-top: ".concat(e["border-top"]):"",e["border-left"]?"border-left: ".concat(e["border-left"]):"",e["border-right"]?"border-right: ".concat(e["border-right"]):"",e["border-bottom"]?"border-bottom: ".concat(e["border-bottom"]):""].filter((function(e){return e})).join(";")}}]),e}(),Xv=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"].join(","),Yv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{InputRangeEditor:uv,RangeEditor:Nf,SelectEditor:Hf,ColorViewEditor:Wf,ColorSingleEditor:Kf}}},{key:"initState",value:function(){return{value:Nv.parseValue(this.props.value)}}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"getValue",value:function(){return Nv.joinValue(this.state.value)}},{key:"setValue",value:function(e){this.state.value=Nv.parseValue(e),this.refresh()}},{key:"refresh",value:function(){this.children.$width.setValue(this.state.value.width||nr.z()),this.children.$style.setValue(this.state.value.style||"solid"),this.children.$color.setValue(this.state.value.color||"rgba(0, 0, 0, 1)")}},{key:"template",value:function(){var e=this.state.value,t=e.width,n=e.style,r=e.color;return('\n      <div class="border-value-editor">\n        <div class=\'editor-area\'>\n          <object refClass="RangeEditor"  ref=\'$width\' min="0" max="100" step="1" key=\'width\' value="'.concat(t,"\" onchange='changeKeyValue' />\n        </div>\n        <div class='editor-area'>\n          <object refClass=\"SelectEditor\"  ref='$style' key='style' options='").concat(Xv,"' value=\"").concat(n||"solid","\" onchange=\"changeKeyValue\" />\n        </div>\n        <div class='editor-area'>\n          <object refClass=\"ColorSingleEditor\" ref='$color' key='color' value=\"").concat(r||"rgba(0, 0, 0, 1)",'"  onchange="changeKeyValue" />\n        </div>\n\n      </div>\n    '))}},{key:Df("changeKeyValue"),value:function(e,t){var n=this.state.value;n[e]=t,this.updateData({value:n})}}]),t}(If),_v=["border"],Kv={border:"all","border-top":"top","border-right":"right","border-bottom":"bottom","border-left":"left"},Wv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{BorderValueEditor:Yv}}},{key:"initState",value:function(){var e=Nv.parseStyle(this.props.value);return{direction:Object.keys(e)[0]||"border",borders:e}}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}},{key:"getValue",value:function(){return Nv.join(this.state.borders)}},{key:"setValue",value:function(e){this.state.borders=Nv.parseStyle(e),this.refresh()}},{key:"refresh",value:function(){this.load()}},{key:Jr("$editorArea"),value:function(){var e=this;return _v.map((function(t){var n=Kv[t]||t;return n=e.$i18n("border.editor."+n),"\n      <div>\n        <object refClass='BorderValueEditor' ref='$".concat(t,"' label='").concat(n,"' key=\"").concat(t,'" value="').concat(e.state.borders[t],'" 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:Df("changeKeyValue"),value:function(e,t){var n=this.state.borders;n[e]=t,this.updateData({borders:n})}}]),t}(If),Uv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{NumberRangeEditor:Mv}}},{key:"initState",value:function(){var e=(this.props.value||"").split(":"),t=k()(e,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 e=this.state,t=e.start,n=e.end,r=e.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                    <object refClass=\"NumberRangeEditor\"  \n                        ref='$s' \n                        label='Start' \n                        key='start' \n                        min=\"0\" \n                        max=\"".concat(r,'" \n                        step="0.001" \n                        value="').concat(t*r,"\" \n                        onchange=\"changeValue\" \n                    />\n                </div>\n                <div class='item'>\n                    <object refClass=\"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:Df("changeValue"),value:function(e,t){this.updateData(m()({},e,t/this.state.duration),!0)}},{key:Cr("$start")+Wr("moveStart"),value:function(e){this.rect=this.refs.$progress.rect(),this.pos=nr.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=nr.parse(this.refs.$end.css("left")).toPx(this.rect.width)}},{key:"moveStart",value:function(e,t){var n=Math.min(this.max.value,Math.max(0,this.pos.value+e));this.state.start=n/this.rect.width,this.children.$s.setValue(this.state.start*this.state.duration),this.refresh(),this.updateData()}},{key:ni("$start"),value:function(){return{"data-info":this.state.start,style:{left:nr.percent(100*(this.state.start||0))}}}},{key:Cr("$end")+Wr("moveStartForEnd"),value:function(e){this.rect=this.refs.$progress.rect(),this.pos=nr.parse(this.refs.$end.css("left")).toPx(this.rect.width),this.min=nr.parse(this.refs.$start.css("left")).toPx(this.rect.width),this.max=nr.px(this.rect.width)}},{key:"moveStartForEnd",value:function(e,t){var n=Math.max(this.min.value,Math.min(this.max.value,this.pos.value+e));this.state.end=n/this.rect.width,this.children.$e.setValue(this.state.end*this.state.duration),this.refresh(),this.updateData()}},{key:ni("$end"),value:function(){return{"data-info":this.state.end,style:{left:nr.percent(100*(this.state.end||1))}}}},{key:ni("$bar"),value:function(){var e=this.state.start||0,t=this.state.end||1;return{style:{left:nr.percent(100*e),width:nr.percent(100*(t-e))}}}},{key:"getValue",value:function(){var e=this.state,t=e.start,n=e.end,r=e.duration;return"".concat(t,":").concat(n,":").concat(r)}},{key:"setValue",value:function(e){var t=e.split(":"),n=k()(t,3),r=n[0],i=n[1],a=n[2];this.setState({start:Number(r),end:Number(i),duration:Number(a)})}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];this.setState(e,t),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),t}(If),Zv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{BorderEditor:Wv,NumberRangeEditor:Mv,SelectEditor:Hf,TextShadowEditor:Rv,BoxShadowEditor:Gf,FilterEditor:lv,ColorViewEditor:Wf,RangeEditor:Nf,StrokeDashArrayEditor:Av,BackgroundImageEditor:Bf,TransformEditor:jv,TransformOriginEditor:Ev,PerspectiveOriginEditor:Iv,VarEditor:bv,BorderRadiusEditor:_f,ClipPathEditor:Lv,PathDataEditor:Fv,PolygonDataEditor:Bv,OffsetPathListEditor:Gv,MediaProgressEditor:Uv}}},{key:"initState",value:function(){return{hideTitle:"true"===this.props["hide-title"],hideRefresh:"true"===this.props["hide-refresh"],properties:[]}}},{key:"updateData",value:function(e){this.setState(e,!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(wt({"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(xf.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(e){switch(e){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 nr.string("");case"offset-distance":return nr.percent(0);case"rotate":return nr.deg(0);case"mix-blend-mode":return"normal";case"clip-path":return"";case"opacity":return 1;default:return nr.z()}}},{key:pr("$addProperty"),value:function(e){var t=this.getRef("$propertySelect").value;if(this.state.properties.find((function(e){return e.key===t})))alert("".concat(t," is already added."));else{var n=this.getPropertyDefaultValue(t),r=this.$selection.current;r&&(n=r[t]),this.state.properties.push({key:t,value:n}),this.refresh(),this.modifyProperty()}}},{key:"makeIndivisualPropertyColorEditor",value:function(e,t){var n=e.key.split("-").join("");return("\n      <div class='property-editor'>\n        <object refClass=\"ColorViewEditor\" ref='$".concat(n).concat(t,"' value=\"").concat(e.value,'" key="').concat(e.key,'" onChange="changeColorProperty" />\n      </div>\n    '))}},{key:"makeCustomePropertyEditor",value:function(e,t){return"\n      <div class='property-editor'>\n        <".concat(e.editor,' \n          onchange="changeSelect"\n          ref="$customProperty').concat(t,'"\n          key="').concat(e.key,'"\n          value="').concat(e.value,'"\n        />\n      </div>\n    ')}},{key:"makeIndivisualPropertyEditor",value:function(e,t){return"background-image"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"BackgroundImageEditor\" ref='$backgroundImage".concat(t,"' key=\"").concat(e.key,'" hide-title="').concat(this.state.hideTitle,'" value="').concat(e.value,'" onChange="changeBackgroundImageProperty" />\n        </div>\n      '):"filter"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$filter".concat(t,"' value=\"").concat(e.value,'" onChange="changeFilterProperty" />\n        </div>\n      '):"backdrop-filter"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"FilterEditor\" ref='$backdropFilter".concat(t,"' value=\"").concat(e.value,'" onChange="changeBackdropFilterProperty" />\n        </div>\n      '):"box-shadow"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"BoxShadowEditor\" ref='$boxshadow".concat(t,"' value=\"").concat(e.value,'" hide-label="false" onChange="changeBoxShadowProperty" />\n        </div>\n      '):"text-shadow"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"TextShadowEditor\" ref='$textshadow".concat(t,"' value=\"").concat(e.value,'" hide-label="false" onChange="changeTextShadowProperty" />\n        </div>\n      '):"var"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"VarEditor\" ref='$var".concat(t,"' value=\"").concat(e.value,'" onChange="changeVar" />\n        </div>\n      '):"transform"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"TransformEditor\" ref='$transform".concat(t,"' value=\"").concat(e.value,'" onChange="changeTransform" />\n        </div>\n      '):"transform-origin"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"TransformOriginEditor\" ref='$transformOrigin".concat(t,"' value=\"").concat(e.value,'" onChange="changeTransformOrigin" />\n        </div>\n      '):"perspective-origin"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"PerspectiveOriginEditor\" ref='$perspectiveOrigin".concat(t,"' value=\"").concat(e.value,'" onChange="changePerspectiveOrigin" />\n        </div>\n      '):"fill-rule"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"SelectEditor\"  \n          ref='$fillRule".concat(t,'\' \n          key=\'fill-rule\' \n          icon="true" \n          options="nonzero,evenodd" \n          value="').concat(e.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"stroke-linecap"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"SelectEditor\"  \n          ref='$strokeLinecap".concat(t,'\' \n          key=\'stroke-linecap\' \n          icon="true" \n          options="butt,round,square" \n          value="').concat(e.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"stroke-linejoin"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"SelectEditor\"  \n          ref='$strokeLinejoin".concat(t,'\' \n          key=\'stroke-linejoin\' \n          icon="true" \n          options="miter,arcs,bevel,miter-clip,round" \n          value="').concat(e.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"mix-blend-mode"===e.key?"\n        <div class='property-editor'>\n          <object refClass=\"BlendSelectEditor\" \n          ref='$mixBlendMode".concat(t,"' \n          key='mix-blend-mode' \n          icon=\"true\" \n          value=\"").concat(e.value,'"\n          onchange="changeSelect" />\n        </div>\n      '):"stroke-dasharray"===e.key?'\n        <object refClass="StrokeDashArrayEditor" \n          ref=\'$strokeDashArray'.concat(t,"' \n          key='stroke-dasharray'\n          value='").concat(e.value,"' \n          onchange='changeSelect' \n        />\n      "):"border-radius"===e.key?'\n        <object refClass="BorderRadiusEditor"\n          ref=\'$borderRadius'.concat(t,"' \n          key='border-radius'\n          value='").concat(e.value,"' \n          onchange='changeBorderRadius' \n        />\n      "):"border"===e.key?'\n        <object refClass="BorderEditor"\n          ref=\'$border'.concat(t,"' \n          key='border'\n          value='").concat(e.value,"' \n          onchange='changeKeyValue' \n        />\n      "):"clip-path"===e.key?'\n        <object refClass="ClipPathEditor"\n          ref=\'$clipPath'.concat(t,"' \n          key='clip-path'\n          value='").concat(e.value,"' \n          onchange='changeClipPath' \n        />\n      "):"d"===e.key?'\n        <object refClass="PathDataEditor" ref=\'$pathData'.concat(t,"' key='d' value='").concat(e.value,"' onchange='changeSelect' />\n      "):"points"===e.key?'\n        <object refClass="PolygonDataEditor" ref=\'$polygonData'.concat(t,"' key='points' value='").concat(e.value,"' onchange='changeSelect' />\n      "):"offset-path"===e.key?'\n        <object refClass="OffsetPathListEditor" ref=\'$offsetPathList'.concat(t,"' key='offset-path' value='").concat(e.value,"' onchange='changeSelect' />\n      "):"playTime"===e.key?'\n        <object refClass="MediaProgressEditor" ref=\'$playTime'.concat(t,"'  key='playTime' value=\"").concat(e.value,'" onchange="changeSelect" />      \n      '):"\n      <div class='property-editor'>\n        ???\n\n      </div>\n    "}},{key:Df("changeKeyValue"),value:function(e,t){this.modifyPropertyValue(e,t)}},{key:Df("changeBorderRadius"),value:function(e){this.modifyPropertyValue("border-radius",e)}},{key:Df("changeClipPath"),value:function(e){this.modifyPropertyValue("clip-path",e)}},{key:Df("changeColorProperty"),value:function(e,t){this.modifyPropertyValue(e,t)}},{key:Df("changeBackgroundImageProperty"),value:function(e,t){this.modifyPropertyValue(e,t)}},{key:Df("changeFilterProperty"),value:function(e){this.modifyPropertyValue("filter",e)}},{key:Df("changeBackdropFilterProperty"),value:function(e){this.modifyPropertyValue("backdrop-filter",e)}},{key:Df("changeBoxShadowProperty"),value:function(e){this.modifyPropertyValue("box-shadow",e)}},{key:Df("changeTextShadowProperty"),value:function(e){this.modifyPropertyValue("text-shadow",e)}},{key:Df("changeVar"),value:function(e){this.modifyPropertyValue("var",e)}},{key:Df("changeTransform"),value:function(e){this.modifyPropertyValue("transform",e)}},{key:Df("changeTransformOrigin"),value:function(e){this.modifyPropertyValue("transform-origin",e)}},{key:Df("changePerspectiveOrigin"),value:function(e){this.modifyPropertyValue("perspective-origin",e)}},{key:Df("changeSelect"),value:function(e,t){this.modifyPropertyValue(e,t)}},{key:"makePropertyEditor",value:function(e,t){if(e.editor)return this.makeCustomePropertyEditor(e,t);switch(e.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(e,t);case"color":case"background-color":case"text-fill-color":case"text-stroke-color":case"stroke":case"fill":return this.makeIndivisualPropertyColorEditor(e,t);case"opacity":case"fill-opacity":case"stroke-dashoffset":case"offset-distance":return"\n          <div class='property-editor'>\n            <object refClass=\"NumberRangeEditor\"  \n              ref='$opacity".concat(t,"' \n              key='").concat(e.key,"' \n              min=\"").concat(0,'"\n              max="').concat(1,'"\n              step="').concat(.01,'"\n              value="').concat(e.value||1,'"\n              selected-unit=\'number\'\n              removable="true"\n              onchange="changeRangeEditor" />\n          </div>\n        ');case"rotate":return"\n          <div class='property-editor'>\n            <object refClass=\"RangeEditor\"  \n              ref='rangeEditor".concat(t,"' \n              key='").concat(e.key,"' \n              value='").concat(e.value,'\'  \n              min="-2000"\n              max="2000"\n              units="deg" \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            <object refClass=\"RangeEditor\"  ref='rangeEditor".concat(t,"' key='").concat(e.key,"' value='").concat(e.value,'\' max="1000" onChange="changeRangeEditor" />\n          </div>\n        ')}}},{key:Df("changeRangeEditor"),value:function(e,t){this.modifyPropertyValue(e,t+"")}},{key:"searchKey",value:function(e,t){this.state.properties.filter((function(t){return t.key===e})).forEach(t)}},{key:"modifyPropertyValue",value:function(e,t){this.searchKey(e,(function(e){e.value=t})),this.modifyProperty()}},{key:"makePropertySelect",value:function(){return"\n      <select class='property-select' ref='$propertySelect'>\n        <optgroup label='Position'>\n          <option value='x'>x</option>\n          <option value='y'>y</option>        \n        </optgroup>\n        <optgroup label='Size'>\n          <option value='width'>width</option>\n          <option value='height'>height</option>\n        </optgroup>      \n        <optgroup label='Box Model'>\n          <option value='margin-left'>margin-left</option>\n          <option value='margin-right'>margin-right</option>\n          <option value='margin-bottom'>margin-bottom</option>\n          <option value='margin-top'>margin-top</option>\n          <option value='padding-left'>padding-left</option>\n          <option value='padding-right'>padding-right</option>\n          <option value='padding-bottom'>padding-bottom</option>\n          <option value='padding-top'>padding-top</option>       \n        </optgroup>\n        <optgroup label='Border'>\n          <option value='border'>border</option>\n          <option value='border-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:Jr("$property"),value:function(){var e=this;return this.state.properties.map((function(t,n){return"\n        <div class='css-property-item'>\n          <div class='title'>\n            <label>".concat(t.key,"</label>\n            <div class='tools'>\n              <button type=\"button\" class='remove' data-index=\"").concat(n,'">').concat(xf.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(xf.refresh,"</button> Refresh</label>\n            </div>\n          </div>\n          <div class='value-editor'>\n            ").concat(e.makePropertyEditor(t,n),"\n          </div>\n        </div>\n      ")}))}},{key:Df("showCSSPropertyEditor"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];this.setState({properties:e}),this.refresh()}},{key:pr("$property .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.state.properties.splice(t,1),this.refresh(),this.modifyProperty()}},{key:pr("$property .refresh"),value:function(e){this.parent.trigger("refreshPropertyValue")}}]),t}(If),qv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{InputRangeEditor:uv,RangeEditor:Nf,CSSPropertyEditor:Zv}}},{key:"initState",value:function(){return{offsets:[]}}},{key:"updateData",value:function(e){this.setState(e,!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            <object refClass=\"InputRangeEditor\" \n              key='offset' \n              min='0' \n              max='100' \n              step=\"0.01\" \n              value=\"".concat(nr.percent(0),"\" \n              ref='$offsetInput' \n              units=\"%\" \n              onchange='changeRangeEditor' \n            />\n          </div>\n        </div>\n      </div>\n    ")}},{key:Df("changeRangeEditor"),value:function(e,t){var n=this.state.offsets[this.selectedIndex];n&&(n.offset=t.clone(),this.refresh(),this.modifyOffset())}},{key:"templateForProperty",value:function(){return"<object refClass=\"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(e,t){return"<div class='offset-item' style='left: ".concat(e.offset,";' data-offset-index='").concat(t.toString(),"'></div>")}},{key:"selectItem",value:function(e){!(arguments.length>1&&void 0!==arguments[1])||arguments[1];if(et(e)){e=-1;for(var t=0,n=this.state.offsets.length;t<n;t++)if(this.state.offsets[t].selected){e=t;break}-1===e&&(e=0)}this.getRef("$offset").attr("data-selected-value",e),this.selectedIndex=e,this.state.offsets.forEach((function(t,n){t.selected=n===e}));var r=this.state.offsets.filter((function(e){return e.selected}));this.selectedOffsetItem=r.length?r[0]:{},this.refreshOffsetInput()}},{key:"refreshOffsetInput",value:function(){var e=this.state.offsets[this.selectedIndex];e&&this.children.$offsetInput.setValue(e.offset)}},{key:Jr("$offset"),value:function(){var e=this;return this.state.offsets.map((function(t,n){return e.makeOffset(t,n)}))}},{key:"isNotOffsetItem",value:function(e){return!rr.create(e.target).hasClass("offset-item")&&!this.currentOffset}},{key:pr("$offset")+Fr("isNotOffsetItem")+Zr,value:function(e){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset();var t=e.xy.x,n=nr.percent((t-this.baseOffsetArea.left)/this.baseOffsetWidth*100).round(100);this.state.offsets.push(new Vs({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:Cr("$offset .offset-item")+Wr("moveOffset")+Ur("endOffset"),value:function(e){this.baseOffsetWidth=this.refs.$offset.width(),this.baseOffsetArea=this.refs.$offset.offset(),this.currentOffsetleft=nr.parse(e.$dt.css("left")),this.currentOffset=e.$dt,this.currentOffsetIndex=+e.$dt.attr("data-offset-index"),this.currentOffsetXY=e.xy,this.baseOffsetMin=this.baseOffsetArea.left,this.baseOffsetMax=this.baseOffsetArea.left+this.baseOffsetWidth,this.isRemoveOffset=!1,e.altKey?this.isRemoveOffset=!0:(this.selectItem(this.currentOffsetIndex,!0),this.refreshOffsetInput())}},{key:"moveOffset",value:function(e,t){if(!this.isRemoveOffset){var n=this.currentOffsetXY.x+e;n<this.baseOffsetMin&&(n=this.baseOffsetMin),n>this.baseOffsetMax&&(n=this.baseOffsetMax);var r=nr.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(e){this.state.offsets.splice(e,1),this.selectItem(0),this.refresh(),this.modifyOffset()}},{key:"endOffset",value:function(e,t){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:Df("showOffsetEditor"),value:function(e){this.setState(e),this.selectItem(),this.refresh()}},{key:Df("changeCSSPropertyEditor"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=this.state.offsets[this.selectedIndex];t&&(t.properties=j()(e)),this.modifyOffset()}}]),t}(If),Jv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Nf}}},{key:"parseValue",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50%",t=new nr("","closest-side"),n="";if((e=e||"50%").includes("at")){var r=e.split("at").map((function(e){return e.trim()})),i=k()(r,2);t=i[0],n=i[1]}else n=e.trim();var a=n.split(" "),o=k()(a,2),s=o[0],c=o[1];return et(c)&&(c=s),{radius:t,x:s=nr.parse(s),y:c=nr.parse(c)}}},{key:"initState",value:function(){return this.parseValue(this.props.value)}},{key:"template",value:function(){return"\n        <div class='clip-path-editor circle-editor'>\n            <object refClass=\"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:ni("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:Cr("$area")+Wr()+Ur(),value:function(e){this.areaRect=this.refs.$area.rect(),this.startXY=e.xy}},{key:"move",value:function(e,t){var n=this.startXY.x+e,r=this.startXY.y+t;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 i=nr.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=nr.percent((r-this.areaRect.y)/this.areaRect.height*100).round(1);this.refs.$pointer.css({left:i,top:a}),this.updateData({x:i,y:a}),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){var e=this.state,t=e.x,n=e.y,r=e.radius,i="".concat(t," ").concat(n),a=r+"";return a.includes("closest-side")?a="closest-side":a.includes("farthest-side")&&(a="farthest-side"),r?"".concat(a," at ").concat(i):"".concat(i)}},{key:"updateData",value:function(e){this.setState(e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:Df("changeRangeEditor"),value:function(e,t){if("radius"===e){var n=t,r=t.unit+"";r.includes("closest-side")?n=new nr("","closest-side"):r.includes("farthest-side")&&(n=new nr("","farthest-side")),this.updateData({radius:n})}}}]),t}(If);ki({CircleEditor:Jv});var Qv=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props.value;return{label:this.props.label||"",value:e}}},{key:"template",value:function(){var e=this.state.label;return"\n            <div class='text-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","\n                <input type='text' ref='$text' />\n            </div>\n        ")}},{key:"getValue",value:function(){return this.refs.$options.value}},{key:ni("$text"),value:function(){return{value:this.state.value}}},{key:xr("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(e){this.setState(e),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}]),t}(If);ki({TextEditor:Qv});var ey=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{values:this.props.values.split(" ").map((function(e){return+e})),column:this.props.column}}},{key:"template",value:function(){return"<div class='small-editor input-array-editor' ref='$body' ></div>"}},{key:ni("$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:Jr("$body"),value:function(){return this.state.values.map((function(e,t){return'\n                <div class=\'number-editor\'>\n                    <input type="number" value="'.concat(e,'" step="0.01" data-index="').concat(t,'" />\n                </div>\n            ')}))}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.values,this.props.params)}},{key:xr("$body input"),value:function(e){var t=e.$dt,n=+t.attr("data-index"),r=+t.value;this.state.values[n]=r,this.updateData()}}]),t}(If);function ty(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ny(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ty(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ty(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ry="SourceGraphic,SourceAlpha,BackgroundImage,BackgroundAlpha,FillPaint,StrokePaint".split(","),iy={xChannelSelector:!0,yChannelSelector:!0},ay=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"hasLight",value:function(){return!1}},{key:"isLight",value:function(){return!1}},{key:"isSource",value:function(){return!1}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=ae();return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,ny({itemType:"svgfilter",id:n,in:[],bound:{x:100,y:100,targetX:0,targetY:0},connected:[]},e))}},{key:"getInCount",value:function(){return 0}},{key:"setIn",value:function(e,t){this.json.in[e]={id:t.id,type:t.type}}},{key:"setConnected",value:function(e){0===this.json.connected.filter((function(t){return t.id===e.id})).length&&this.json.connected.push({id:e.id})}},{key:"convert",value:function(e){return it(e.in)&&(e.in=JSON.parse(e.in)),it(e.bound)&&(e.bound=JSON.parse(e.bound)),it(e.connected)&&(e.connected=JSON.parse(e.connected)),e}},{key:"toCloneObject",value:function(){return ny({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("id","in","bound","connected"))}},{key:"getDefaultAttribute",value:function(){var e=this,t=[];return this.json.connected.length&&t.push('result="'.concat(this.json.id,'result"')),Object.keys(iy).filter((function(t){return!!e.json[t]})).forEach((function(n){t.push("".concat(n,'="').concat(e.json[n],'"'))})),t.join(" ")+" "+this.getSourceInAttribute()}},{key:"hasInIndex",value:function(){return!1}},{key:"getSourceInAttribute",value:function(e){var t=this;return(e||this.json.in).map((function(e,n){if(!e)return"";var r=0===n?"":n+1+"";return t.hasInIndex()||(r=""),ry.includes(e.type)?"in".concat(r,'="').concat(e.type,'"'):"in".concat(r,'="').concat(e.id,'result"')})).join(" ")}},{key:"toString",value:function(){var e=this.json,t=e.type,n=e.value;return"<fe".concat(t,' value="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}],[{key:"parse",value:function(e){return new(0,Yy[e.type])(e)}}]),t}(Yi),oy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"RotaMatrix",hueRotate:t.spec.hueRotate.defaultValue})}},{key:"convert",value:function(e){return e.hueRotate=nr.parse(e.hueRotate),e}},{key:"toString",value:function(){var e=this.json,t=e.id,n=e.hueRotate;return('\n      <feColorMatrix type="hueRotate" result="romatrix-'.concat(t,'"  values="').concat(n,'"/>\n      <feColorMatrix type="matrix" in="romatrix-').concat(t,'" 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    '))}}]),t}(ay);oy.spec={hueRotate:{title:"hue-rotate",inputType:"number-range",min:0,max:360,step:1,defaultValue:nr.number(0)}};var sy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Merge"})}},{key:"getInCount",value:function(){return 3}},{key:"getDefaultAttribute",value:function(){var e=[];return this.json.connected.length&&e.push('result="'.concat(this.json.id,'result"')),e.join(" ")}},{key:"toString",value:function(){var e=this,t=this.json.in;return"\n    <feMerge  ".concat(this.getDefaultAttribute()," >\n      ").concat(t.map((function(t){return"<feMergeNode ".concat(e.getSourceInAttribute([t])," />")})).join(""),"\n    </feMerge>")}}]),t}(ay);sy.spec={};var cy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Composite",operator:t.spec.operator.defaultValue,k1:t.spec.k1.defaultValue,k2:t.spec.k2.defaultValue,k3:t.spec.k3.defaultValue,k4:t.spec.k4.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var e=this.json,t=e.operator,n=e.k1,r=e.k2,i=e.k3,a=e.k4,o="";return"arithmetic"===t&&(o=' k1="'.concat(n,'" k2="').concat(r,'" k3="').concat(i,'" k4="').concat(a,'" ')),'<feComposite operator="'.concat(t,'" ').concat(o,"  ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}]),t}(ay);cy.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:nr.number(0)},k2:{title:"k2",inputType:"number-range",min:0,max:1,step:.01,defaultValue:nr.number(0)},k3:{title:"k3",inputType:"number-range",min:0,max:1,step:.01,defaultValue:nr.number(0)},k4:{title:"k4",inputType:"number-range",min:0,max:1,step:.01,defaultValue:nr.number(0)}};var ly=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Morphology",operator:t.spec.operator.defaultValue,radius:t.spec.radius.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json,t=e.operator,n=e.radius;return'<feMorphology operator="'.concat(t,'" radius="').concat(n,'"  ').concat(this.getDefaultAttribute()," />")}}]),t}(ay);ly.spec={operator:{title:"Operator",inputType:"select",options:"erode,dilate",defaultValue:"erode"},radius:{title:"Radius",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(0)}};var uy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Turbulence",filterType:t.spec.filterType.defaultValue,baseFrequency:t.spec.baseFrequency.defaultValue,numOctaves:t.spec.numOctaves.defaultValue,seed:t.spec.seed.defaultValue})}},{key:"convert",value:function(e){return e.baseFrequency=nr.parse(e.baseFrequency),e.numOctaves=nr.parse(e.numOctaves),e.seed=nr.parse(e.seed),e}},{key:"toString",value:function(){var e=this.json,t=e.filterType,n=e.baseFrequency,r=e.numOctaves,i=e.seed;return("<feTurbulence ".concat(xt({type:t,baseFrequency:n,numOctaves:r,seed:i}),"   ").concat(this.getDefaultAttribute()," />"))}}]),t}(ay);uy.spec={filterType:{title:"Type",inputType:"select",options:"fractalNoise,turbulence",defaultValue:"turbulence"},baseFrequency:{title:"Frequency",inputType:"number-range",min:0,max:1,step:.01,defaultValue:nr.number(0)},numOctaves:{title:"Octaves",inputType:"number-range",min:1,max:10,step:1,defaultValue:nr.number(1)},seed:{title:"Seed",inputType:"number-range",min:0,max:1e4,step:1,defaultValue:nr.number(0)}};var hy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"DisplacementMap",scale:t.spec.scale.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"convert",value:function(e){return e.scale=nr.parse(e.scale),e}},{key:"toString",value:function(){var e=this.json.scale,t=e.value?'scale="'.concat(e,'"'):"";return"<feDisplacementMap ".concat(t,"  ").concat(this.getDefaultAttribute()," />")}},{key:"hasInIndex",value:function(){return!0}}]),t}(ay);hy.spec={scale:{title:"scale",inputType:"number-range",min:0,max:5e3,step:1,defaultValue:nr.number(0)}};var py=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"ColorMatrix",values:t.spec.values.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json.values.join(" ");return'<feColorMatrix type="matrix" values="'.concat(e,'"  ').concat(this.getDefaultAttribute()," />")}}]),t}(ay);py.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 dy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"ConvolveMatrix",kernelMatrix:t.spec.kernelMatrix.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json.kernelMatrix.join(" ");return'<feConvolveMatrix kernelMatrix="'.concat(e,'"  ').concat(this.getDefaultAttribute()," />")}}]),t}(ay);dy.spec={kernelMatrix:{title:"kernelMatrix",inputType:"input-array",column:3,defaultValue:[1,0,0,0,1,0,0,0,1]}};var fy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"GaussianBlur",stdDeviationX:t.spec.stdDeviationX.defaultValue,stdDeviationY:t.spec.stdDeviationY.defaultValue,edgeMode:t.spec.edgeMode.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(e){return e.stdDeviationX=nr.parse(e.stdDeviationX),e.stdDeviationY=nr.parse(e.stdDeviationY),e}},{key:"toString",value:function(){var e=this.json,t=e.stdDeviationX,n=e.stdDeviationY,r=e.edgeMode,i="".concat(t," ").concat(n);return t===n&&(i=t),'<feGaussianBlur  stdDeviation="'.concat(i,'" edgeMode="').concat(r,'"  ').concat(this.getDefaultAttribute()," />")}}]),t}(ay);fy.spec={stdDeviationX:{title:"X",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(0)},stdDeviationY:{title:"Y",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(0)},edgeMode:{title:"edge",inputType:"select",options:"none,duplicate,wrap",defaultValue:"none"}};var vy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Flood",x:t.spec.x.defaultValue,y:t.spec.y.defaultValue,width:t.spec.width.defaultValue,height:t.spec.height.defaultValue,color:t.spec.color.defaultValue,opacity:t.spec.opacity.defaultValue})}},{key:"convert",value:function(e){return e.x=nr.parse(e.x),e.y=nr.parse(e.y),e.width=nr.parse(e.width),e.height=nr.parse(e.height),e}},{key:"toString",value:function(){var e=this.json,t=e.opacity,n=e.color,r=e.x,i=e.y,a=e.width,o=e.height;return"<feFlood ".concat(xt({x:r,y:i,width:a,height:o}),' flood-opacity="').concat(t,'" flood-color="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}]),t}(ay);vy.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:nr.number(0)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var yy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"ComponentTransfer",r:t.spec.r.defaultValue,g:t.spec.g.defaultValue,b:t.spec.b.defaultValue,a:t.spec.a.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"parse",value:function(e){var t=e.split(" "),n=S()(t),r=n[0],i=n.slice(1);if("table"===r||"discrete"===r)return{type:r,tableValues:i.join(" ")};if("linear"===r){var a=k()(i,2);return{type:r,slop:a[0],intercept:a[1]}}if("gamma"===r){var o=k()(i,3);return{type:r,amplitude:o[0],exponent:o[1],offset:o[2]}}return{type:r}}},{key:"toString",value:function(){var e=this.json,t=e.r,n=e.g,r=e.b,i=e.a;return t=this.parse(t),n=this.parse(n),r=this.parse(r),i=this.parse(i),"<feComponentTransfer ".concat(this.getDefaultAttribute()," >\n      ").concat(t&&"<feFuncR ".concat(xt(t)," />"),"\n      ").concat(n&&"<feFuncG ".concat(xt(n)," />"),"\n      ").concat(r&&"<feFuncB ".concat(xt(r)," />"),"\n      ").concat(i&&"<feFuncA ".concat(xt(i)," />"),"\n    </feComponentTransfe>")}}]),t}(ay);yy.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 gy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"DistantLight",azimuth:t.spec.azimuth.defaultValue,elevation:t.spec.elevation.defaultValue})}},{key:"isLight",value:function(){return!0}},{key:"toString",value:function(){return""}},{key:"toLightString",value:function(){var e=this.json,t=e.azimuth,n=e.elevation;return("<feDistantLight ".concat(xt({azimuth:t,elevation:n})," />"))}}]),t}(ay);gy.spec={azimuth:{title:"azimuth",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},elevation:{title:"elevation",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)}};var my=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"PointLight",x:t.spec.x.defaultValue,y:t.spec.y.defaultValue,z:t.spec.z.defaultValue})}},{key:"isLight",value:function(){return!0}},{key:"toString",value:function(){return""}},{key:"toLightString",value:function(){var e=this.json,t=e.x,n=e.y,r=e.z;return("<fePointLight ".concat(xt({x:t,y:n,z:r})," />"))}}]),t}(ay);my.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)}};var by=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"SpotLight",x:t.spec.x.defaultValue,y:t.spec.x.defaultValue,z:t.spec.x.defaultValue,pointsAtX:t.spec.pointsAtX.defaultValue,pointsAtY:t.spec.pointsAtY.defaultValue,pointsAtZ:t.spec.pointsAtZ.defaultValue,specularExponent:t.spec.specularExponent.defaultValue,limitingConeAngle:t.spec.limitingConeAngle.defaultValue})}},{key:"isLight",value:function(){return!0}},{key:"toString",value:function(){}},{key:"toLightString",value:function(){var e=this.json,t=e.x,n=e.y,r=e.z,i=e.pointsAtX,a=e.pointsAtY,o=e.pointsAtZ,s=e.specularExponent,c=e.limitingConeAngle;return("<feSpotLight ".concat(xt({x:t,y:n,z:r,pointsAtX:i,pointsAtY:a,pointsAtZ:o,specularExponent:s,limitingConeAngle:c})," />"))}}]),t}(ay);function ky(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}by.spec={x:{title:"x",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},y:{title:"y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},z:{title:"z",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},pointsAtX:{title:"pointsAtX",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},pointsAtY:{title:"pointsAtY",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},pointsAtZ:{title:"pointsAtZ",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},specularExponent:{title:"specularExponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)},limitingConeAngle:{title:"limitingConeAngle",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)}};var xy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"DiffuseLighting",surfaceScale:t.spec.surfaceScale.defaultValue,lightingColor:t.spec.lightingColor.defaultValue,diffuseConstant:t.spec.diffuseConstant.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ky(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ky(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("surfaceScale","lightingColor","diffuseConstant","lightInfo"))}},{key:"hasLight",value:function(){return!0}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json,t=e.surfaceScale,n=e.diffuseConstant,r=e.lightingColor;return("<feDiffuseLighting ".concat(xt({surfaceScale:t,diffuseConstant:n,"lighting-color":r}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feDiffuseLighting>"))}}]),t}(ay);function wy(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}xy.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)},diffuseConstant:{title:"diffuseConstant",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Sy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"SpecularLighting",surfaceScale:t.spec.surfaceScale.defaultValue,lightingColor:t.spec.lightingColor.defaultValue,specularConstant:t.spec.specularConstant.defaultValue,specularExponent:t.spec.specularExponent.defaultValue,lightInfo:""})}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?wy(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):wy(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("surfaceScale","lightingColor","specularConstant","specularExponent","lightInfo"))}},{key:"hasLight",value:function(){return!0}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json,t=e.surfaceScale,n=e.specularConstant,r=e.specularExponent,i=e.lightingColor;return("<feSpecularLighting ".concat(xt({surfaceScale:t,specularConstant:n,specularExponent:r,"lighting-color":i}),"  ").concat(this.getDefaultAttribute()," >\n      ").concat(this.json.lightInfo,"\n    </feSpecularLighting>"))}},{key:"getSourceInAttribute",value:function(){return""}}]),t}(ay);Sy.spec={surfaceScale:{title:"surfaceScale",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)},specularConstant:{title:"Constant",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)},specularExponent:{title:"Exponent",inputType:"number-range",min:0,max:100,step:1,defaultValue:nr.number(1)},lightingColor:{title:"Lighting Color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Py=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Offset",dx:t.spec.dx.defaultValue,dy:t.spec.dy.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json,t=e.dx,n=e.dy;return("<feOffset \n      ".concat(xt({dx:t,dy:n}),"  ").concat(this.getDefaultAttribute()," />"))}}]),t}(ay);Py.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)}};var jy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Blend",mode:t.spec.mode.defaultValue})}},{key:"getInCount",value:function(){return 2}},{key:"toString",value:function(){var e=this.json.mode;return("<feBlend ".concat(xt({mode:e})," ").concat(this.getDefaultAttribute()," />"))}},{key:"hasInIndex",value:function(){return!0}}]),t}(ay);function Oy(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function $y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Oy(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Oy(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}jy.spec={mode:{title:"mode",inputType:"blend",defaultValue:"normal"}};var Cy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,$y({type:"Source"},e))}},{key:"isSource",value:function(){return!0}},{key:"toString",value:function(){return""}}]),t}(ay),Ey=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"SourceGraphic"})}}]),t}(Cy),Ty=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"SourceAlpha"})}}]),t}(Cy),Vy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"BackgroundImage"})}}]),t}(Cy),Dy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"BackgroundAlpha"})}}]),t}(Cy),Iy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"FillPaint"})}}]),t}(Cy),My=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"StrokePaint"})}}]),t}(Cy),Ly=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"DropShadow",dx:t.spec.dx.defaultValue,dy:t.spec.dy.defaultValue,stdDeviation:t.spec.stdDeviation.defaultValue,color:t.spec.color.defaultValue,opacity:t.spec.opacity.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json,t=e.dx,n=e.dy,r=e.stdDeviation,i=e.color,a=e.opacity;return("<feDropShadow ".concat(xt({dx:t,dy:n,stdDeviation:r,"flood-color":i,"flood-opacity":a}),"  ").concat(this.getDefaultAttribute()," />"))}}]),t}(ay);Ly.spec={dx:{title:"dx",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},dy:{title:"dy",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},stdDeviation:{title:"stdDeviation",inputType:"number-range",min:0,max:1e3,step:.1,defaultValue:nr.number(0)},opacity:{title:"opacity",inputType:"number-range",min:0,max:1,step:.01,defaultValue:nr.number(1)},color:{title:"color",inputType:"color",defaultValue:"rgba(0, 0, 0, 1)"}};var Ry=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Saturate",values:t.spec.values.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json.values;return('<feColorMatrix type="saturate" values="'.concat(e,'"  ').concat(this.getDefaultAttribute()," />"))}}]),t}(ay);Ry.spec={values:{title:"values",inputType:"number-range",min:-1,max:1,step:.01,defaultValue:nr.number(0)}};var Ay=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"HueRotate",values:t.spec.values.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){var e=this.json.values;return('<feColorMatrix type="hueRotate" values="'.concat(e,'"  ').concat(this.getDefaultAttribute()," />"))}}]),t}(ay);Ay.spec={values:{title:"values",inputType:"number-range",min:0,max:360,step:.1,defaultValue:nr.number(0)}};var zy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"LuminanceAlpha"})}},{key:"getInCount",value:function(){return 1}},{key:"toString",value:function(){return'<feColorMatrix type="luminanceToAlpha" '.concat(this.getDefaultAttribute()," />")}}]),t}(ay);zy.spec={};var Fy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Tile",x:t.spec.x.defaultValue,y:t.spec.y.defaultValue,width:t.spec.width.defaultValue,height:t.spec.height.defaultValue})}},{key:"getInCount",value:function(){return 1}},{key:"convert",value:function(e){return e.x=nr.parse(e.x),e.y=nr.parse(e.y),e.width=nr.parse(e.width),e.height=nr.parse(e.height),e}},{key:"toString",value:function(){var e=this.json,t=e.x,n=e.y,r=e.width,i=e.height;return"<feTile ".concat(xt({x:t,y:n,width:r,height:i})," ").concat(this.getDefaultAttribute()," />")}}]),t}(ay);Fy.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)}};var By=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{type:"Image",x:t.spec.x.defaultValue,y:t.spec.y.defaultValue,width:t.spec.width.defaultValue,height:t.spec.height.defaultValue,src:t.spec.src.defaultValue,alignment:t.spec.alignment.defaultValue,scaleing:t.spec.scaleing.defaultValue})}},{key:"convert",value:function(e){return e.x=nr.parse(e.x),e.y=nr.parse(e.y),e.width=nr.parse(e.width),e.height=nr.parse(e.height),e}},{key:"toString",value:function(){var e=this.json,t=e.src,n=e.x,r=e.y,i=e.width,a=e.height,o=e.alignment,s=e.scaleing;return"<feImage ".concat(xt({x:n,y:r,width:i,height:a,"xlink:href":t,preserveAspectRatio:"".concat(o," ").concat(s)})," ").concat(this.getDefaultAttribute()," />")}}]),t}(ay);function Gy(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Hy(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Gy(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Gy(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}By.spec={x:{title:"X",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},y:{title:"Y",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},width:{title:"width",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.number(0)},height:{title:"height",inputType:"number-range",min:0,max:1e3,step:1,defaultValue:nr.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 Ny=["result"],Xy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Hy({itemType:"svgfilter",result:""},e))}},{key:"getDefaultAttribute",value:function(){var e=this;return Ny.map((function(t){return"".concat(t,'="').concat(e.json[t],'"')})).join(" ")}},{key:"toString",value:function(){var e=this.json,t=e.type,n=e.value;return"<fe".concat(t,' value="').concat(n,'" ').concat(this.getDefaultAttribute()," />")}}],[{key:"parse",value:function(e){return new(0,Yy[e.type])(e)}}]),t}(Yi),Yy={Image:By,Tile:Fy,Saturate:Ry,HueRotate:Ay,LuminanceAlpha:zy,DropShadow:Ly,SourceGraphic:Ey,SourceAlpha:Ty,BackgroundImage:Vy,BackgroundAlpha:Dy,FillPaint:Iy,StrokePaint:My,ComponentTransfer:yy,DistantLight:gy,PointLight:my,SpotLight:by,DiffuseLighting:xy,SpecularLighting:Sy,Blend:jy,Offset:Py,RotaMatrix:oy,GaussianBlur:fy,Flood:vy,Merge:sy,Composite:cy,Morphology:ly,Turbulence:uy,DisplacementMap:hy,ColorMatrix:py,ConvolveMatrix:dy},_y={Image:By.spec,Tile:Fy.spec,DropShadow:Ly.spec,Saturate:Ry.spec,HueRotate:Ay.spec,LuminanceAlpha:zy.spec,Offset:Py.spec,ComponentTransfer:yy.spec,SpecularLighting:Sy.spec,SpotLight:by.spec,PointLight:my.spec,DistantLight:gy.spec,DiffuseLighting:xy.spec,Blend:jy.spec,RotaMatrix:oy.spec,Merge:sy.spec,GaussianBlur:fy.spec,Flood:vy.spec,Morphology:ly.spec,Composite:cy.spec,Turbulence:uy.spec,DisplacementMap:hy.spec,ColorMatrix:py.spec,ConvolveMatrix:dy.spec};function Ky(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Wy(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ky(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ky(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Uy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{TextEditor:Qv,NumberRangeEditor:Mv,SelectEditor:Hf}}},{key:"initState",value:function(){return Wy({label:this.props.label||""},this.parse(this.props.value))}},{key:"parse",value:function(e){var t=e.split(" "),n=S()(t),r=n[0],i=n.slice(1);if("linear"===r)var a=k()(i,2),o=a[0],s=a[1];else if("gamma"===r)var c=k()(i,3),l=c[0],u=c[1],h=c[2];return{type:r,values:i,slop:o,intercept:s,amplitude:l,exponent:u,offset:h}}},{key:"template",value:function(){return"<div class='small-editor func-filter' ref='$body'></div>"}},{key:Jr("$body"),value:function(){var e=this,t=this.state,n=t.type,r=t.label,i=r?"has-label":"";return'\n        <object refClass="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(i,"' 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                <object refClass=\"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(t){return'\n                        <div>\n                            <object refClass="NumberRangeEditor"  label=\''.concat(t,"' ref='$").concat(t,"' key='").concat(t,"' value=\"").concat(e.state[t],'" onchange="changeLinear" />\n                        </div>                    \n                    ')})).join(""),"\n            </div>\n            <div data-type='gamma'>\n                ").concat(["amplitude","exponent","offset"].map((function(t){return'\n                        <div>\n                            <object refClass="NumberRangeEditor"  label=\''.concat(t,"' ref='$").concat(t,"' key='").concat(t,"' value=\"").concat(e.state[t],'" onchange="changeGamma" />\n                        </div>                    \n                    ')})).join(""),"            \n            </div>                                                \n        </div>\n    ")}},{key:Df("changeType"),value:function(e,t){this.updateData({type:t}),this.refresh()}},{key:"getValue",value:function(){switch(this.state.type){case"table":case"discrete":return[this.state.type].concat(j()(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(e){this.setState(Wy({},this.parse(e)))}},{key:Df("changeValues"),value:function(e,t){this.updateData(m()({},e,t.split(" ")))}},{key:Df("changeLinear"),value:function(e,t){this.updateData(m()({},e,t))}},{key:Df("changeGamma"),value:function(e,t){this.updateData(m()({},e,t))}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),t}(If),Zy={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"},qy=Object.keys(Zy).map((function(e){return{title:e,values:Zy[e]}})),Jy=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{values:be(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:ni("$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:Jr("$sample"),value:function(){return qy.map((function(e,t){return"<div class='sample-item' title='".concat(e.title,"' data-index=\"").concat(t,'">').concat(e.title,"</div>")}))}},{key:pr("$sample .sample-item"),value:function(e){var t=+e.$dt.attr("data-index"),n=qy[t];this.updateData({values:be(n.values)}),this.load("$body")}},{key:Jr("$body"),value:function(){var e=this.state.values,t=["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        "+e.map((function(e,n){var r="";return n%5==0&&(r="<div>".concat(t[Math.floor(n/5)],"</div>")),"\n                ".concat(r,'\n                <div class=\'number-editor\'>\n                    <input type="number" value="').concat(e,'" step="0.01" data-index="').concat(n,'" />\n                </div>\n            ')}))}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.values,this.props.params)}},{key:xr("$body input"),value:function(e){var t=e.$dt,n=+t.attr("data-index"),r=+t.value;this.state.values[n]=r,this.updateData()}}]),t}(If),Qy={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"}]}]},eg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(e){this.setState({value:e})}},{key:Jr("$body"),value:function(){var e=this.$selection.currentProject;if(e)return"\n            <div class='preview-container'>\n                <img src=\"".concat(e.getImageValueById(this.state.value)||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:kr("$file"),value:function(e){var t=this,n=j()(e.target.files);n.length&&this.emit("updateImageAssetItem",n[0],(function(e){t.trigger("changeImageSelectEditor",e)}))}},{key:pr("$select"),value:function(){this.emit("showImageSelectPopup",{context:this,changeEvent:"changeImageSelectEditor",value:this.state.value})}},{key:Df("changeImageSelectEditor"),value:function(e){this.updateData({value:e}),this.refresh()}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}]),t}(If);function tg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var ng=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getBlendList",value:function(){var e=this;return Qf.split(",").map((function(t){return"".concat(t,":").concat(e.$i18n("blend.".concat(t)))}))}},{key:"initState",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"initState",this).call(this),{options:this.getBlendList()})}}]),t}(Hf);function rg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ig(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?rg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ag=[{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"}]}],og=[{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 sg(e){switch(e){case"SpecularLighting":return xf.specular;case"DiffuseLighting":return xf.diffuse;case"SourceGraphic":case"SourceAlpha":return xf.image;case"BackgroundImage":case"BackgroundAlpha":return xf.outline_image;case"Flood":return xf.palette;case"Image":return xf.landscape;case"GaussianBlur":return xf.blur;case"ColorMatrix":return xf.blur_linear;case"Turbulence":return xf.waves;case"Saturate":return xf.vintage;case"HueRotate":return xf.looks;case"LuminanceAlpha":return xf.opacity;case"DropShadow":return xf.shadow;case"Morphology":return xf.broken_image;case"ConvolveMatrix":return xf.camera_roll;case"Offset":return xf.transform;case"Tile":return xf.view_comfy;case"Blend":return xf.gradient;case"Composite":return xf.merge;case"Merge":return xf.settings_input_component;case"DisplacementMap":return xf.texture}return""}function cg(e){switch(e){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 lg=[45],ug=[20],hg={1:[-7],2:[-7],3:[-7],4:[-7],5:[-7]},pg={1:[0],2:[-7,7],3:[-14,0,14],4:[-21,-7,7,21],5:[-28,-14,0,14,28]};Object.keys(pg).forEach((function(e){pg[e]=pg[e].map((function(e){return e+20}))}));var dg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{BlendSelectEditor:ng,ColorMatrixEditor:Jy,InputArrayEditor:ey,NumberRangeEditor:Mv,RangeEditor:Nf,ColorViewEditor:Wf,SelectEditor:Hf,TextEditor:Qv,FuncFilterEditor:Uy,ImageSelectEditor:eg}}},{key:"makeFilterSelect",value:function(){var e=this;return("\n  \n    <div class='filter-item-list' ref=\"$filterSelect\">\n  \n      ".concat(Pt(ag,(function(t){return"\n          <div class='group' label=\"".concat(e.$i18n(t.label),'">\n            ').concat(Pt(t.items,(function(t){return'\n                <div class=\'item\' draggable="true" value="'.concat(t.value,"\">\n                  <span class='icon'>").concat(sg(t.value),"</span>\n                  ").concat(e.$i18n(t.label),"\n                </div>\n                ")})),"\n          </div>\n        ")})),"\n    </div>\n    "))}},{key:"makeFilterTemplateSelect",value:function(){var e=this;return("\n  \n    <div class='filter-item-list' ref=\"$filterTemplateSelect\">\n  \n      ".concat(Pt(og,(function(t){return"\n          <div class='group' label=\"".concat(e.$i18n(t.label),'">\n            ').concat(Pt(t.items,(function(t){return' <div class=\'item\' draggable="true" value="'.concat(t.value,'">').concat(e.$i18n(t.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:pr("$header .tab-item:not(.empty-item)"),value:function(e){var t=+e.$dt.attr("data-value");this.state.selectedTabIndex!==t&&(this.$el.$$('[data-value="'.concat(this.state.selectedTabIndex,'"]')).forEach((function(e){return e.removeClass("selected")})),this.$el.$$('[data-value="'.concat(t,'"]')).forEach((function(e){return e.addClass("selected")})),this.setState({selectedTabIndex:t},!1))}},{key:yr("$filterSelect .item"),value:function(e){var t=e.$dt.attr("value");e.dataTransfer.setData("filter/type",t)}},{key:mr("$connectedLinePanel")+Zr,value:function(){}},{key:gr("$connectedLinePanel")+Zr,value:function(e){var t={x:e.offsetX,y:e.offsetY},n=e.dataTransfer.getData("filter/type");this.makeFilterNode(n,{bound:t})}},{key:"makeFilterNode",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.state.filters.push(this.makeFilter(e,t)),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(e){var t=Qy[e];t&&(this.setState({selectedIndex:-1,selectedFilter:null,filters:this.parseFilter(t)},!1),this.refresh(),this.modifyFilter())}},{key:"getSpec",value:function(e){return _y[e]}},{key:"makeFilterEditorTemplate",value:function(e,t,n){var r="".concat(t.type).concat(n).concat(this.state.selectedIndex).concat(Date.now());if("color-matrix"===e.inputType)return'\n        <div>\n          <object refClass="ColorMatrixEditor" \n            ref=\'$colorMatrix'.concat(r,"' \n            label=\"").concat(e.title,'"\n            key="').concat(n,"\"       \n            column='").concat(e.column,"' \n            values='").concat(t[n].join(" "),'\' \n            onchange="changeRangeEditor"\n          />\n        </div>\n        ');if("input-array"===e.inputType)return'\n        <div>\n          <object refClass="InputArrayEditor" \n            ref=\'$inputArray'.concat(r,"' \n            label=\"").concat(e.title,'"\n            key="').concat(n,'"       \n            column-label="R,G,B,A,M",\n            row-label="R,G,B,A",\n            column=\'').concat(e.column,"' \n            values='").concat(t[n].join(" "),'\' \n            onchange="changeRangeEditor"\n          />\n        </div>\n        ');if("blend"===e.inputType)return'\n        <div>\n          <object refClass="BlendSelectEditor" \n            ref=\'$blend'.concat(r,"' \n            label=\"").concat(e.title,'"\n            key="').concat(n,"\"\n            value='").concat(t[n].toString(),'\' \n            onchange="changeRangeEditor"             \n          />\n        </div>\n        ');if("select"===e.inputType){var i=e.options;return st(e.options)&&(i=e.options(this.state.filters)),'\n          <div>\n            <object refClass="SelectEditor"  \n              ref=\'$select'.concat(r,"' \n              label=\"").concat(e.title,"\"\n              options='").concat(i,"' \n              key=\"").concat(n,"\"\n              value='").concat(t[n].toString(),'\' \n              onchange="changeRangeEditor"             \n            />\n          </div>\n          ')}return"text"===e.inputType?'\n        <div>\n          <object refClass="TextEditor" \n            ref=\'$text'.concat(r,"' \n            label=\"").concat(e.title,'"\n            key="').concat(n,"\"\n            value='").concat(t[n].toString(),'\' \n            onchange="changeTextEditor"\n          />\n        </div>\n        '):"number-range"===e.inputType?' \n        <div>\n          <object refClass="NumberRangeEditor"  \n            ref=\'$numberrange'.concat(r,"' \n            label=\"").concat(e.title,"\" \n            layout='block'             \n            min=\"").concat(e.min,'"\n            max="').concat(e.max,'"\n            step="').concat(e.step,'"\n            key="').concat(n,'" \n            value="').concat(t[n].toString(),'" \n            onchange="changeRangeEditor" \n          />\n        </div>\n      '):"color"===e.inputType?'\n        <div>\n          <object refClass="ColorViewEditor" \n            ref=\'$colorview'.concat(r,"' \n            label=\"").concat(e.title,'" \n            key="').concat(n,'"\n            value="').concat(t[n].toString(),'" \n            onchange="changeSVGFilterColorViewEditor" \n          />\n        </div>\n      '):"FuncFilter"===e.inputType?'\n        <div>\n          <object refClass="FuncFilterEditor" \n            ref=\'$funcFilter'.concat(r,"' \n            label=\"").concat(e.title,'" \n            key="').concat(n,'"\n            value="').concat(t[n].toString(),'" \n            onchange="changeFuncFilterEditor" \n          />\n        </div>\n      '):"ImageSelectEditor"===e.inputType?'\n        <div>\n          <object refClass="ImageSelectEditor" \n            ref=\'$imageSelect'.concat(r,"' \n            label=\"").concat(e.title,'" \n            key="').concat(n,'"\n            value="').concat(t[n].toString(),'" \n            onchange="changeRangeEditor" \n          />\n        </div>\n      '):'\n      <div>\n        <object refClass="RangeEditor"  \n          ref=\'$range'.concat(r,"' \n          layout='block' \n          calc='false' \n          label=\"").concat(e.title,'" \n          min="').concat(e.min,'"\n          max="').concat(e.max,'"\n          step="').concat(e.step,'"\n          key="').concat(n,'" \n          value="').concat(t[n].toString(),'" \n          units="').concat(e.units.join(","),'" \n          onchange="changeRangeEditor" \n        />\n      </div>\n    ')}},{key:"makeOneFilterTemplate",value:function(e,t){var n=this;return('\n    <div class="filter-item">\n      <div class="title">\n        <label>'.concat(t.type,'</label>\n        <div class="filter-menu">\n          <button type="button" class="del">').concat(xf.remove,'</button>\n        </div>\n      </div>\n      <div class="filter-ui">\n        ').concat(qe(e,(function(e,r){return n.makeFilterEditorTemplate(r,t,e)})),"\n\n      </div>\n    </div>\n  "))}},{key:"makeFilterTemplate",value:function(e){return this.makeOneFilterTemplate(this.getSpec(e.type),e)}},{key:Jr("$filterList"),value:function(){return this.state.selectedFilter&&!1===this.state.selectedFilter.isSource()?this.makeFilterTemplate(this.state.selectedFilter):""}},{key:"modifyFilter",value:function(){var e=this;this.state.filters.forEach((function(t){t.isLight()&&t.connected.length&&t.connected.forEach((function(n){e.state.filters.filter((function(e){return e.id===n.id})).forEach((function(e){e.reset({lightInfo:t.toLightString()})}))}))})),this.parent.trigger(this.props.onchange,this.props.key,this.state.filters)}},{key:"parseFilter",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.map((function(e){return Xy.parse(e)}))}},{key:"makeFilter",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return Xy.parse(ig({},t,{type:e}))}},{key:pr("$filterSelect .item[value]"),value:function(e){var t=e.$dt.attr("value");this.makeFilterNode(t)}},{key:pr("$filterTemplateSelect .item[value]"),value:function(e){var t=e.$dt.attr("value");this.applyTemplate(t)}},{key:pr("$filterList .filter-menu .del"),value:function(e){this.removeFilter(this.state.selectedFilter.id)}},{key:Jr("$graphPanel"),value:function(){return this.makeGraphPanel()}},{key:"selectFilter",value:function(e){this.setState({selectedIndex:e,selectedFilter:this.state.filters[e]},!1),this.load("$filterList")}},{key:Cr("$graphPanel .filter-node")+Wr()+Ur(),value:function(e){this.$target=e.$dt,this.$point=null,this.pointType="object",this.pointIndex=0;var t=this.refs.$graphPanel.rect();this.rect=t;var n=+this.$target.attr("data-index");this.selectFilter(n),this.$target.onlyOneClass("selected");var r=rr.create(e.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 i=this.state.selectedFilter;this.startXY=ht(i.bound)}if("in"===this.pointType||"out"===this.pointType){var a=r.rect(),o=a.x-t.x,s=a.y-t.y,c=o+a.width/2,l=s+a.height/2;this.startXY={x:c,y:l}}this.startXY.dx=0,this.startXY.dy=0,this.load("$dragLinePanel")}},{key:Jr("$dragLinePanel"),value:function(){if("in"===this.pointType||"out"===this.pointType){var e=this.startXY,t=e.x,n=e.y,r=e.dx,i=e.dy;return('\n      <svg>\n        <path \n          class="drag-line"\n          fill="transparent"\n          stroke-width="1"\n          d="\n            M'.concat(t,",").concat(n,"\n            L").concat(t+r,",").concat(n+i,' \n            Z\n          "\n        />\n      </svg>\n      '))}return""}},{key:"makeConnectedPath",value:function(e){var t=new ps,n=e[0],r=e[e.length-1];if(!n)return"";if(!r)return"";var i=Math.abs(n.x-r.x)/2;return t.M(n).C({x:n.x+i,y:n.y},{x:r.x-i,y:r.y},r),t.d}},{key:"createPath",value:function(e,t){if(t.path)return t.path;var n=e.bound.x+lg[0],r=e.bound.y+ug[0],i=this.state.filters.map((function(e,t){return{it:e,index:t}})).find((function(e){return!!e&&(!!e.it&&(e&&e.it.id===t.id))})),a="".concat(i.it.getInCount()),o=i.it.in.map((function(e,t){return{it:e,index:t}})).find((function(t){return!!t&&(!!t.it&&t.it.id===e.id)}));if(!o)return[];var s=o.index;return[{x:n,y:r},{x:i.it.bound.x+hg[a][0],y:i.it.bound.y+pg[a][s]}]}},{key:Jr("$connectedLinePanel"),value:function(){var e=this;return("\n      <svg>\n        ".concat(this.state.filters.map((function(t){return t.connected.map((function(n){var r=e.createPath(t,n),i=cg(t.type);return'\n              <path \n                class="connected-line"\n                data-source-type="'.concat(i,'"\n                d="').concat(e.makeConnectedPath(r),'"\n              />\n\n              ').concat(r.length&&'\n                <circle \n                  data-source-type="'.concat(i,'"\n                  data-target-id="').concat(n.id,'"\n                  data-source-id="').concat(t.id,'"\n                  class="connected-remove-circle"\n                  cx="').concat((r[0].x+r[1].x)/2,'"\n                  cy="').concat((r[0].y+r[1].y)/2,'"\n                />\n              '),"\n              \n            ")})).join("")})).join(""),"\n      </svg>\n    "))}},{key:pr("$connectedLinePanel .connected-remove-circle"),value:function(e){var t=e.$dt.attrs("data-target-id","data-source-id"),n=k()(t,2),r=n[0],i=n[1],a=this.state.filters;a.filter((function(e){return e.id===i})).forEach((function(e){e.connected=e.connected.filter((function(e){return e.id!=r}))})),a.filter((function(e){return e.id===r})).forEach((function(e){e.in=e.in.map((function(e){return e&&e.id==i?null:e}))})),this.refresh(),this.modifyFilter()}},{key:"getCenterXY",value:function(e){var t=e.rect(),n=t.x-this.rect.x,r=t.y-this.rect.y;return{x:n+t.width/2,y:r+t.height/2}}},{key:"end",value:function(e,t){if("in"===this.pointType||"out"===this.pointType){this.startXY.dx=e,this.startXY.dy=t;var n=this.state.selectedFilter,r=this.$config.get("bodyEvent"),i=rr.create(r.target),a=i.closest("filter-node");if("out"===this.pointType){if(i.hasClass("in"))if(s=this.state.filters[+a.attr("data-index")])if(!s.hasLight()&&n.isLight());else{var o=+i.attr("data-index");s.in[o]||(s.setIn(o,n),n.setConnected(s))}}else if("in"===this.pointType){var s;if(i.hasClass("out"))(s=this.state.filters[+a.attr("data-index")])&&(n.hasLight()&&!s.isLight()||n.in[this.pointIndex]||(n.setIn(this.pointIndex,s),s.setConnected(n)))}this.pointType=""}this.load("$dragLinePanel"),this.load("$connectedLinePanel"),this.modifyFilter()}},{key:"move",value:function(e,t){var n=this.state.selectedFilter;n&&(this.startXY.dx=e,this.startXY.dy=t,"in"===this.pointType?this.load("$dragLinePanel"):"out"===this.pointType?this.load("$dragLinePanel"):(n.reset({bound:{x:this.startXY.x+e,y:this.startXY.y+t}}),this.$target.css({left:nr.px(n.bound.x),top:nr.px(n.bound.y)}),this.load("$connectedLinePanel")))}},{key:"makeGraphPanel",value:function(){var e=this;return this.state.filters.map((function(t,n){return"\n        <div class='filter-node ".concat(wt({selected:n===e.state.selectedIndex}),"' data-type=\"").concat(t.type,'" data-index="').concat(n,'" data-filter-id="').concat(t.id,"\" style='left: ").concat(t.bound.x,"px;top: ").concat(t.bound.y,"px;'>\n          <div class='label'>").concat(e.$i18n(t.type),"</div>\n          <div class='remove'>").concat(xf.close,"</div>\n          <div class='preview' data-source-type=\"").concat(cg(t.type),"\" data-filter-type='").concat(t.type,"'>").concat(sg(t.type),"</div>\n          <div class='in-list'>\n            ").concat(ft(t.getInCount()).map((function(e,t){return"<div class='in' data-index='".concat(t,"'></div>")})).join(""),"\n          </div>\n          \n          <div class='out' data-index=\"0\">").concat(xf.chevron_right,"</div>\n          ").concat(t.hasLight()?"<div class='light'  data-index=\"0\"></div>":"","\n        </div>\n      ")}))}},{key:Df("changeSVGFilterColorViewEditor"),value:function(e,t,n){this.trigger("changeRangeEditor",e,t,n)}},{key:Df("changeFuncFilterEditor"),value:function(e,t){var n=this.state.selectedFilter;n&&n.reset(m()({},e,t)),this.modifyFilter()}},{key:Df("changeRangeEditor"),value:function(e,t){var n=this.state.selectedFilter;n&&n.reset(m()({},e,t)),this.modifyFilter()}},{key:Df("changeTextEditor"),value:function(e,t){var n=this.state.selectedFilter;n&&n.reset(m()({},e,t)),this.modifyFilter()}},{key:"removeFilter",value:function(e){var t=this.state.filters.filter((function(t){return t.id!=e}));t.forEach((function(t){t.connected=t.connected.filter((function(t){return t.id!=e})),t.in=t.in.filter((function(t){return t.id!=e}))})),this.state.selectedFilter.id===e&&(this.state.selectedFilter=null,this.state.selectedIndex=-1),this.setState({filters:t}),this.modifyFilter()}},{key:pr("$graphPanel .filter-node .remove"),value:function(e){var t=+e.$dt.closest("filter-node").attr("data-index"),n=this.state.filters[t];this.removeFilter(n.id)}}]),t}(If),fg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:ni("$body"),value:function(){return{"data-column":this.props.column||1}}},{key:Jr("$body"),value:function(){var e=this;return Object.keys(xf).map((function(t){var n=xf[t],r=t===e.state.value?"selected":"";return"<div class='list-view-item ".concat(r,"'  data-key='").concat(t,"'>").concat(n,"</div>")}))}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(e){this.state.value=e,this.refresh()}},{key:pr("$body .list-view-item"),value:function(e){var t=e.$dt.attr("data-key");e.$dt.onlyOneClass("selected"),this.updateData({value:t})}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}]),t}(If),vg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{IconListViewEditor:fg}}},{key:"initState",value:function(){return{fit:!!this.props.value.fit,icon:this.props.value.icon||""}}},{key:"template",value:function(){var e=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(e,"  /> </label>\n          </div>\n          <div>\n            <object refClass=\"IconListViewEditor\" ref='$svg' key='svg' value=\"").concat(this.state.icon,'" column="6" onchange=\'changeClipPath\' />\n          </div>\n      </div>'))}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyClipPath()}},{key:pr("$fit"),value:function(){this.updateData({fit:this.refs.$fit.checked()})}},{key:Df("changeClipPath"),value:function(e,t){this.updateData({icon:t})}},{key:"modifyClipPath",value:function(){var e=this.state,t=e.icon,n=e.fit;this.parent.trigger(this.props.onchange,this.props.key,{icon:t,fit:n})}}]),t}(If),yg=[{key:"top",title:"Top"},{key:"right",title:"Right"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"}],gg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Nf}}},{key:"initState",value:function(){var e=qo.parse(this.props.value),t=k()(e,5),n=t[0],r=t[1],i=t[2],a=t[3],o=t[4];return{isAll:1===n,all:r.clone(),top:r.clone(),right:i.clone(),bottom:a.clone(),left:o.clone()}}},{key:"template",value:function(){return"<div class='direction-editor' ref='$body'></div>"}},{key:Df("changeBorderRadius"),value:function(e,t){var n=this;"all"===e&&yg.forEach((function(e){n.state[e.key]=t.clone(),n.children["$".concat(e.key)].setValue(t.clone())})),this.updateData(m()({},e,t))}},{key:Jr("$body"),value:function(){var e=this,t=this.state.isAll?"all":"partitial",n=this.state.all,r="all"===t?"display:none":"display:block";return'\n      <div class="property-item direction-item">\n        <div class="radius-selector" data-selected-value="'.concat(t,'" ref="$selector">\n          <button type="button" data-value="all">').concat(xf.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(xf.border_inner,'\n          </button>\n        </div>\n        <div class="radius-value">\n          <object refClass="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(yg.map((function(t){var n=e.state[t.key];return('\n              <div>\n                  <object refClass="RangeEditor"  ref=\'$'.concat(t.key,"' label='").concat(t.title,"' key='").concat(t.key,"' value=\"").concat(n,"\" onchange='changeBorderRadius' />\n              </div>  \n            "))})).join(""),"\n        </div>\n      </div>\n    ")}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1);var t=[];t=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,t)}},{key:pr("$selector button"),value:function(e){var t=e.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",t),"all"===t?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.updateData({isAll:"all"===t})}}]),t}(If),mg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props["key-value-char"]||":",t=this.props.split||",",n=(this.props.options||"").split(t).map((function(e){return e.trim()})),r=(this.props.icons||"").split(t).map((function(e){return e.trim()})),i=(this.props.colors||"").split(t).map((function(e){return e.trim()})),a=this.props.value||"";return{keyValueChar:e,label:this.props.label||"",compact:"true"===this.props.compact,options:n,icons:r,colors:i,value:a}}},{key:"template",value:function(){var e=this.state,t=e.label,n=e.compact?"compact":"";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 ").concat(n,"' ref='$options'></div>\n            </div>\n        ")}},{key:pr("$close"),value:function(){this.updateData({value:""}),this.refresh()}},{key:"getValue",value:function(){return this.state.value||""}},{key:"setValue",value:function(e){this.setState({value:e})}},{key:Jr("$options")+Xr,value:function(){var e=this;return this.state.options.map((function(t,n){var r=t,i=t,a="";if((c=t).includes(e.state.keyValueChar)){var o=c.split(e.state.keyValueChar),s=k()(o,2),c=s[0];r=s[1]}var l=c===e.state.value,u=l?"selected":"";if(""===t){r=xf.close;i="close"}else{var h=e.state.icons[n];xf[h]&&(a="icon"),i=r,r=xf[h]||r||h||t}var p=e.state.colors[n],d={};return l&&p&&(d["background-color"]=p),"<div class='select-icon-item ".concat(u," ").concat(a,"' style='").concat(bt(d),"' data-value=\"").concat(c,"\" title='").concat(i,"'>").concat(r,"</div>")}))}},{key:pr("$options .select-icon-item"),value:function(e){var t=e.$dt.attr("data-value");this.updateData({value:t}),this.refresh()}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.getValue(),this.props.params)}}]),t}(If);function bg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function kg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?bg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):bg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var xg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyValue(e)}},{key:"modifyValue",value:function(e){this.parent.trigger(this.props.onchange,this.props.key,e,this.state.index)}},{key:"setValue",value:function(e){this.setState(kg({},e))}},{key:ni("$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:pr("$preview"),value:function(e){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showBackgroundImagePositionPopup",{changeEvent:"changeBackgroundPositionPattern",data:this.state},{id:this.id})}},{key:Df("changeBackgroundPositionPattern"),value:function(e,t){t.id===this.id&&this.updateData(kg({},e))}}]),t}(If);function wg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Sg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{index:this.props.index,image:this.props.image,color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyValue(e)}},{key:"modifyValue",value:function(e){this.parent.trigger(this.props.onchange,this.props.key,e,this.state.index)}},{key:"setValue",value:function(e){this.setState(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?wg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):wg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e))}},{key:ni("$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:pr("$preview"),value:function(e){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showGradientPickerPopup",{instance:this,changeEvent:"changeGradientSingle",gradient:this.state.image})}},{key:Df("changeGradientSingle"),value:function(e,t){this.updateData({image:e}),this.refresh()}}]),t}(If),Pg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{index:this.props.index,label:this.props.label,simple:"true"===this.props.simple,image:bl.parseImage(this.props.image||"transparent")}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyValue(e)}},{key:"modifyValue",value:function(e){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(e){this.setState({image:bl.parseImage(e)})}},{key:ni("$fillView"),value:function(){var e=this.state.image;return e?{innerHTML:e.toSVGString(this.fillId)}:{innerHTML:""}}},{key:ni("$fillColor"),value:function(){var e=this.state.image;return e?{fill:e.toFillValue(this.fillId)}:{fill:"transparent"}}},{key:ni("$colors"),value:function(){var e=this.state.image;if(!e)return{fill:"transparent"};var t="url"!=e.type?"".concat(e.colorsteps[0].color):"transparent";return(e.type.includes("linear")||e.type.includes("radial"))&&(t=e.colorsteps.map((function(e){return"<span class='color' style='background-color: ".concat(e.color,"' title='").concat(e.color,"'></span>")})).join("")),{innerHTML:"<div> ".concat(t," </div>")}}},{key:"template",value:function(){var e=this.state,t=e.label,n=(e.removable,e.simple);return"\n            <div class='fill-single-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</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:pr("$preview"),value:function(e){this.viewGradientPopup()}},{key:"viewGradientPopup",value:function(){this.emit("showFillPickerPopup",{instance:this,changeEvent:"changeFillSingle",image:this.state.image})}},{key:Df("changeFillSingle"),value:function(e,t){this.updateData({image:bl.parseImage(e)}),this.refresh()}},{key:"fillId",get:function(){return this.id+"fill"}}]),t}(If);function jg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Og=["static-gradient","linear-gradient","radial-gradient","image-resource"],$g={"image-resource":xf.photo},Cg={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%"}},Eg=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","spreadMethod","patternUnits","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],Tg=["x1","y1","x2","y2","cx","cy","r","fx","fy","fr","patternWidth","patternHeight","imageX","imageY","imageWidth","imageHeight"],Vg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{InputRangeEditor:uv,RangeEditor:Nf,SelectIconEditor:mg,SelectEditor:Hf}}},{key:"initState",value:function(){return{cachedRect:null,index:+(this.props.index||0),value:this.props.value,image:bl.parseImage(this.props.value||"transparent")||hl.create()}}},{key:"setValue",value:function(e){this.setState({cachedRect:null,image:bl.parseImage(e)},!1),this.refresh(),this.parent.trigger("changeTabType",this.state.image.type)}},{key:"template",value:function(){var e=this,t=this.state.image,n=(t=t||{}).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(xf.chevron_right,"</div>\n                <div data-value='right' title='right'>").concat(xf.chevron_right,"</div>\n                <div data-value='left' title='left'>").concat(xf.chevron_right,"</div>\n                <div data-value='bottom' title='bottom'>").concat(xf.chevron_right,"</div>\n                <div data-value='top left' title='top left'>").concat(xf.chevron_right,"</div>\n                <div data-value='top right' title='top right'>").concat(xf.chevron_right,"</div>\n                <div data-value='bottom left' title='bottom left'>").concat(xf.chevron_right,"</div>\n                <div data-value='bottom right' title='bottom right'>").concat(xf.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(Og.map((function(e){return"<span class='picker-tab-item ".concat(e,"' data-editor='").concat(e,"'><span class='icon'>").concat($g[e]||"","</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              <object refClass="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                  <object refClass=\"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                  <object refClass=\"SelectEditor\"  label='Pattern' ref='$patternUnits' options='userSpaceOnUse' key='patternUnits' onchange='changeKeyValue' />\n                </div>                  \n                ").concat(Tg.map((function(n){var r=e.$i18n("fill.editor."+n);return("\n                    <div data-editor='".concat(n,"'>\n                      <object refClass=\"RangeEditor\"  label='").concat(r,"' ref='$").concat(n,"' value=\"").concat(e.getImageFieldValue(t,n),"\" key='").concat(n,"' onchange='changeKeyValue' />\n                    </div>\n                  "))})).join(""),"\n                                                                                                                                \n            </div>            \n        </div>\n      ")}},{key:"getImageFieldValue",value:function(e,t){var n=e[t];if(et(n))switch(t){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:kr("$file"),value:function(e){var t=this;this.$selection.currentProject&&j()(e.target.files).forEach((function(e){t.emit("updateImageAssetItem",e,(function(e){t.trigger("setImageUrl",e)}))}))}},{key:pr("$el .preset-position [data-value]"),value:function(e){var t=e.$dt.attr("data-value");Cg[t]&&(this.state.image.reset(Cg[t]),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(e){return nr.parse(this.getImageFieldValue(this.state.image,e))}},{key:ni("$line"),value:function(){var e=this.getDrawAreaRect(),t=e.width,n=e.height;return{x1:this.getFieldValue("x1").toPx(t),y1:this.getFieldValue("y1").toPx(n),x2:this.getFieldValue("x2").toPx(t),y2:this.getFieldValue("y2").toPx(n)}}},{key:ni("$startPoint"),value:function(){var e=this.getDrawAreaRect(),t=e.width,n=e.height;return{cx:this.getFieldValue("x1").toPx(t),cy:this.getFieldValue("y1").toPx(n)}}},{key:ni("$endPoint"),value:function(){var e=this.getDrawAreaRect(),t=e.width,n=e.height;return{cx:this.getFieldValue("x2").toPx(t),cy:this.getFieldValue("y2").toPx(n)}}},{key:ni("$centerPoint"),value:function(){var e=this.getDrawAreaRect(),t=e.width,n=e.height;return{cx:this.getFieldValue("cx").toPx(t),cy:this.getFieldValue("cy").toPx(n)}}},{key:ni("$fPoint"),value:function(){var e=this.getDrawAreaRect(),t=e.width,n=e.height;return{cx:this.getFieldValue("fx").toPx(t),cy:this.getFieldValue("fy").toPx(n)}}},{key:Cr("$pointerDrawArea circle[data-type]")+Wr("moveDragPointer"),value:function(e){this.containerRect=this.refs.$pointerDrawArea.rect(),this.startXY=e.xy,this.type=e.$dt.attr("data-type"),this.state.cachedRect=null}},{key:"getRectRate",value:function(e,t,n){var r=e.width,i=e.height,a=e.x,o=e.y;return a>t?t=a:a+r<t&&(t=a+r),o>n?n=o:o+i<n&&(n=o+i),{left:nr.percent((t-a)/r*100),top:nr.percent((n-o)/i*100)}}},{key:"moveDragPointer",value:function(e,t){var n=this.startXY.x+e,r=this.startXY.y+t,i=this.getRectRate(this.containerRect,n,r),a=i.left,o=i.top;"start"==this.type?(this.state.image.reset({x1:a,y1:o}),this.children.$x1.setValue(a),this.children.$y1.setValue(o),this.bindData("$startPoint"),this.bindData("$line")):"end"==this.type?(this.state.image.reset({x2:a,y2:o}),this.children.$x2.setValue(a),this.children.$y2.setValue(o),this.bindData("$endPoint"),this.bindData("$line")):"center"==this.type?(this.state.image.reset({cx:a,cy:o}),this.children.$cx.setValue(a),this.children.$cy.setValue(o),this.bindData("$centerPoint")):"f"==this.type&&(this.state.image.reset({fx:a,fy:o}),this.children.$fx.setValue(a),this.children.$fy.setValue(o),this.bindData("$fPoint")),this.bindData("$gradientView"),this.updateData()}},{key:pr("$tab .picker-tab-item"),value:function(e){var t=this,n=e.$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,i={};Eg.forEach((function(e){i[e]=t.children["$".concat(e)].getValue()})),this.state.image=bl.changeImageType(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?jg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):jg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({type:n,url:r,colorsteps:this.state.image.colorsteps||[]},i)),this.refresh(),this.updateData(),this.sendMessage()}},{key:"sendMessage",value:function(e){"linear-gradient"===(e=this.$el.attr("data-selected-editor"))?this.emit("addStatusBarMessage",""):"url"===e||"image-resource"===e?this.emit("addStatusBarMessage",this.$i18n("fill.editor.message.click.image")):this.emit("addStatusBarMessage",this.$i18n("fill.editor.message.drag.position"))}},{key:Df("changeKeyValue"),value:function(e,t){this.state.image.reset(m()({},e,t)),this.bindData("$gradientView"),this.bindData("$line"),this.bindData("$startPoint"),this.bindData("$endPoint"),this.bindData("$centerPoint"),this.bindData("$fPoint"),this.updateData()}},{key:Df("changeColorStepOffset"),value:function(e,t){this.currentStep&&(this.currentStep.percent=t.value,this.state.image.sortColorStep(),this.refresh(),this.updateData())}},{key:pr("$back"),value:function(e){var t=this.refs.$stepList.rect(),n=t.x,r=t.right,i=e.xy.x;i<n?i=n:i>r&&(i=r);var a=(i-n)/t.width*100;this.state.image.insertColorStep(a),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:ni("$el"),value:function(){var e=this.state.image.type;return"url"===e&&(e="image-resource"),this.parent.trigger("changeTabType",e),{"data-selected-editor":e}}},{key:ni("$stepList"),value:function(){return{"data-selected-index":this.state.index.toString(),style:{"background-image":this.getLinearGradient()}}}},{key:ni("$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:Jr("$stepList"),value:function(){var e=this;return(this.state.image.colorsteps||[]).map((function(t,n){var r=e.$selection.isSelectedColorStep(t.id)?"selected":"";return("\n      <div class='step ".concat(r,"' data-id='").concat(t.id,"' style='left: ").concat(t.percent,"%;'>\n        <div class='color-view' style=\"background-color: ").concat(t.color,"\"></div>\n        <div class='arrow' style=\"background-color: ").concat(t.color,'"></div>\n      </div>'))}))}},{key:"removeStep",value:function(e){this.state.image.removeColorStep(e),this.refresh(),this.updateData()}},{key:"selectStep",value:function(e){var t=this;this.state.id=e,this.$selection.selectColorStep(e),this.state.image.colorsteps&&(this.currentStep=this.state.image.colorsteps.find((function(e){return t.$selection.isSelectedColorStep(e.id)})),this.children.$range.setValue(nr.percent(this.currentStep.percent)),this.parent.trigger("selectColorStep",this.currentStep.color)),this.refresh()}},{key:Cr("$stepList .step")+Wr(),value:function(e){var t=e.$dt.attr("data-id");if(e.altKey)return this.removeStep(t),!1;this.selectStep(t),this.startXY=e.xy,this.cachedStepListRect=this.refs.$stepList.rect()}},{key:"getStepListRect",value:function(){return this.cachedStepListRect}},{key:"move",value:function(e,t){var n=this.getStepListRect(),r=n.x,i=n.right,a=this.startXY.x+e;a<r?a=r:a>i&&(a=i);var o=(a-r)/n.width*100;this.currentStep.percent=o,this.children.$range.setValue(nr.percent(o)),this.state.image.sortColorStep(),this.refresh(),this.updateData()}},{key:"refresh",value:function(){this.load()}},{key:"getLinearGradient",value:function(){var e=this.state.image;return"linear-gradient(to right, ".concat(Na.toColorString(e.colorsteps),")")}},{key:Df("setColorStepColor"),value:function(e){"static-gradient"===this.state.image.type?(this.state.image.setColor(e),this.refresh(),this.updateData()):this.currentStep&&(this.currentStep.color=e,this.refresh(),this.updateData())}},{key:Df("setImageUrl"),value:function(e){this.state.image&&(this.state.url=e,this.state.image.reset({url:e}),this.refresh(),this.updateData())}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.parent.trigger(this.props.onchange,this.state.image.toString())}},{key:"fillId",get:function(){return this.id+"fill"}}]),t}(If),Dg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props.value;return{options:[],label:this.props.label||"",value:e}}},{key:"template",value:function(){var e=this.state.label;return"\n            <div class='svg-filter-select-editor ".concat(e?"has-label":"","'>\n                ").concat(e?"<label>".concat(e,"</label>"):"","\n                <select ref='$options'></select>\n                <button type='button' class='open thin' ref='$open' title='Open SVG Filter Editor'>").concat(xf.fullscreen,"</button>\n                <button type='button' class='remove thin' ref='$remove' title='Remove'>").concat(xf.remove,"</button>\n            </div>\n        ")}},{key:pr("$remove"),value:function(e){this.updateData({value:""})}},{key:pr("$open"),value:function(e){var t=this.state.value;if(t.includes("id")){var n=this.$selection.currentProject.getSVGFilterIndex(t);n>-1&&this.trigger("openSVGFilterPopup",n)}}},{key:"getValue",value:function(){return this.state.value}},{key:"setValue",value:function(e){this.setState({value:e})}},{key:"refresh",value:function(){arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.load()}},{key:ni("$options"),value:function(){return{"data-count":this.state.options.length.toString()}}},{key:Jr("$options"),value:function(){var e=this,t=this.$selection.currentProject,n="";return t&&(n=(n=t.svgfilters.map((function(e){return e.id}))).length?","+n.join(","):""),(n=(n+=",-,new").split(",")).map((function(t){var n=t;if((a=t).includes(":")){var r=a.split(":"),i=k()(r,2),a=i[0];n=i[1]}""===n?n=e.props["none-value"]?e.props["none-value"]:"":"-"===n&&(n="----------",a="");var o=a===e.state.value?"selected":"";return"<option ".concat(o,' value="').concat(a,'">').concat(n,"</option>")}))}},{key:"setOptions",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";this.setState({options:e.split(this.state.splitChar).map((function(e){return e.trim()}))})}},{key:"sendMessage",value:function(e){"new"===e?this.emit("addStatusBarMessage",this.$i18n("svgfilter.select.editor.message.create")):"-"===e?this.emit("addStatusBarMessage",this.$i18n("svgfilter.select.editor.message.select")):this.emit("addStatusBarMessage","")}},{key:kr("$options"),value:function(){var e=this,t=this.refs.$options.value;"new"==t?this.emit("addSVGFilterAssetItem",(function(t,n){e.updateData({value:n}),e.refresh(),e.trigger("openSVGFilterPopup",t)})):"-"===t||this.updateData({value:t})}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:Df("refreshSVGArea")+Yr(1e3),value:function(){this.load("$options")}},{key:Df("openSVGFilterPopup"),value:function(e){this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea");var t=(this.$selection.currentProject||{svgfilters:[]}).svgfilters[e];this.emit("showSVGFilterPopup",{changeEvent:"changeSVGFilterEditorRealUpdate",preview:!1,index:e,filters:t.filters})}},{key:Df("changeSVGFilterEditorRealUpdate"),value:function(e){var t=this.$selection.currentProject;t&&(t.setSVGFilterValue(e.index,{filters:e.filters}),this.emit("refreshSVGFilterAssets"),this.emit("refreshSVGArea"))}}]),t}(If);ki({SVGFilterSelectEditor:Dg});var Ig=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){var e=this.props.value;return{label:this.props.label||"",height:nr.px(100),value:e}}},{key:"template",value:function(){var e=this.state,t=e.label,n=e.height,r=e.value;return"\n            <div class='text-editor ".concat(t?"has-label":"","'>\n                ").concat(t?"<label>".concat(t,"</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(e,t){this.setState({value:e},!1),t&&this.setState({height:t},!1),this.refresh()}},{key:ni("$text"),value:function(){return{text:this.state.value||"",style:{height:this.state.height}}}},{key:xr("$text"),value:function(){this.updateData({value:this.refs.$text.value})}},{key:"updateData",value:function(e){this.setState(e),this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}}]),t}(If);function Mg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Lg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Mg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Mg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ki({TextAreaEditor:Ig});var Rg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectIconEditor:mg}}},{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(e){var t=this;return e.split(",").map((function(e){return"".concat(e,":").concat(t.$i18n("flex.layout.editor."+e))})).join(",")}},{key:"initState",value:function(){return Lg({},kt(this.props.value))}},{key:"setValue",value:function(e){this.setState(Lg({},kt(e)))}},{key:"getValue",value:function(){return bt(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Jr("$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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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:Df("changeKeyValue"),value:function(e,t,n){this.setState(m()({},e,t),!1),this.modifyData()}}]),t}(If),Ag=/(auto)|(repeat\([^\)]*\))|(([\d.]+)(px|pt|fr|r?em|deg|vh|vw|%))/gi,zg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Hf,NumberInputEditor:kv,InputRangeEditor:uv}}},{key:"getLayoutItemOptions",value:function(){var e=this;return"none,auto,repeat,length".split(",").map((function(t){return"".concat(t,":").concat(e.$i18n("grid.box.editor.".concat(t)))})).join(",")}},{key:"initState",value:function(){return{label:this.props.label,list:this.parseValue(this.props.value)}}},{key:"setValue",value:function(e){this.setState({list:this.parseValue(e)})}},{key:"parseValue",value:function(e){for(var t=null,n=[];null!==(t=Ag.exec(e));){var r=t[0];if("auto"===r)n.push({type:"auto",count:0,value:"0px"});else if(r.includes("repeat")){var i=r.split("repeat(")[1].split(")");i.pop();var a=i.join("").split(","),o=S()(a),s=o[0],c=o.slice(1);n.push({type:"repeat",count:s,value:c.join(", ")})}else n.push({type:"length",count:1,value:r})}return n}},{key:"getValue",value:function(){return this.state.list.map((function(e){return"repeat"===e.type?"repeat(".concat(e.count,", ").concat(e.value,")"):"auto"===e.type||"none"===e.type?e.type:e.value})).join(" ")}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:"makeItem",value:function(e,t){return"\n            <div class='item' data-repeat-type='".concat(e.type,"' data-index='").concat(t,"' >\n                <div class='repeat'>\n                    <object refClass=\"SelectEditor\" \n                        ref='$").concat(t,"-type' \n                        options=\"").concat(this.getLayoutItemOptions(),'" \n                        key="type" \n                        value="').concat(e.type||"auto",'" \n                        params="').concat(t,'" \n                        onchange="changeKeyValue" />\n                </div>\n                <div class=\'count\'>\n                    <object refClass="NumberInputEditor" \n                        ref=\'$').concat(t,'-count\' \n                        key="count" \n                        value="').concat(e.count,'" \n                        params="').concat(t,"\" \n                        max='1000'\n                        onchange=\"changeKeyValue\" />\n                </div>                \n                <div class='value'>\n                    <object refClass=\"InputRangeEditor\" \n                        ref='$").concat(t,'-value\' \n                        key="value" \n                        value="').concat(e.value,'" \n                        params="').concat(t,"\" \n                        units='auto,fr,px,em,%'\n                        onchange=\"changeKeyValue\" />\n                </div>\n                <div class='tools'>\n                    <button type=\"button\" class='copy'>").concat(xf.copy,"</button>                \n                    <button type=\"button\" class='remove'>").concat(xf.remove2,"</button>\n                </div>\n            </div>\n        ")}},{key:Jr("$list"),value:function(){var e=this;return this.state.list.map((function(t,n){return e.makeItem(t,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(xf.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:pr("$list .remove"),value:function(e){var t=+e.$dt.closest("item").attr("data-index");this.state.list.splice(t,1),this.refresh(),this.modifyData()}},{key:pr("$list .copy"),value:function(e){var t=+e.$dt.closest("item").attr("data-index"),n=clone(this.state.list[t]);this.state.list.splice(t,0,n),this.refresh(),this.modifyData()}},{key:pr("$add"),value:function(){this.trigger("add")}},{key:Df("add"),value:function(){this.state.list.push({type:"auto",count:0,value:"0px"}),this.refresh(),this.modifyData()}},{key:Df("changeKeyValue"),value:function(e,t,n){var r=+n,i=this.state.list[r];i&&("type"===e&&this.refs.$list.$('[data-index="'.concat(r,'"]')).attr("data-repeat-type",t),i[e]=t),this.modifyData()}}]),t}(If),Fg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Nf}}},{key:"initState",value:function(){return{label:this.props.label,value:this.parseValue(this.props.value)}}},{key:"setValue",value:function(e){this.setState({list:this.parseValue(e)})}},{key:"parseValue",value:function(e){return nr.parse(e)}},{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                    <object refClass=\"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:Jr("$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:Df("changeKeyValue"),value:function(e,t){this.state.value=t,this.modifyData()}}]),t}(If);function Bg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Gg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Bg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Bg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Hg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectIconEditor:mg,GridBoxEditor:zg,GridGapEditor:Fg}}},{key:"initState",value:function(){return Gg({},kt(this.props.value))}},{key:"setValue",value:function(e){this.setState(Gg({},kt(e)))}},{key:"getValue",value:function(){return bt(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Jr("$body"),value:function(){return"\n            <div class='grid-layout-item'>\n                <object refClass=\"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                <object refClass=\"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                <object refClass=\"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                <object refClass=\"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:Df("changeKeyValue"),value:function(e,t,n){this.setState(m()({},e,t),!1),this.modifyData()}}]),t}(If);function Ng(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Xg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectIconEditor:mg}}},{key:"initState",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ng(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ng(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},kt(this.props.value))}},{key:"setValue",value:function(e){this.setState(kt(e))}},{key:"getValue",value:function(){return bt(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Jr("$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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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:Df("changeKeyValue"),value:function(e,t,n){this.setState(m()({},e,t),!1),this.modifyData()}}]),t}(If);function Yg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var _g=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectIconEditor:mg}}},{key:"initState",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Yg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Yg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},kt(this.props.value))}},{key:"setValue",value:function(e){this.setState(kt(e))}},{key:"getValue",value:function(){return bt(this.state)}},{key:"modifyData",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.getValue())}},{key:Jr("$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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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                <object refClass="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:Df("changeKeyValue"),value:function(e,t,n){this.setState(m()({},e,t),!1),this.modifyData()}}]),t}(If);function Kg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Wg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Kg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Kg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Ug=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{index:this.props.index,x:nr.parse(this.props.x),y:nr.parse(this.props.y),width:nr.parse(this.props.width),height:nr.parse(this.props.height),lineWidth:nr.parse(this.props.linewidth),lineHeight:nr.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 e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyValue(e)}},{key:"modifyValue",value:function(e){this.parent.trigger(this.props.onchange,this.props.key,e,this.state.index)}},{key:"setValue",value:function(e){this.setState(Wg({},e))}},{key:ni("$miniView"),value:function(){var e=Wg({},this.state);return this.state.width.value>80&&(e.width=nr.px(80),e.x=nr.px(e.x.value/this.state.width.value/80)),this.state.height.value>80&&(e.height=nr.px(80),e.y=nr.px(this.state.y.value/this.state.height.value/80)),{cssText:Dc.parse(e).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:pr("$preview"),value:function(e){this.viewBackgroundPositionPopup()}},{key:"viewBackgroundPositionPopup",value:function(){this.emit("showPatternInfoPopup",{changeEvent:"changePatternInfo",data:this.state,instance:this})}},{key:Df("changePatternInfo"),value:function(e){this.updateData(Wg({},e))}}]),t}(If),Zg=[{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)"}]}}],qg={MediaProgressEditor:Uv,BlendSelectEditor:ng,PatternEditor:function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Hf,ColorSingleEditor:Kf,PatternSizeEditor:Ug}}},{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(e){return Dc.parseStyle(e)}},{key:"setValue",value:function(e){this.setState({value:e,patterns:this.parsePattern(e)})}},{key:"template",value:function(){var e=this.state.hideLabel?"hide":"";return("\n            <div class='pattern-editor' >\n                <div class='label ".concat(e,"'>\n                    <label>").concat(this.props.title||"","</label>\n                    <div class='tools'>\n                        <button type=\"button\" ref='$add'>").concat(xf.add," ").concat(this.props.title?"":"Add","</button>\n                    </div>\n                </div>\n                <div class='pattern-list' ref='$patternList'></div>\n            </div>\n        "))}},{key:Jr("$patternList"),value:function(){var e=this;return this.state.patterns.map((function(t,n){var r=t.selected?"selected":"";return t.selected&&(e.selectedIndex=n),"\n            <div class='pattern-item ".concat(r,"' data-index='").concat(n,"' ref=\"fillIndex").concat(n,'"  draggable=\'true\'>\n                <object refClass="PatternSizeEditor" \n                    key="pattern-size"\n                    ref="$bp').concat(n,'"\n                    type="').concat(t.type,'"\n                    x="').concat(t.x,'"\n                    y="').concat(t.y,'"\n                    width="').concat(t.width,'"\n                    height="').concat(t.height,'"\n                    index="').concat(n,'"\n                    foreColor="').concat(t.foreColor,'"\n                    backColor="').concat(t.backColor,'"\n                    blendMode="').concat(t.blendMode,'"\n                    lineWidth="').concat(t.lineWidth,'"\n                    lineHeight="').concat(t.lineHeight,"\"\n                    onchange='changePatternSizeInfo' />\n                <div class='tools'>\n                    <button type=\"button\" class='remove' title='Remove a pattern' data-index='").concat(n,"'>").concat(xf.remove,"</button>\n                </div>\n            </div>\n            ")}))}},{key:"modifyPattern",value:function(){var e=Dc.join(this.state.patterns);this.parent.trigger(this.props.onchange,this.props.key,e)}},{key:Df("add"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"check",t=Zg.find((function(t){return t.key===e}));t&&(this.state.patterns.push.apply(this.state.patterns,Dc.parseStyle(t.execute()[0].pattern)),this.refresh(),this.modifyPattern())}},{key:pr("$add"),value:function(){this.trigger("add")}},{key:yr("$patternList .pattern-item"),value:function(e){this.startIndex=+e.$dt.attr("data-index")}},{key:mr("$patternList .pattern-item")+Zr,value:function(e){}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"sortPattern",value:function(e,t){this.sortItem(this.state.patterns,e,t)}},{key:gr("$patternList .pattern-item")+Zr,value:function(e){var t=+e.$dt.attr("data-index");this.selectItem(this.startIndex,!0),this.sortPattern(this.startIndex,t),this.modifyPattern(),this.refresh()}},{key:"getCurrentPattern",value:function(){return this.state.patterns[this.selectedIndex]}},{key:pr("$patternList .tools .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.state.patterns.splice(t,1),this.modifyPattern(),this.refresh()}},{key:"selectItem",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t?this.refs["fillIndex".concat(e)].addClass("selected"):this.refs["fillIndex".concat(e)].removeClass("selected"),this.state.patterns.forEach((function(t,n){t.selected=n===e}))}},{key:Df("changePatternSizeInfo")+Yr(10),value:function(e,t,n){this.state.patterns[n].reset(t),this.modifyPattern(),this.refresh()}}]),t}(If),PatternSizeEditor:Ug,GridGapEditor:Fg,NumberInputEditor:kv,GridLayoutItemEditor:_g,GridBoxEditor:zg,FlexLayoutItemEditor:Xg,GridLayoutEditor:Hg,FlexLayoutEditor:Rg,TextAreaEditor:Ig,ColorMatrixEditor:Jy,FuncFilterEditor:Uy,SVGFilterSelectEditor:Dg,FillEditor:Vg,FillSingleEditor:Pg,BorderEditor:Wv,BorderValueEditor:Yv,GradientSingleEditor:Sg,BackgroundPositionEditor:xg,OffsetPathListEditor:Gv,PolygonDataEditor:Bv,PathDataEditor:Fv,StrokeDashArrayEditor:Av,InputRangeEditor:uv,SelectIconEditor:mg,ImageSelectEditor:eg,IconListViewEditor:fg,InputArrayEditor:ey,DirectionEditor:gg,SVGClipPathEditor:vg,NumberRangeEditor:Mv,TextEditor:Qv,SVGFilterEditor:dg,CircleEditor:Jv,BackgroundImageEditor:Bf,BoxShadowEditor:Gf,BorderRadiusEditor:_f,ColorSingleEditor:Kf,ColorViewEditor:Wf,CubicBezierEditor:Uf,FilterEditor:lv,GradientEditor:yv,IterationCountEditor:mv,OffsetEditor:qv,CSSPropertyEditor:Zv,PerspectiveOriginEditor:Iv,RangeEditor:Nf,SelectEditor:Hf,TextShadowEditor:Rv,TransformEditor:jv,TransformOriginEditor:Ev,VarEditor:bv},Jg=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return qg}},{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(xf.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:pr("$close"),value:function(){this.$el.hide()}},{key:Cr("$title")+Wr("movePopupTitle")+Ur("endPopupTitle"),value:function(){this.x=nr.parse(this.$el.css("left")),this.y=nr.parse(this.$el.css("top"))}},{key:"movePopupTitle",value:function(e,t){var n=nr.px(this.x.value+e),r=nr.px(this.y.value+t);this.$el.css({left:n,top:r,right:"auto",bottom:"auto"})}},{key:"show",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:200,t=28,n=320,r=this.$el.css("top"),i=this.$el.css("left"),a="auto"!==r?nr.parse(r):nr.px(110),o="auto"!==i?nr.parse(i):nr.px(document.body.clientWidth-n-t-e);this.$el.css({top:a,left:o,"z-index":this.$editor.zIndex}).show("inline-block")}},{key:"hide",value:function(){this.$el.hide()}},{key:Df("hidePropertyPopup"),value:function(){this.hide()}}]),t}(If);function Qg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var em=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"Box Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",inset:!1,offsetX:nr.z(),offsetY:nr.z(),blurRadius:nr.z(),spreadRadius:nr.z()}}},{key:"updateData",value:function(e){this.setState(e,!1),this.emit(this.changeEvent,e,this.state.params)}},{key:"getBody",value:function(){return"<div class='box-shadow-property-popup' ref='$popup'></div>"}},{key:Jr("$popup"),value:function(){return'\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=\"popup-item offset-x\">\n          <object refClass=\"RangeEditor\"  ref='$offsetX' label='X' key='offsetX' value=\"").concat(this.state.offsetX,"\" onchange='changeRangeEditor' />\n        </div>\n        <div class=\"popup-item offset-y\">\n          <object refClass=\"RangeEditor\"  ref='$offsetY' label='Y' key='offsetY' value=\"").concat(this.state.offsetY,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class=\"popup-item blur-radius\">\n          <object refClass=\"RangeEditor\"  ref='$blurRadius' label='Blur' key='blurRadius' value=\"").concat(this.state.blurRadius,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class=\"popup-item spread-radius\">\n          <object refClass=\"RangeEditor\"  ref='$spreadRadius' label='Spread' key='spreadRadius' value=\"").concat(this.state.spreadRadius,"\" onchange='changeRangeEditor' />        \n        </div>\n        <div class='popup-item'>\n          <object refClass=\"ColorViewEditor\" \n              ref='$foreColor' \n              label=\"color\" \n              key='color' \n              value=\"").concat(this.state.color,'"\n              onchange="changeRangeEditor" />\n        </div>        \n      </div>\n    ')}},{key:pr("$popup .select button"),value:function(e){var t=e.$dt.attr("data-value");this.getRef("$type").attr("data-selected-value",t),this.updateData({inset:"inset"===t})}},{key:Cr("$popup .drag-board")+Wr("movePointer"),value:function(e){this.offsetX=e.offsetX,this.offsetY=e.offsetY;var t=this.getRef("$dragBoard").rect();this.boardWidth=t.width,this.boardHeight=t.height}},{key:"refreshPointer",value:function(){this.getRef("$pointer").css({left:this.state.offsetX,top:this.state.offsetY})}},{key:"movePointer",value:function(e,t){var n=this.offsetX+e,r=this.offsetY+t,i=this.boardWidth/2,a=this.boardHeight/2,o=n-i,s=r-a;o<-i?o=-i:o>i&&(o=i),s<-a?s=-a:s>a&&(s=a),o=Math.floor(o),s=Math.floor(s),this.getRef("$offsetX").val(o),this.getRef("$offsetY").val(s),this.updateData({offsetX:nr.px(o),offsetY:nr.px(s)}),this.refreshPointer(),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY)}},{key:Df("changeRangeEditor"),value:function(e,t){this.updateData(m()({},e,t)),"offsetX"!==e&&"offsetY"!==e||this.refreshPointer()}},{key:Df("showBoxShadowPropertyPopup"),value:function(e,t){this.changeEvent=e.changeEvent||"changeBoxShadowPropertyPopup",this.setState(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qg(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e,{params:t})),this.refresh(),this.show(432)}},{key:Df("hideBoxShadowPropertyPopup"),value:function(){this.hide()}}]),t}(Jg);ki({BoxShadowPropertyPopup:em});var tm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"Text Shadow Editor"}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)",offsetX:nr.z(),offsetY:nr.z(),blurRadius:nr.z()}}},{key:"updateData",value:function(e){this.setState(e,!1),this.emit(this.changeEvent,e,this.params)}},{key:"getBody",value:function(){return"<div class='text-shadow-property-popup' ref='$popup'></div>"}},{key:Jr("$popup"),value:function(){return'\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 class='popup-item'>\n          <object refClass=\"RangeEditor\"  ref='$offsetX' label='Offset X' key='offsetX' min=\"-100\" max='100' value='").concat(this.state.offsetX,"' onchange='changeShadow' />\n        </div>\n        <div class='popup-item'>\n          <object refClass=\"RangeEditor\"  ref='$offsetY' label=\"Offset Y\" key='offsetY' min=\"-100\" max='100' value='").concat(this.state.offsetY,"' onchange='changeShadow' />\n        </div>\n        <div class='popup-item'>\n          <object refClass=\"RangeEditor\"  ref='$blurRadius' label=\"Blur Radius\" key='blurRadius' value='").concat(this.state.blurRadius,"' onchange='changeShadow' />\n        </div>\n        <div class='popup-item'>\n          <object refClass=\"ColorViewEditor\" \n              ref='$foreColor' \n              label=\"color\" \n              key='color' \n              value=\"").concat(this.state.color,'"\n              onchange="changeShadow" />\n        </div>        \n      </div>\n    ')}},{key:Df("changeShadow"),value:function(e,t){this.updateData(m()({},e,t)),"offsetX"!==e&&"offsetY"!==e||this.refreshPointer()}},{key:Cr("$popup .drag-board")+Wr("movePointer"),value:function(e){this.offsetX=e.offsetX,this.offsetY=e.offsetY;var t=this.getRef("$dragBoard").rect();this.boardWidth=t.width,this.boardHeight=t.height}},{key:"refreshPointer",value:function(){this.getRef("$pointer").css({left:this.state.offsetX,top:this.state.offsetY})}},{key:"movePointer",value:function(e,t){var n=this.offsetX+e,r=this.offsetY+t,i=this.boardWidth/2,a=this.boardHeight/2,o=n-i,s=r-a;o<-i?o=-i:o>i&&(o=i),s<-a?s=-a:s>a&&(s=a),o=Math.floor(o),s=Math.floor(s),this.updateData({offsetX:nr.px(o),offsetY:nr.px(s)}),this.children.$offsetX.setValue(this.state.offsetX),this.children.$offsetY.setValue(this.state.offsetY),this.refreshPointer()}},{key:Df("showTextShadowPropertyPopup"),value:function(e,t){this.changeEvent=e.changeEvent||"changeTextShadowPropertyPopup",this.params=t,this.setState(e,!1),this.refresh(),this.show(432)}},{key:Df("hideTextShadowPropertyPopup"),value:function(){this.hide()}}]),t}(Jg);function nm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({TextShadowPropertyPopup:tm});var rm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("animation.property.popup.title")}},{key:"components",value:function(){return{SelectEditor:Hf,CubicBezierEditor:Uf,RangeEditor:Nf,IterationCountEditor:mv}}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{}}}},{key:"updateData",value:function(e){this.state.data=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?nm(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):nm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},this.state.data,{},e),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='animation-property-popup' ref='$popup'></div>"}},{key:Jr("$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      <object refClass="CubicBezierEditor" ref=\'$cubicBezierEditor\' key="timingFunction" value="').concat(this.state.data.timingFunction||"linear","\" 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:Jr("$name"),value:function(){var e=this,t=this.$selection.currentProject,n=[];return t&&t.keyframes&&(n=t.keyframes.map((function(e){return{key:e.name,value:e.name}}))),n.unshift({key:"Select a keyframe",value:""}),n.map((function(t){var n=t.value===e.name?"selected":"",r=e.$i18n(t.key);return"<option value='".concat(t.value,"' ").concat(n,">").concat(r,"</option>")}))}},{key:kr("$name"),value:function(){this.updateData({name:this.refs.$name.value})}},{key:"templateForDirection",value:function(){var e=this,t="normal,reverse,alternate,alternate-reverse".split(",").map((function(t){return"".concat(t,":").concat(e.$i18n(t))})).join(",");return"\n      <div class='direction'>\n        <object refClass=\"SelectEditor\"  \n            label='".concat(this.$i18n("animation.property.popup.direction"),"'\n            ref='$direction' \n            key='direction' \n            value=\"").concat(this.state.data.direction,"\"\n            options='").concat(t,"'\n            onChange='changeSelect'\n        /> \n      </div>\n    ")}},{key:Df("changeSelect"),value:function(e,t){this.updateData(m()({},e,t))}},{key:"templateForPlayState",value:function(){return"\n    <div class='play-state'>\n      <object refClass=\"SelectEditor\"  \n          label='".concat(this.$i18n("animation.property.popup.play.state"),"'\n          ref='$playState' \n          key='playState' \n          value=\"").concat(this.state.data.playState,"\"\n          options='").concat(["paused","running"],"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForFillMode",value:function(){var e=this,t="none,forwards,backwards,both".split(",").map((function(t){return"".concat(t,":").concat(e.$i18n(t))})).join(",");return"\n    <div class='fill-mode'>\n      <object refClass=\"SelectEditor\"  \n          label='".concat(this.$i18n("animation.property.popup.fill.mode"),"'\n          ref='$fillMode' \n          key='fillMode' \n          value=\"").concat(this.state.data.fillMode,"\"\n          options='").concat(t,"'\n          onChange='changeSelect'\n      /> \n    </div>\n  ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <object refClass=\"RangeEditor\"  \n        ref='$delay' \n        label='".concat(this.$i18n("animation.property.popup.delay"),"' \n        calc='false' \n        key='delay' \n        value='").concat(this.state.data.delay,"' \n        units='s,ms' \n        onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <object refClass=\"RangeEditor\"  \n        ref='$duration' \n        label='".concat(this.$i18n("animation.property.popup.duration"),"'  \n        key='duration' \n        value='").concat(this.state.data.duration,"' \n        units='s,ms' \n        onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForIterationCount",value:function(){return"\n      <div class='iteration-count'>\n        <object refClass=\"IterationCountEditor\"\n          ref='$iterationCount' \n          label='".concat(this.$i18n("animation.property.popup.iteration"),"' \n          key='iterationCount' \n          value='").concat(this.state.iterationCount||"0","' \n          units='normal,infinite' \n          onChange=\"changeRangeEditor\" \n        />\n      </div>\n    ")}},{key:Df("changeRangeEditor"),value:function(e,t){"iterationCount"===e&&(t="normal"===t.unit?nr.number(t.value):nr.string(t.unit)),this.updateData(m()({},e,t))}},{key:Df("changeCubicBezier"),value:function(e,t){this.updateData(m()({},e,t))}},{key:Df("showAnimationPropertyPopup"),value:function(e){this.setState(e),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",e.data.timingFunction)}},{key:Df("hideAnimationPropertyPopup"),value:function(){this.$el.hide()}}]),t}(Jg);ki({AnimationPropertyPopup:rm});var im=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("keyframe.popup.title")}},{key:"components",value:function(){return{OffsetEditor:qv}}},{key:"initState",value:function(){return{name:"none",offsets:[]}}},{key:"updateData",value:function(e){this.setState(e,!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        <object refClass=\"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:xr("$name"),value:function(e){if(!this.refs.$name.value.match(/^[a-zA-Z0-9\b]+$/))return e.preventDefault(),e.stopPropagation(),!1;this.updateData({name:this.refs.$name.value})}},{key:"getOffsetData",value:function(){return{offsets:this.state.offsets.map((function(e){return e}))}}},{key:"refresh",value:function(){this.refs.$name.val(this.state.name),this.emit("showOffsetEditor",this.getOffsetData())}},{key:Df("changeOffsetEditor"),value:function(e){this.updateData(e)}},{key:Df("showKeyframePopup"),value:function(e){this.setState(e),this.refresh(),this.show(240)}},{key:Df("hideKeyframePopup"),value:function(){this.$el.hide()}}]),t}(Jg);ki({KeyframePopup:im});var am=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{DirectionEditor:gg,RangeEditor:Nf}}},{key:"parseValue",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=e.split("round"),n=k()(t,2),r=n[0],i=n[1],a=qo.parse(r),o=k()(a,5),s=o[0],c=o[1],l=o[2],u=o[3],h=o[4];if(i)var p=qo.parse(i),d=k()(p,5),f=d[0],v=d[1],y=d[2],g=d[3],m=d[4];return{isAll:1===s,top:c,right:l,bottom:u,left:h,round:i,isAllRadius:1===f,topRadius:v,rightRadius:y,bottomRadius:g,leftRadius:m}}},{key:"initState",value:function(){return this.parseValue(this.props.value)}},{key:"template",value:function(){var e=this.state,t=e.top,n=e.right,r=e.bottom,i=e.left,a=e.round,o=nr.percent(Math.abs((i.value-(100-n.value))/2)).toPx(220),s=t.toPx(220),c=o.clone(),l=nr.percent(100-r.value).toPx(220),u=nr.percent(100-n.value).toPx(220),h=nr.percent(Math.abs((t.value-(100-r.value))/2)).toPx(220),p=i.toPx(220),d=nr.percent(Math.abs((t.value-(100-r.value))/2)).toPx(220),f=a?"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(o,";top: ").concat(s,";'></div>\n                <div class='drag-pointer' data-type='right' ref='$right' style='left: ").concat(u,";top: ").concat(h,";'></div>\n                <div class='drag-pointer' data-type='bottom' ref='$bottom' style='left: ").concat(c,";top: ").concat(l,";'></div>\n                <div class='drag-pointer' data-type='left' ref='$left' style='left: ").concat(p,";top: ").concat(d,";'></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(s,";width: ").concat(nr.px(u.value-i.value),";height: ").concat(nr.px(l.value-s.value),";'></div>\n            </div>\n            <div class='round-area'>\n                <label><input type=\"checkbox\" ").concat(f," ref='$hasRound' /> Round </label>\n                <div ref='$round'></div>\n            </div>\n        </div>\n    ")}},{key:ni("$clipAreaView"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:pr("$hasRound"),value:function(e){this.updateData({round:this.refs.$hasRound.checked()}),this.bindData("$clipAreaView")}},{key:Jr("$round"),value:function(){var e=this.state,t=[e.topRadius,e.rightRadius,e.bottomRadius,e.leftRadius].join(" ");return"<object refClass=\"DirectionEditor\" ref='$borderRadius' value='".concat(t,"' onchange='changeBorderRadius' />")}},{key:Df("changeBorderRadius"),value:function(e){var t=k()(e,5),n=t[0],r=t[1],i=t[2],a=t[3],o=t[4];this.updateData({isAllRadius:1===n,topRadius:r,rightRadius:i,bottomRadius:a,leftRadius:o}),this.bindData("$clipAreaView")}},{key:"refreshPointer",value:function(){var e=this.state,t=e.top,n=e.right,r=e.bottom,i=e.left,a=Math.abs((i.value+(100-n.value))/2),o=Math.abs((t.value+(100-r.value))/2),s=nr.percent(a).toPx(220),c=t.toPx(220),l=nr.percent(a).toPx(220),u=nr.percent(100-r.value).toPx(220),h=nr.percent(100-n.value).toPx(220),p=nr.percent(o).toPx(220),d=i.toPx(220),f=nr.percent(o).toPx(220);this.refs.$top.css({left:s,top:c}),this.refs.$right.css({left:h,top:p}),this.refs.$bottom.css({left:l,top:u}),this.refs.$left.css({left:d,top:f}),this.refs.$clipArea.css({left:d,top:c,width:nr.px(h.value-d.value),height:nr.px(u.value-c.value)}),this.bindData("$clipAreaView")}},{key:Cr("$area .clip-area-handle")+Wr("moveClipArea"),value:function(e){this.type=e.$dt.attr("data-type"),this.$target=e.$dt,this.areaRect=this.refs.$area.rect(),this.startXY=e.xy,this.clipRect={left:nr.parse(this.$target.css("left")),top:nr.parse(this.$target.css("top")),width:nr.parse(this.$target.css("width")),height:nr.parse(this.$target.css("height"))}}},{key:"moveClipArea",value:function(e,t){var n=this.clipRect.width.value,r=this.clipRect.height.value,i=this.clipRect.left.value+e,a=this.clipRect.top.value+t;0>i?i=0:this.areaRect.width<i+n&&(i=this.areaRect.width-n),0>a?a=0:this.areaRect.height<a+r&&(a=this.areaRect.height-r);var o=nr.px(i),s=nr.px(a);this.updateData({top:s.toPercent(this.areaRect.height).round(100),bottom:nr.px(this.areaRect.height-(a+r)).toPercent(this.areaRect.height).round(100),right:nr.px(this.areaRect.width-(i+n)).toPercent(this.areaRect.width).round(100),left:o.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:Cr("$area .drag-pointer")+Wr(),value:function(e){this.type=e.$dt.attr("data-type"),this.$target=e.$dt,this.areaRect=this.refs.$area.rect(),this.startXY=e.xy}},{key:"move",value:function(e,t){var n=this.startXY.x+e,r=this.startXY.y+t;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 i=nr.px(n-this.areaRect.x),a=nr.px(r-this.areaRect.y);"top"===this.type?this.updateData({top:a.toPercent(this.areaRect.height).round(100)}):"bottom"===this.type?this.updateData({bottom:nr.px(this.areaRect.height-a.value).toPercent(this.areaRect.height).round(100)}):"right"===this.type?this.updateData({right:nr.px(this.areaRect.width-i.value).toPercent(this.areaRect.width).round(100)}):"left"===this.type&&this.updateData({left:i.toPercent(this.areaRect.width).round(100)}),this.refreshPointer()}},{key:"toClipPathValueString",value:function(){var e=this.state,t=e.top,n=e.right,r=e.left,i=e.bottom,a=e.round,o=e.topRadius,s=e.leftRadius,c=e.bottomRadius,l=e.rightRadius,u=[t,n,i,r].join(" "),h=[o,l,c,s].join(" ");return"".concat(u," ").concat(a&&h.trim()?"round ".concat(h):"")}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),t}(If);function om(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var sm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Nf}}},{key:"parseValue",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=220,n=220;return e.split(",").filter((function(e){return e.trim()})).map((function(e){var r=e.trim().split(" "),i=k()(r,2),a=i[0],o=i[1];return{x:nr.parse(a).toPx(t),y:nr.parse(o).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:Jr("$inputList"),value:function(){return this.state.value.map((function(e,t){return"\n            <div class='pointer-item' data-index=\"".concat(t,"\">\n                <div class='input-item'>\n                    <label>X</label><input type='number' class='x' value=\"").concat(e.x.value.toString(),"\" /><span>%</span>\n                </div>\n                <div class='input-item'>\n                    <label>Y</label><input type='number' class='y' value=\"").concat(e.y.value.toString(),"\" /><span>%</span>\n                </div>\n                <div class='tools'>\n                    <button type=\"button\" class='copy' data-index=\"").concat(t,'">').concat(xf.copy,'</button>\n                    <button type="button" class=\'remove\' data-index="').concat(t,'">').concat(xf.remove2,"</button>\n                </div>\n            </div>\n            ")}))}},{key:pr("$area")+Zr,value:function(e){if(rr.create(e.target).is(this.refs.$area)){this.areaRect=this.refs.$area.rect();var t=e.xy,n=t.x,r=t.y;this.appendValue({x:nr.px(n-this.areaRect.left),y:nr.px(r-this.areaRect.top)}),this.refresh()}}},{key:pr("$inputList .pointer-item .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.removeValue(t),this.refresh()}},{key:pr("$inputList .pointer-item .copy"),value:function(e){var t=+e.$dt.attr("data-index");this.copyValue(t),this.refresh()}},{key:ni("$clipArea"),value:function(){return{style:{"clip-path":"polygon(".concat(this.toClipPathValueString(),")")}}}},{key:Jr("$list"),value:function(){var e=this;return this.state.value.map((function(t,n){var r=[0===n?"first":"",n===e.state.value.length-1?"last":""].filter((function(e){return e})).join(" ");return"<div class='drag-pointer ".concat(r,"' data-index=\"").concat(n.toString(),"\" style='left: ").concat(t.x,";top: ").concat(t.y,";'></div>")}))}},{key:pr("$area .drag-pointer")+Nr+Zr,value:function(e){var t=+e.$dt.attr("data-index");this.removeValue(t),this.refresh()}},{key:Cr("$area .drag-pointer")+Wr(),value:function(e){this.selectedIndex=+e.$dt.attr("data-index"),this.$target=e.$dt,this.areaRect=this.refs.$area.rect(),this.startXY=e.xy,this.$value=this.state.value[this.selectedIndex];var t=this.refs.$inputList;this.$x=t.$('.pointer-item[data-index="'.concat(this.selectedIndex,'"] input.x')),this.$y=t.$('.pointer-item[data-index="'.concat(this.selectedIndex,'"] input.y'))}},{key:"move",value:function(e,t){var n=this.startXY.x+e,r=this.startXY.y+t;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 i=nr.px(n-this.areaRect.x),a=nr.px(r-this.areaRect.y);this.$target.css({left:i,top:a}),this.updateValue(this.selectedIndex,{x:i,y:a});this.$x.val(i.toPercent(220).round(10).value),this.$y.val(a.toPercent(220).round(10).value),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){return this.state.value.map((function(e){return"".concat(e.x.toPercent(220).round(10)," ").concat(e.y.toPercent(220).round(10))})).join(",")}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"appendValue",value:function(e){this.state.value.push(e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"removeValue",value:function(e){this.state.value.splice(e,1),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"copyValue",value:function(e){var t=this.state.value[e],n=t.x,r=t.y;this.state.value.splice(e+1,0,{x:nr.px(n.value+10),y:nr.px(r.value+10)}),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:"updateValue",value:function(e,t){this.state.value[e]=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?om(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):om(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},this.state.value[e],{},t),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}}]),t}(If),cm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{RangeEditor:Nf}}},{key:"parseValue",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"50% 50%",t="50% 50%",n="";if((e=e||"50%").includes("at")){var r=e.split("at").map((function(e){return e.trim()})),i=k()(r,2);t=i[0],n=i[1]}else n=e.trim();var a=n.split(" "),o=k()(a,2),s=o[0],c=o[1];et(c)&&(c=s),s=nr.parse(s),c=nr.parse(c);var l=t.split(" "),u=k()(l,2),h=u[0],p=u[1];return et(p)&&(p=h),{radiusX:h=nr.parse(h),radiusY:p=nr.parse(p),x:s,y:c}}},{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                <object refClass=\"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                <object refClass=\"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:ni("$clipArea"),value:function(){return{style:{"clip-path":"".concat(this.props.key,"(").concat(this.toClipPathValueString(),")")}}}},{key:Cr("$area")+Wr()+Ur(),value:function(e){this.areaRect=this.refs.$area.rect(),this.startXY=e.xy}},{key:"move",value:function(e,t){var n=this.startXY.x+e,r=this.startXY.y+t;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 i=nr.percent((n-this.areaRect.x)/this.areaRect.width*100).round(1),a=nr.percent((r-this.areaRect.y)/this.areaRect.height*100).round(1);this.refs.$pointer.css({left:i,top:a}),this.updateData({x:i,y:a}),this.bindData("$clipArea")}},{key:"toClipPathValueString",value:function(){var e=this.state,t=e.x,n=e.y,r=e.radiusX,i=e.radiusY,a="".concat(t," ").concat(n),o="".concat(r," ").concat(i);return"".concat(o," at ").concat(a)}},{key:"updateData",value:function(e){this.setState(e),this.parent.trigger(this.props.onchange,this.props.key,this.toClipPathValueString(),this.props.params)}},{key:Df("changeRangeEditor"),value:function(e,t){this.updateData(m()({},e,t.clone()))}}]),t}(If),lm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"ClipPath"}},{key:"components",value:function(){return{EllipseEditor:cm,PolygonEditor:sm,InsetEditor:am,SelectEditor:Hf,CircleEditor:Jv}}},{key:"initState",value:function(){return{type:"none",value:""}}},{key:"toClipPathCSS",value:function(){return ts.toCSS(this.state)}},{key:"updateData",value:function(e){this.setState(e,!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:Jr("$clippathType"),value:function(){return"\n      <div>".concat(this.state.type," Editor</div>\n    ")}},{key:Jr("$clippath"),value:function(){switch(this.state.type){case"circle":return"<object refClass=\"CircleEditor\" ref='$circle' key='circle' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"ellipse":return"<object refClass=\"EllipseEditor\" ref='$ellipse' key='ellipse' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"inset":return"<object refClass=\"InsetEditor\" ref='$inset' key='inset' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"polygon":return"<object refClass=\"PolygonEditor\" ref='$polygon' key='polygon' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"path":return"<object refClass=\"PathEditor\" ref='$path' key='path' value='".concat(this.state.value,"' onchange='changeClipPath' />");case"svg":var e=(this.$selection.currentProject||{svg:[]}).svg.filter((function(e){return"clip-path"===e.type})).map((function(e){return e.name})).join(",");return e.length&&(e=","+e),"<object refClass=\"SelectEditor\"  ref='$svg' key='svg' value='".concat(this.state.value,"' options='").concat(e,"' onchange='changeClipPath' />");default:return"<div class='type none'></div>"}}},{key:Df("changeClipPath"),value:function(e,t){this.updateData({type:e,value:t})}},{key:Df("showClipPathPopup"),value:function(e){this.state.changeEvent=e.changeEvent,this.setState(ts.parseStyle(e["clip-path"])),this.refresh(),this.show(220)}},{key:Df("hideClipPathPopup"),value:function(){this.hide()}}]),t}(Jg);function um(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({ClipPathPopup:lm});var hm=["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","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"],pm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"Transition"}},{key:"components",value:function(){return{SelectEditor:Hf,CubicBezierEditor:Uf,RangeEditor:Nf}}},{key:"initState",value:function(){return{changeEvent:"",instance:{},data:{timingFunction:"linear",duration:"0s",delay:"0s",name:"all"}}}},{key:"updateData",value:function(e){this.state.data=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?um(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):um(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},this.state.data,{},e),this.state.instance&&this.state.instance.trigger(this.state.changeEvent,this.state.data)}},{key:"getBody",value:function(){return"<div class='transition-property-popup' ref='$popup'></div>"}},{key:Jr("$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      <object refClass="CubicBezierEditor" ref=\'$cubicBezierEditor\' key="timingFunction" value="'.concat(this.state.data.timingFunction||"linear","\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:Df("changeTransition"),value:function(e,t){this.updateData(m()({},e,t))}},{key:"templateForProperty",value:function(){return'\n      <div class=\'name\'>\n        <object refClass="SelectEditor"  ref=\'$property\' icon="true" label="Property" key=\'name\' value="'.concat(this.state.data.name,'" options="').concat(hm.join(","),"\" onChange='changeTransition' /> \n      </div>\n    ")}},{key:"templateForDelay",value:function(){return"\n    <div class='delay'>\n      <object refClass=\"RangeEditor\"  ref='$delay' label='Delay' calc='false' key='delay' value='".concat(this.state.data.delay,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:"templateForDuration",value:function(){return"\n    <div class='duration'>\n      <object refClass=\"RangeEditor\"  ref='$duration' label='Duration'  calc='false' key='duration' value='".concat(this.state.data.duration,"' units='s,ms' onChange=\"changeRangeEditor\" />\n    </div>\n    ")}},{key:Df("changeRangeEditor"),value:function(e,t){this.updateData(m()({},e,t))}},{key:Df("changeCubicBezier"),value:function(e,t){this.updateData(m()({},e,t))}},{key:Df("showTransitionPropertyPopup"),value:function(e){this.setState(e),this.show(250),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",e.data.timingFunction)}},{key:Df("hideTransitionPropertyPopup"),value:function(){this.$el.hide()}}]),t}(Jg);ki({TransitionPropertyPopup:pm});var dm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"SVG Property"}},{key:"components",value:function(){return{SVGFilterEditor:dg,SVGClipPathEditor:vg}}},{key:"initState",value:function(){return{changeEvent:"changeSVGPropertyPopup",name:"",type:"",value:[]}}},{key:"updateData",value:function(e){this.setState(e,!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:Jr("$editor"),value:function(){switch(this.state.type){case"filter":return'\n          <object refClass="SVGFilterEditor" ref=\'$filter\' title="SVG Filter" key="filter" onchange=\'changeFilterEditor\'>\n            <property name="value" type="json">'.concat(JSON.stringify(this.state.value),"</property>\n          </div>\n        ");case"clip-path":return'\n          <object refClass="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          </div>\n        ")}return""}},{key:Df("changeFilterEditor"),value:function(e,t){this.updateData({value:t})}},{key:Df("changeClipPathEditor"),value:function(e,t){this.updateData({value:t})}},{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:xr("$name"),value:function(e){if(!this.refs.$name.value.match(/^[a-zA-Z0-9\b]+$/))return e.preventDefault(),e.stopPropagation(),!1;this.updateData({name:this.refs.$name.value})}},{key:"refresh",value:function(){this.refs.$name.val(this.state.name),this.load()}},{key:Df("showSVGPropertyPopup"),value:function(e){this.setState(e),this.refresh(),this.show(250)}},{key:Df("hideSVGPropertyPopup"),value:function(){this.$el.hide()}}]),t}(Jg);ki({SVGPropertyPopup:dm});var fm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("selector.popup.title")}},{key:"components",value:function(){return{CSSPropertyEditor:Zv}}},{key:"initState",value:function(){return{selector:"",properties:[]}}},{key:"updateData",value:function(e){this.setState(e,!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"<object refClass=\"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:xr("$selector"),value:function(e){if(!this.refs.$selector.value.match(/^[a-zA-Z0-9\:\_\-\.\b]+$/))return e.preventDefault(),e.stopPropagation(),!1;this.updateData({selector:this.refs.$selector.value})}},{key:"refresh",value:function(){si()(Xn()(t.prototype),"refresh",this).call(this),this.refs.$selector.val(this.state.selector),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.state.properties)}},{key:Df("changePropertyEditor"),value:function(e){this.updateData({properties:e})}},{key:Df("showSelectorPopup"),value:function(e){this.setState(e),this.refresh(),this.show(250)}}]),t}(Jg);ki({SelectorPopup:fm});var vm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{hue:0,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:ni("$bar"),value:function(){var e=this.state.hue;return{style:{left:nr.percent(e/360*100)},class:{first:e<=this.state.minValue,last:e>=this.state.maxValue}}}},{key:Cr("$container")+Wr("movePointer")+Ur("moveEndPointer"),value:function(e){this.rect=this.refs.$container.rect(),this.refreshColorUI()}},{key:"movePointer",value:function(){this.refreshColorUI()}},{key:"refreshColorUI",value:function(){var e=this.rect.left,t=this.rect.right,n=(Math.max(Math.min(t,this.$config.get("bodyEvent").clientX),e)-e)/(t-e);this.parent.changeColor({h:n*this.state.maxValue,type:"hsv"})}},{key:"setValue",value:function(e){this.setState({hue:e})}}]),t}(If),ym=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{colorbar:Mn.parse("rgba(0, 0, 0, 1)"),opacity:0,minValue:0,maxValue:100}}},{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:ni("$colorbar"),value:function(){var e=ht(this.state.colorbar);e.a=0;var t=Mn.format(e,"rgb");e.a=1;var n=Mn.format(e,"rgb");return{style:{background:"linear-gradient(to right, ".concat(t,", ").concat(n,")")}}}},{key:ni("$bar"),value:function(){var e=100*this.state.opacity;return{style:{left:nr.percent(e)},class:{first:e<=this.state.minValue,last:e>=this.state.maxValue}}}},{key:Cr("$container")+Wr("movePointer")+Ur("moveEndPointer"),value:function(e){this.rect=this.refs.$container.rect(),this.refreshColorUI()}},{key:"movePointer",value:function(){this.refreshColorUI()}},{key:"refreshColorUI",value:function(){var e=this.rect.left,t=this.rect.right,n=(Math.max(Math.min(t,this.$config.get("bodyEvent").clientX),e)-e)/(t-e);this.parent.changeColor({a:n})}},{key:"setValue",value:function(e,t){this.setState({opacity:t,colorbar:e})}}]),t}(If),gm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{value:"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return"<div class='color'></div>"}},{key:ni("$el"),value:function(){return{style:{"background-color":this.state.value}}}},{key:"setValue",value:function(e){this.setState({value:e})}}]),t}(If),mm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(e){this.format=e,this.initFormat()}},{key:"initFormat",value:function(){var e=this,t=this.format||"hex";["hex","rgb","hsl"].filter((function(e){return e!==t})).forEach((function(t){e.$el.removeClass(t)})),this.$el.addClass(t)}},{key:"nextFormat",value:function(){var e=this.format||"hex",t="hex";"hex"==e?t="rgb":"rgb"==e?t="hsl":"hsl"==e&&(t=1==this.parent.alpha?"hex":"rgb"),this.format=t,this.initFormat(),this.parent.changeFormat(this.format)}},{key:"goToFormat",value:function(e){this.format=e,"rgb"!==e&&"hsl"!==e||this.initFormat(),this.parent.changeFormat(this.format)}},{key:"getFormat",value:function(){return this.format||"hex"}},{key:"changeRgbColor",value:function(){this.parent.lastUpdateColor({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.lastUpdateColor({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:xr("$rgb_r"),value:function(e){this.changeRgbColor()}},{key:xr("$rgb_g"),value:function(e){this.changeRgbColor()}},{key:xr("$rgb_b"),value:function(e){this.changeRgbColor()}},{key:xr("$rgb_a"),value:function(e){this.changeRgbColor()}},{key:xr("$hsl_h"),value:function(e){this.changeHslColor()}},{key:xr("$hsl_s"),value:function(e){this.changeHslColor()}},{key:xr("$hsl_l"),value:function(e){this.changeHslColor()}},{key:xr("$hsl_a"),value:function(e){this.changeHslColor()}},{key:vr("$hexCode"),value:function(e){var t=this.refs.$hexCode.val();"#"!=t.charAt(0)||7!=t.length&&9!==t.length||(this.parent.initColor(t),this.emit("lastUpdateColor"))}},{key:pr("$formatChangeButton"),value:function(e){this.nextFormat()}},{key:pr("$el .information-item.hex .input-field .title"),value:function(e){this.goToFormat("hex")}},{key:pr("$el .information-item.rgb .input-field .title"),value:function(e){this.goToFormat("hsl")}},{key:pr("$el .information-item.hsl .input-field .title"),value:function(e){this.goToFormat("rgb")}},{key:"setRGBInput",value:function(){this.refs.$rgb_r.val(this.manager.rgb.r),this.refs.$rgb_g.val(this.manager.rgb.g),this.refs.$rgb_b.val(this.manager.rgb.b),this.refs.$rgb_a.val(this.manager.alpha)}},{key:"setHSLInput",value:function(){this.refs.$hsl_h.val(this.manager.hsl.h),this.refs.$hsl_s.val(this.manager.hsl.s),this.refs.$hsl_l.val(this.manager.hsl.l),this.refs.$hsl_a.val(this.manager.alpha)}},{key:"setHexInput",value:function(){this.refs.$hexCode.val(this.manager.toString("hex"))}},{key:"setValue",value:function(){this.refresh()}},{key:"refresh",value:function(){this.setCurrentFormat(this.manager.format),this.setRGBInput(),this.setHSLInput(),this.setHexInput()}},{key:"manager",get:function(){return this.parent.manager}}]),t}(If),bm=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{hueColor:"rgba(0, 0, 0, 1)",s:0,v:0}}},{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:"afterRender",value:function(){this.rect=this.$el.rect()}},{key:ni("$el"),value:function(){return{style:{"background-color":this.state.hueColor}}}},{key:ni("$drag_pointer"),value:function(){0===this.rect.width&&(this.rect=this.$el.rect());var e=this.rect.width*this.state.s,t=this.rect.height*(1-this.state.v);return{style:{left:nr.px(e),top:nr.px(t)}}}},{key:Cr("$el")+Wr("movePointer")+Ur("moveEndPointer"),value:function(e){this.rect=this.$el.rect(),this.refreshColorUI()}},{key:"movePointer",value:function(){this.refreshColorUI()}},{key:"moveEndPointer",value:function(){this.parent.changeEndColor()}},{key:"refreshColorUI",value:function(){var e=this.$config.get("bodyEvent"),t=this.rect.left,n=this.rect.right,r=this.rect.top,i=this.rect.bottom,a=i-r,o=(Math.min(n,Math.max(t,e.clientX))-t)/(n-t),s=(a-(Math.min(i,Math.max(r,e.clientY))-r))/a;this.parent.changeColor({type:"hsv",s:o,v:s})}},{key:"setValue",value:function(e,t,n){this.setState({s:e,v:t,hueColor:n})}}]),t}(If);function km(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function xm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?km(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):km(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var wm=function(){function e(){zn()(this,e),this.initialize()}return Bn()(e,[{key:"initialize",value:function(){this.state={rgb:{},hsl:{},hsv:{},alpha:1,format:"hex"}}},{key:"changeFormat",value:function(e){this.state.format=e}},{key:"initColor",value:function(e){this.changeColor(e)}},{key:"changeColor",value:function(e){it(e=e||"#FF0000")&&(e=Mn.parse(e)),this.state.alpha=et(e.a)?this.state.alpha:e.a,this.state.format="hsv"!=e.type&&e.type||this.state.format,"hsl"==e.type?(this.state.hsl=xm({},this.state.hsl,{},e),this.state.rgb=Mn.HSLtoRGB(this.state.hsl),this.state.hsv=Mn.HSLtoHSV(e)):"hex"==e.type?(this.state.rgb=xm({},this.state.rgb,{},e),this.state.hsl=Mn.RGBtoHSL(this.state.rgb),this.state.hsv=Mn.RGBtoHSV(e)):"rgb"==e.type?(this.state.rgb=xm({},this.state.rgb,{},e),this.state.hsl=Mn.RGBtoHSL(this.state.rgb),this.state.hsv=Mn.RGBtoHSV(e)):"hsv"==e.type&&(this.state.hsv=xm({},this.state.hsv,{},e),this.state.rgb=Mn.HSVtoRGB(this.state.hsv),this.state.hsl=Mn.HSVtoHSL(this.state.hsv))}},{key:"getHueColor",value:function(){return Rn.checkHueColor(this.state.hsv.h/360)}},{key:"toString",value:function(e){e=e||this.state.format;var t=this.state[e]||this.state.rgb;return Mn.format(xm({},t,{a:this.state.alpha}),e)}},{key:"toColor",value:function(e){return e=(e||this.state.format).toLowerCase(),this.toString(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}}]),e}(),Sm={title:"random",key:"random",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42,t=Mn.randomByCount(e).map((function(e){return{color:e}}));return t.sort((function(e,t){var n=Mn.parse(e.color),r=Mn.parse(t.color);return n.h>r.h?1:-1})),t}},Pm=["#ffebee","#ffcdd2","#ef9a9a","#e57373","#ef5350","#f44336","#e53935","#d32f2f","#c62828","#b71c1c","#f44336","#ff8a80","#ff5252","#ff1744","#d50000"].map((function(e){return{color:e}})),jm={title:"material red",key:"material-red",execute:function(){return Pm}},Om=["#fce4ec","#f8bbd0","#f48fb1","#f06292","#ec407a","#e91e63","#d81b60","#c2185b","#ad1457","#880e4f","#e91e63","#ff80ab","#ff4081","#f50057","#c51162"].map((function(e){return{color:e}})),$m={title:"material pink",key:"material-pink",execute:function(){return Om}},Cm=["#f3e5f5","#e1bee7","#ce93d8","#ba68c8","#ab47bc","#9c27b0","#8e24aa","#7b1fa2","#6a1b9a","#4a148c","#9c27b0","#ea80fc","#e040fb","#d500f9","#aa00ff"].map((function(e){return{color:e}})),Em={title:"material purple",key:"material-purple",execute:function(){return Cm}},Tm=["#ede7f6","#d1c4e9","#b39ddb","#9575cd","#7e57c2","#673ab7","#5e35b1","#512da8","#4527a0","#311b92","#673ab7","#b388ff","#7c4dff","#651fff","#6200ea"].map((function(e){return{color:e}})),Vm={title:"material deep purple",key:"material-deeppurple",execute:function(){return Tm}},Dm=["#e8eaf6","#c5cae9","#9fa8da","#7986cb","#5c6bc0","#3f51b5","#3949ab","#303f9f","#283593","#1a237e","#3f51b5","#8c9eff","#536dfe","#3d5afe","#304ffe"].map((function(e){return{color:e}})),Im={title:"material indigo",key:"material-indigo",execute:function(){return Dm}},Mm=["#e3f2fd","#bbdefb","#90caf9","#64b5f6","#42a5f5","#2196f3","#1e88e5","#1976d2","#1565c0","#0d47a1","#2196f3","#82b1ff","#448aff","#2979ff","#2962ff"].map((function(e){return{color:e}})),Lm={title:"material blue",key:"material-blue",execute:function(){return Mm}},Rm=["#e1f5fe","#b3e5fc","#81d4fa","#4fc3f7","#29b6f6","#03a9f4","#039be5","#0288d1","#0277bd","#01579b","#03a9f4","#80d8ff","#40c4ff","#00b0ff","#0091ea"].map((function(e){return{color:e}})),Am={title:"material light blue",key:"material-lightblue",execute:function(){return Rm}},zm=["#e0f7fa","#b2ebf2","#80deea","#4dd0e1","#26c6da","#00bcd4","#00acc1","#0097a7","#00838f","#006064","#00bcd4","#84ffff","#18ffff","#00e5ff","#00b8d4"].map((function(e){return{color:e}})),Fm={title:"material cyan",key:"material-cyan",execute:function(){return zm}},Bm=["#e0f2f1","#b2dfdb","#80cbc4","#4db6ac","#26a69a","#009688","#00897b","#00796b","#00695c","#004d40","#009688","#a7ffeb","#64ffda","#1de9b6","#00bfa5"].map((function(e){return{color:e}})),Gm={title:"material teal",key:"material-teal",execute:function(){return Bm}},Hm=["#E8F5E9","#C8E6C9","#A5D6A7","#81C784","#66BB6A","#4CAF50","#43A047","#388E3C","#2E7D32","#1B5E20","#B9F6CA","#69F0AE","#00E676","#00C853"].map((function(e){return{color:e}})),Nm={title:"material green",key:"material-green",execute:function(){return Hm}},Xm=["#F1F8E9","#DCEDC8","#C5E1A5","#AED581","#9CCC65","#8BC34A","#7CB342","#689F38","#558B2F","#33691E","#CCFF90","#B2FF59","#76FF03","#64DD17"].map((function(e){return{color:e}})),Ym={title:"material lightgreen",key:"material-lightgreen",execute:function(){return Xm}},_m=["#F9FBE7","#F0F4C3","#E6EE9C","#DCE775","#D4E157","#CDDC39","#C0CA33","#AFB42B","#9E9D24","#827717","#F4FF81","#EEFF41","#C6FF00","#AEEA00"].map((function(e){return{color:e}})),Km={title:"material lime",key:"material-lime",execute:function(){return _m}},Wm=["#FFFDE7","#FFF9C4","#FFF59D","#FFF176","#FFEE58","#FFEB3B","#FDD835","#FBC02D","#F9A825","#F57F17","#FFFF8D","#FFFF00","#FFEA00","#FFD600"].map((function(e){return{color:e}})),Um={title:"material yellow",key:"material-yellow",execute:function(){return Wm}},Zm=["#FFF8E1","#FFECB3","#FFE082","#FFD54F","#FFCA28","#FFC107","#FFB300","#FFA000","#FF8F00","#FF6F00","#FFE57F","#FFD740","#FFC400","#FFAB00"].map((function(e){return{color:e}})),qm={title:"material amber",key:"material-amber",execute:function(){return Zm}},Jm=["#FFF3E0","#FFE0B2","#FFCC80","#FFB74D","#FFA726","#FF9800","#FB8C00","#F57C00","#EF6C00","#E65100","#FFD180","#FFAB40","#FF9100","#FF6D00"].map((function(e){return{color:e}})),Qm={title:"material orange",key:"material-orange",execute:function(){return Jm}},eb=["#FBE9E7","#FFCCBC","#FFAB91","#FF8A65","#FF7043","#FF5722","#F4511E","#E64A19","#D84315","#BF360C","#FF9E80","#FF6E40","#FF3D00","#DD2C00"].map((function(e){return{color:e}})),tb={title:"material deep orange",key:"material-deeporange",execute:function(){return eb}},nb=["#EFEBE9","#D7CCC8","#BCAAA4","#A1887F","#8D6E63","#795548","#6D4C41","#5D4037","#4E342E","#3E2723"].map((function(e){return{color:e}})),rb={title:"material brown",key:"material-brown",execute:function(){return nb}},ib=["#FAFAFA","#F5F5F5","#EEEEEE","#E0E0E0","#BDBDBD","#9E9E9E","#757575","#616161","#424242","#212121"].map((function(e){return{color:e}})),ab={title:"material gray",key:"material-gray",execute:function(){return ib}},ob=["#ECEFF1","#CFD8DC","#B0BEC5","#90A4AE","#78909C","#607D8B","#546E7A","#455A64","#37474F","#263238"].map((function(e){return{color:e}})),sb={title:"material bluegray",key:"material-bluegray",execute:function(){return ob}},cb=["#f8f9fa","#f1f3f5","#e9ecef","#dee2e6","#ced4da","#adb5bd","#868e96","#495057","#343a40","#212529"].map((function(e){return{color:e}})),lb=[Sm,{title:"opencolor gray",resource:"https://yeun.github.io/open-color/",key:"opencolor-gray",execute:function(){return cb}},jm,$m,Em,Vm,Im,Lm,Am,Fm,Gm,Nm,Ym,Km,Um,qm,Qm,tb,rb,ab,sb],ub=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Hf}}},{key:"initState",value:function(){return{mode:"grid",preset:"random"}}},{key:"getTools",value:function(){var e=lb.map((function(e){return"".concat(e.key,":").concat(e.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(e,'" onchange="changePreset"  />\n    '))}},{key:Df("changePreset"),value:function(e,t){this.setState(m()({},e,t))}},{key:"template",value:function(){return"\n      <div class='color-assets-editor'>\n        <div class='color-assets-head'>\n          <label>".concat(this.$i18n("color.asset.property.title"),"</label>\n          <div class='tools'>").concat(this.getTools(),"</div>\n        </div>\n        <div class='color-list' ref='$colorList' data-view-mode='").concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:Jr("$colorList"),value:function(){var e=this,t=lb.find((function(t){return t.key===e.state.preset}));return t?t.execute().map((function(e,t){return"\n        <div class='color-item' data-index=\"".concat(t,'" data-color="').concat(e.color,"\">\n          <div class='preview' title=\"").concat(e.color,'" data-index="').concat(t,"\">\n            <div class='color-view' style='background-color: ").concat(e.color,";'></div>\n          </div>\n        </div>\n      ")})):""}},{key:"executeColor",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=this.$selection.currentProject;r?(e&&e(r),t&&this.refresh(),n&&this.emit("refreshColorAssets")):alert("Please select a project.")}},{key:pr("$colorList .preview"),value:function(e){var t=e.$dt.$(".color-view").css("background-color");this.modifyColorPicker(t)}},{key:"modifyColorPicker",value:function(e){this.parent.trigger(this.props.onchange,this.props.key,e,this.props.params)}}]),t}(If),hb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"created",value:function(){this.manager=new wm}},{key:"initState",value:function(){var e=this.props.value||"rgba(0, 0, 0, 1)";return this.manager.initColor(e),{key:this.props.key,value:this.manager.toString()}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.modifyColorPicker()}},{key:"modifyColorPicker",value:function(){this.parent.trigger(this.props.onchange,this.props.key,this.state.value,this.props.params)}},{key:"initColor",value:function(e,t){this.manager.changeColor(e,t),this.refresh()}},{key:"changeColor",value:function(e,t){this.manager.changeColor(e,t),this.refresh(),this.updateData({value:this.manager.toColor()})}},{key:Df("selectColorAssets"),value:function(e,t){this.lastUpdateColor(t)}},{key:"changeFormat",value:function(e){this.manager.changeFormat(e),this.setState({value:this.manager.toColor()},!1),this.modifyColorPicker(),this.changeEndColor()}},{key:"lastUpdateColor",value:function(e,t){this.manager.changeColor(e,t),this.refresh(),this.setState({value:this.manager.toColor()},!1),this.modifyColorPicker(),this.changeEndColor()}},{key:"changeEndColor",value:function(){this.parent.trigger(this.props.onchangeend,this.props.key,this.state.value,this.props.params)}},{key:"refresh",value:function(){var e=this.manager.toColor();this.children.$palette.setValue(this.manager.hsv.s,this.manager.hsv.v,this.manager.getHueColor()),this.children.$opacity.setValue(this.manager.rgb,this.manager.alpha),this.children.$hue.setValue(this.manager.hsv.h),this.children.$colorview.setValue(e),this.children.$information.setValue()}},{key:"components",value:function(){return{Hue:vm,Opacity:ym,ColorView:gm,Palette:bm,ColorInformation:mm,ColorAssetsEditor:ub}}},{key:"template",value:function(){return'\n        <div class=\'colorpicker sketch inline\'>\n            <div class=\'colorpicker-body\'>\n                <object refClass="Palette" ref=\'$palette\' />\n                <div class="control">\n                    <object refClass="Hue" ref=\'$hue\' />\n                    <object refClass="Opacity" ref=\'$opacity\' />\n                    <div class="empty"></div>\n                    <object refClass="ColorView" ref=\'$colorview\' />\n                </div>\n                <object refClass="ColorInformation" ref=\'$information\' />\n                <object refClass="ColorAssetsEditor" ref=\'$colorAsset\' key="colorAssets" onchange="selectColorAssets" /> \n            </div>\n        </div>\n      '}}]),t}(If),pb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{ColorPickerEditor:hb}}},{key:"initState",value:function(){return{value:this.props.value||"rgba(0, 0, 0, 1)"}}},{key:"template",value:function(){return'\n        <div class=\'embed-color-picker\'>\n          <object refClass="ColorPickerEditor" \n            ref=\'$colorpicker\' \n            key="colorpicker" \n            value="'.concat(this.state.value,"\" \n            onchange='localChangeColor' \n            onchangeend='localLastUpdate' \n          />        \n        </div>\n      ")}},{key:Df("localChangeColor"),value:function(e,t){this.parent.trigger(this.props.onchange,t)}},{key:Df("localLastUpdate"),value:function(e,t){this.parent.trigger(this.props.onchangeend,t)}},{key:"setValue",value:function(e){this.state.value=e,this.children.$colorpicker.initColor(e)}},{key:"refresh",value:function(){this.children.$colorpicker.initColor(this.props.value)}}]),t}(If),db=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("colorpicker.popup.title")}},{key:"getClassName",value:function(){return"compact"}},{key:"components",value:function(){return{EmbedColorPicker:pb}}},{key:"initState",value:function(){return{color:"rgba(0, 0, 0, 1)"}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.state.target&&this.state.target.trigger(this.state.changeEvent,this.state.color,this.params)}},{key:"updateEndData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.state.target&&this.state.target.trigger(this.state.changeEndEvent,this.state.color,this.params)}},{key:"getBody",value:function(){return"\n      <div class=\"color-picker-popup\">\n        <div class='box'>\n          <object refClass=\"EmbedColorPicker\" ref='$color' value='".concat(this.state.color,"' onchange='changeColor' onchangeend=\"changeEndColor\" />\n        </div>\n      </div>\n    ")}},{key:Jr("$projectColors"),value:function(){return(this.$selection.currentProject||{colors:[]}).colors.map((function(e){return"\n      <div class='color-item' title='".concat(e.name,"'>\n        <div class='color-view' data-color='").concat(e.color,"' style='background-color: ").concat(e.color,"'></div>\n      </div>")}))}},{key:pr("$projectColors .color-view"),value:function(e){this.updateData({color:e.$dt.attr("data-color")}),this.children.$color.setValue(this.state.color)}},{key:Df("changeColor"),value:function(e){this.updateData({color:e})}},{key:Df("changeEndColor"),value:function(e){this.updateEndData({color:e})}},{key:Df("showColorPickerPopup"),value:function(e,t){if(e.changeEvent=e.changeEvent||"changeFillPopup",!(e.target instanceof If))throw new Error("ColorPicker needs data.target");this.params=t,this.setState(e,!1),this.children.$color.setValue(this.state.color),this.show(232)}},{key:Df("hideColorPickerPopup"),value:function(){this.hide()}}]),t}(Jg);ki({ColorPickerPopup:db});var fb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!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:Jr("$imageBox")+Xr,value:function(){return(this.$selection.currentProject||{images:[]}).images.map((function(e,t){return"<div class='image-item' ><img src='".concat(e.local,"' data-id=\"").concat(e.id,'" /></div>')}))}},{key:pr("$imageBox .image-item"),value:function(e){var t=e.$dt.$("img");this.updateData({value:t.attr("data-id"),naturalWidth:nr.px(t.naturalWidth),naturalHeight:nr.px(t.naturalHeight),width:nr.px(t.naturalWidth),height:nr.px(t.naturalHeight)}),this.trigger("hideImageSelectPopup")}},{key:Df("showImageSelectPopup"),value:function(e,t){this.setState({context:e.context,changeEvent:e.changeEvent,value:e.value,params:t},!1),this.refresh(),this.show(500)}},{key:Df("hideImageSelectPopup"),value:function(){this.hide()}}]),t}(Jg);ki({ImageSelectPopup:fb});var vb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Jr("$imageList")+Xr,value:function(){return(this.$selection.currentProject||{images:[]}).images.map((function(e){return"\n        <div class='image-item'>\n          <div class='preview'>\n            <img src=\"".concat(e.local,'" />\n          </div>\n        </div>\n      ')}))}},{key:pr("$imageList .image-item"),value:function(e){var t=e.$dt.$("img");this.updateData(t.attr("src"))}},{key:"updateData",value:function(e){this.parent.trigger(this.props.onchange,e)}},{key:Df("addImageAsset"),value:function(){this.refresh()}}]),t}(If);function yb(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function gb(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?yb(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):yb(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ki({ImageAssetPicker:vb});var mb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("gradient.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:vb,EmbedColorPicker:pb,GradientEditor:yv}}},{key:"initState",value:function(){return{}}},{key:"initialize",value:function(){si()(Xn()(t.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            <object refClass=\"EmbedColorPicker\" ref='$color' onchange='changeColor' />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "}},{key:Df("changeTabType"),value:function(e){this.refs.$body.attr("data-selected-editor",e)}},{key:"getColorString",value:function(){var e="";return this.state.image instanceof Na&&(e=this.state.image.getColorString()),e}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Jr("$gradientEditor"),value:function(){return'<object refClass="GradientEditor" \n      ref="$g" \n      value="'.concat(this.state.image,'" \n      selectedIndex="').concat(this.state.selectColorStepIndex,"\" \n      onchange='changeGradientEditor'\n    />")}},{key:Df("changeGradientEditor"),value:function(e){this.state.image=e,this.updateData()}},{key:Df("changeColor"),value:function(e){this.children.$g.trigger("setColorStepColor",e)}},{key:Df("changeImageUrl"),value:function(e){this.children.$g.trigger("setImageUrl",e)}},{key:Df("showGradientPickerPopup"),value:function(e,t){e.changeEvent=e.changeEvent||"changeFillPopup",e.image=e.gradient,e.params=t,this.setState(e),this.show(432)}},{key:Df("selectColorStep"),value:function(e){this.children.$color.setValue(e)}},{key:Df("changeColorStep"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(gb({},e)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),t}(Jg);ki({GradientPickerPopup:mb});var bb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("svgfilter.popup.title")}},{key:"components",value:function(){return{SVGFilterEditor:dg}}},{key:"getClassName",value:function(){return"transparent"}},{key:"initState",value:function(){return{changeEvent:"changeSVGFilterPopup",id:"",preview:!0,filters:[]}}},{key:"updateData",value:function(e){this.setState(e,!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:Jr("$editor"),value:function(){return'\n      <object refClass="SVGFilterEditor" ref=\'$filter\' title=\'Filter Type\' key="filter" onchange=\'changeFilterEditor\'>\n        <property name="value" type="json">'.concat(JSON.stringify(this.state.filters),"</property>\n      </div>\n    ")}},{key:Df("changeFilterEditor"),value:function(e,t){this.updateData({filters:t})}},{key:"refresh",value:function(){this.load()}},{key:Df("showSVGFilterPopup"),value:function(e){e.filters=e.filters.map((function(e){return Xy.parse(e)})),e.preview=!tt(e.preview)||e.preview,this.setState(e),this.show(500)}},{key:Df("hideSVGFilterPopup"),value:function(){this.$el.hide()}}]),t}(Jg);ki({SVGFilterPopup:bb});var kb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("background.image.position.popup.title")}},{key:"components",value:function(){return{EmbedColorPicker:pb,RangeEditor:Nf,SelectEditor:Hf,GradientEditor:yv}}},{key:"initState",value:function(){return{size:this.props.size||"auto",repeat:this.props.repeat||"repeat",x:this.props.x||nr.z(),y:this.props.y||nr.z(),width:this.props.width||nr.z(),height:this.props.height||nr.z(),blendMode:this.props.blendMode}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.emit(this.state.changeEvent,e,this.state.params)}},{key:"templateForSize",value:function(){return'\n      <div class=\'popup-item\'>\n        <object refClass="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:Df("changeRangeEditor"),value:function(e,t){this.updateData(m()({},e,t))}},{key:"templateForX",value:function(){return'\n      <div class=\'popup-item\'>\n        <object refClass="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        <object refClass="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      <object refClass="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      <object refClass="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:pr("$repeat button"),value:function(e){var t=e.$dt;this.refs.$repeat.attr("data-value",t.value),this.updateData({repeat:t.value})}},{key:"templateForBlendMode",value:function(){return'\n    <div class=\'popup-item\'>\n      <object refClass="SelectEditor"  label="'.concat(this.$i18n("background.image.position.popup.blend"),"\" ref='$blend' key='blendMode' value=\"").concat(this.state.blendMode,'" options="').concat(Qf,'" onchange="changeRangeEditor" />\n    </div>\n    ')}},{key:"getBody",value:function(){return"\n      <div class=\"background-image-position-picker\" ref='$picker'></div>\n    "}},{key:Jr("$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:Df("showBackgroundImagePositionPopup"),value:function(e,t){this.state.changeEvent=e.changeEvent||"changeFillPopup",this.state.params=t,this.setState(e.data),this.show(460)}}]),t}(Jg);function xb(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function wb(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?xb(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):xb(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ki({BackgroundImagePositionPopup:kb});var Sb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("fill.picker.popup.title")}},{key:"components",value:function(){return{ImageAssetPicker:vb,EmbedColorPicker:pb,FillEditor:Vg}}},{key:"initState",value:function(){return{image:hl.create()}}},{key:"initialize",value:function(){si()(Xn()(t.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            <object refClass=\"EmbedColorPicker\" ref='$color' onchange='changeColor' />                    \n          </div>\n          <div class='assetpicker'>\n            <object refClass=\"ImageAssetPicker\" ref='$asset' onchange='changeImageUrl' />\n          </div>\n        </div>\n      </div>\n     \n    "}},{key:Df("changeTabType"),value:function(e){this.refs.$body.attr("data-selected-editor",e)}},{key:"getColorString",value:function(){var e="";return this.state.image instanceof Na&&(e=this.state.image.getColorString()),e}},{key:"getCurrentColor",value:function(){return this.state.image.colorsteps[this.state.selectColorStepIndex||0].color}},{key:Jr("$gradientEditor"),value:function(){return'<object refClass="FillEditor" \n      ref="$g" \n      value="'.concat(this.state.image,'" \n      selectedIndex="').concat(this.state.selectColorStepIndex,"\" \n      onchange='changeFillEditor'\n    />")}},{key:Df("changeFillEditor"),value:function(e){this.state.image=e,this.updateData()}},{key:Df("changeColor"),value:function(e){this.children.$g.trigger("setColorStepColor",e)}},{key:Df("changeImageUrl"),value:function(e){this.children.$g.trigger("setImageUrl",e)}},{key:Df("showFillPickerPopup"),value:function(e,t){this.show(432),e.changeEvent=e.changeEvent||"changeFillPopup",e.params=t,this.trigger("selectColorStep",e.image.colorsteps[0].color),this.setState(e)}},{key:Df("selectColorStep"),value:function(e){this.children.$color.setValue(e)}},{key:Df("changeColorStep"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.state.image.reset(wb({},e)),this.updateData()}},{key:"updateData",value:function(){this.state.instance.trigger(this.state.changeEvent,this.state.image,this.state.params)}}]),t}(Jg);ki({FillPickerPopup:Sb});var Pb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("pattern.info.popup.title")}},{key:"initState",value:function(){return{type:this.props.type||"grid",x:this.props.x||nr.z(),y:this.props.y||nr.z(),width:this.props.width||nr.z(),height:this.props.height||nr.z(),lineWidth:this.props.lineWidth||nr.px(1),lineHeight:this.props.lineHeight||nr.px(1),foreColor:this.props.foreColor||"black",backColor:this.props.backColor||"transparent",blendMode:this.props.blendMode||"normal"}}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1);var t=this.state,n=t.x,r=t.y,i=t.width,a=t.height,o=t.foreColor,s=t.backColor,c=t.blendMode,l=t.lineWidth,u=t.lineHeight;this.state.instance.trigger(this.state.changeEvent,{x:n,y:r,width:i,height:a,foreColor:o,backColor:s,blendMode:c,lineWidth:l,lineHeight:u},this.state.params)}},{key:Df("changeRangeEditor"),value:function(e,t){this.updateData(m()({},e,t))}},{key:"templateForX",value:function(){if(this.hasNotX())return"";var e="X",t="";return"diagonal-line"===this.state.type&&(e=this.$i18n("pattern.info.popup.rotate"),t="deg"),'\n      <div class=\'popup-item\'>\n        <object refClass="RangeEditor"  \n            label="'.concat(e,'"\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(t,'"\n            onchange="changeRangeEditor"\n        />\n      </div>\n    ')}},{key:"templateForY",value:function(){return this.hasNotY()?"":'\n      <div class=\'popup-item\'>\n        <object refClass="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      <object refClass="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      <object refClass="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      <object refClass="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      <object refClass="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        <object refClass=\"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        <object refClass=\"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      <object refClass=\"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:Jr("$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:Df("showPatternInfoPopup"),value:function(e,t){this.state.changeEvent=e.changeEvent||"changePatternInfoPopup",this.state.params=t,this.state.instance=e.instance,this.setState(e.data),this.show(460)}}]),t}(Jg);ki({PatternInfoPopup:Pb});var jb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(xf.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:pr("$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()}}]),t}(If),Ob=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"render",value:function(e,t){var n=e.elementType,r=e.id,i=e.name,a=(e.itemType,n||"div");return"    \n      <".concat(a,' class="element-item artboard" data-id="').concat(r,"\">\n        <div class='artboard-title'>").concat(i,"</div>\n        ").concat(this.toDefString(e),"\n        ").concat(e.layers.map((function(e){return t.render(e,t)})).join("\n\t"),"\n      </").concat(a,">\n    ")}}]),t}(Kc),$b=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}(Kc),Cb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}($b);function Eb(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Tb(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Eb(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Eb(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Vb=["front","back","left","right","top","bottom"],Db=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toDefaultCSS",value:function(e){var t={};return e.x&&(t.left=e.x),e.y&&(t.top=e.y),t.visibility=e.visible?"visible":"hidden",Tb({},t,{},this.toKeyListCSS(e,["position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin","animation","transition"]))}},{key:"toCSS",value:function(e){return Tb({},this.toVariableCSS(e),{},this.toDefaultCSS(e),{},this.toWebkitCSS(e),{},this.toBoxModelCSS(e),{},this.toLayoutItemCSS(e))}},{key:"toNestedCSS",value:function(e){var t=e.rate.value,n=e.width,r=e.height,i=n.value/2,a=r.value/2,o=e["backface-visibility"],s=Tb({},this.toKeyListCSS(e,["filter","mix-blend-mode","border-radius","background-color","opacity","color"]),{},this.toClipPathCSS(e),{},this.toBackgroundImageCSS(e),{},this.toBorderCSS(e));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(bt(s),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";     \n          backface-visibility: ").concat(o,";          \n          ").concat(e["front.color"]?"background-color: ".concat(e["front.color"],";"):"","\n          ").concat(e["front.background"]?"".concat(e["front.background"],";"):"","\n\n        ").trim()},{selector:".back",cssText:"\n          transform: rotateY(180deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";        \n          backface-visibility: ").concat(o,";              \n          ").concat(e["back.color"]?"background-color: ".concat(e["back.color"],";"):"","                  \n          ").concat(e["back.background"]?"".concat(e["back.background"],";"):"","\n        ").trim()},{selector:".left",cssText:"\n          transform: rotateY(-90deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";    \n          backface-visibility: ").concat(o,";          \n          ").concat(e["left.color"]?"background-color: ".concat(e["left.color"],";"):"","                          \n          ").concat(e["left.background"]?"".concat(e["left.background"],";"):"","\n        ").trim()},{selector:".right",cssText:"\n          transform: rotateY(90deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";      \n          backface-visibility: ").concat(o,";          \n          ").concat(e["right.color"]?"background-color: ".concat(e["right.color"],";"):"","                        \n          ").concat(e["right.background"]?"".concat(e["right.background"],";"):"","          \n        ").trim()},{selector:".top",cssText:"\n          transform: rotateX(90deg) translateZ(".concat(a*t,"px);\n          top: ").concat(a-i,"px;\n          width: ").concat(n,";\n          height: ").concat(n,";\n          backface-visibility: ").concat(o,";          \n          ").concat(e["top.color"]?"background-color: ".concat(e["top.color"],";"):"","      \n          ").concat(e["top.background"]?"".concat(e["top.background"],";"):"","              \n        ").trim()},{selector:".bottom",cssText:"\n          transform: rotateX(-90deg) translateZ(".concat(a*t,"px);\n          top: ").concat(a-i,"px;          \n          width: ").concat(n,";\n          height: ").concat(n,";    \n          backface-visibility: ").concat(o,";          \n          ").concat(e["bottom.color"]?"background-color: ".concat(e["bottom.color"],";"):"","\n          ").concat(e["bottom.background"]?"".concat(e["bottom.background"],";"):"","                          \n        ").trim()}]}},{key:"render",value:function(e){var t=e.id;return("\n      <div class='element-item cube' data-id=\"".concat(t,'">\n        ').concat(this.toDefString(e),"\n        ").concat(Vb.map((function(e){return"<div class='".concat(e,"'></div>")})).join(""),"\n      </div>"))}}]),t}($b),Ib=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"update",value:function(e,n){var r=n.$("iframe");r&&r.attr("src",e.url||"about:blank"),si()(Xn()(t.prototype),"update",this).call(this,e,n)}},{key:"render",value:function(e){var t=e.id,n=e.url,r=void 0===n?"about:blank":n;return("\n      <div class='element-item iframe' data-id=\"".concat(t,'">\n        ').concat(this.toDefString(e),'\n        <iframe \n            width="100%" \n            height="100%" \n            style="border:0px;width:100%;height:100%;pointer-events:none;" \n            src="').concat(r,'"\n        ></iframe>\n      </div>'))}}]),t}($b),Mb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toNestedCSS",value:function(e){return[{selector:"img",cssText:"\n                width: 100%;\n                height: 100%;\n                pointer-events: none;\n                ".trim()}]}},{key:"getUrl",value:function(e){var t=e.src;return e.project.getImageValueById(t)||t}},{key:"render",value:function(e){var t=e.id;return("\n          <div class='element-item image' data-id=\"".concat(t,'">\n            ').concat(this.toDefString(e),"\n            <img src='").concat(this.getUrl(e),"' />\n          </div>"))}},{key:"update",value:function(e,n){var r=n.$("img");r&&r.attr("src",this.getUrl(e)),si()(Xn()(t.prototype),"update",this).call(this,e,n)}}]),t}($b),Lb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toRootVariableCSS",value:function(e){var t={};return e.rootVariable.split(";").filter((function(e){return e.trim()})).forEach((function(e){var n=e.split(":"),r=k()(n,2),i=r[0],a=r[1];t["--".concat(i)]=a})),t}},{key:"toCSS",value:function(e){return Object.assign.apply(Object,[{}].concat(j()(this.toRootVariableCSS(e))))}},{key:"toStyle",value:function(e){var t=e.toKeyframeString(),n=this.toRootVariableCSS(e);return"\n        <style type='text/css' data-id='".concat(e.id,"'>\n            :root {\n                ").concat(bt(n),"\n            }\n            /* keyframe */\n            ").concat(t,"\n        </style>\n        ")}},{key:"render",value:function(e,t){return e.layers.map((function(e){return t.render(e)})).join("")}},{key:"renderSVGFilter",value:function(e){return e.svgfilters.map((function(e){var t=e.filters.map((function(e){return Xy.parse(e)}));return("<filter id='".concat(e.id,"'>").concat(t.join("\n"),"</filter>"))})).join("\n\n")}},{key:"renderSVG",value:function(e,t){var n=this.renderSVGFilter(e);return('\n<svg width="0" height="0">\n    <title>SVG Properties</title>\n    '.concat(n,"\n</svg>\n"))}}]),t}(Kc),Rb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),t}($b);function Ab(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var zb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"updateDefString",value:function(e,t){var n=t.$("defs");if(n)n.updateSVGDiff("<defs>".concat(this.toDefInnerString(e),"</defs>"));else{var r=this.toDefString(e).trim();t.prepend(rr.createByHTML(r))}}},{key:"toDefInnerString",value:function(e){return"\n            ".concat(this.toFillSVG(e),"\n            ").concat(this.toStrokeSVG(e),"\n        ")}},{key:"toDefString",value:function(e){var t=this.toDefInnerString(e).trim();return("\n            <defs>\n            ".concat(t,"\n            </defs>\n        "))}},{key:"fillId",value:function(e){return this.getInnerId(e,"fill")}},{key:"strokeId",value:function(e){return this.getInnerId(e,"stroke")}},{key:"toFillSVG",value:function(e){return bl.parseImage(e.fill||"transparent").toSVGString(this.fillId(e))}},{key:"toStrokeSVG",value:function(e){return bl.parseImage(e.stroke||"black").toSVGString(this.strokeId(e))}},{key:"toFillValue",value:function(e){return bl.parseImage(e.fill||"transparent").toFillValue(this.fillId(e))}},{key:"toFillOpacityValue",value:function(e){return Mn.parse(e.fill||"transparent").a}},{key:"toStrokeValue",value:function(e){return bl.parseImage(e.stroke||"black").toFillValue(this.strokeId(e))}},{key:"toFilterValue",value:function(e){return e.svgfilter?"url(#".concat(e.svgfilter,")"):""}},{key:"toLayoutCSS",value:function(e){return{}}},{key:"toDefaultCSS",value:function(e){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ab(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ab(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"toDefaultCSS",this).call(this,e),{},this.toKeyListCSS(e,["stroke-width","stroke-linecap","stroke-linejoin","stroke-dasharray","stroke-dashoffset","fill-opacity","fill-rule","text-anchor"]))}},{key:"toSVGAttribute",value:function(e){return this.toDefaultCSS(e)}}]),t}($b),Fb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"update",value:function(e,t){if(t){var n=t.$("path");n&&(n.setAttrNS({d:e.d,"fill-rule":e["fill-rule"]||"nonezero",filter:this.toFilterValue(e),fill:this.toFillValue(e),stroke:this.toStrokeValue(e)}),e.totalLength=n.totalLength),this.updateDefString(e,t)}}},{key:"render",value:function(e){return'\n        <svg \n          class=\'element-item path\'  \n          xmlns="http://www.w3.org/2000/svg"\n          data-id="'.concat(e.id,'"\n        >\n            ').concat(this.toDefString(e),'\n            <path \n              class="svg-path-item"\n              d="').concat(e.d,'"\n              fill-rule="').concat(e["fill-rule"],'"\n              filter="').concat(this.toFilterValue(e),'"\n              fill="').concat(this.toFillValue(e),'"\n              stroke="').concat(this.toStrokeValue(e),'"\n            />\n        </svg>\n    ')}}]),t}(zb),Bb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"update",value:function(e,t){var n=t.$("path.svg-path-item");n&&n.attr("d",e.d);var r=t.$("path.guide");r&&r.attr("d",e.d);var i=t.$("textPath");i&&(i.text(e.text),i.setAttrNS({filter:this.toFilterValue(e),fill:this.toFillValue(e),stroke:this.toStrokeValue(e),textLength:e.textLength,lengthAdjust:e.lengthAdjust,startOffset:e.startOffset})),this.updateDefString(e,t),e.totalLength=n.totalLength}},{key:"toDefInnerString",value:function(e){return"\n        ".concat(this.toPathSVG(e),"\n        ").concat(this.toFillSVG(e),"\n        ").concat(this.toStrokeSVG(e),"\n    ")}},{key:"toPathId",value:function(e){return this.getInnerId(e,"path")}},{key:"toPathSVG",value:function(e){return'\n    <path class="svg-path-item" id="'.concat(this.toPathId(e),'" d="').concat(e.d,'" fill="none" />\n    ')}},{key:"render",value:function(e){var t=e.id,n=e.textLength,r=e.lengthAdjust,i=e.startOffset,a="#".concat(this.toPathId(e));return"\n      <svg class='element-item textpath' data-id=\"".concat(t,'">\n        ').concat(this.toDefString(e),'\n        <text class="svg-textpath-item">\n          <textPath \n            xlink:href="').concat(a,'"\n            textLength="').concat(n,'"\n            lengthAdjust="').concat(r,'"\n            startOffset="').concat(i,'"\n          >').concat(e.text,'</textPath>\n          <use href="').concat(a,'" stroke-width="1" stroke="black" />\n        </text>\n        <path class="guide" d="').concat(e.d,'" fill="none"/>\n      </svg>\n    ')}}]),t}(zb),Gb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"update",value:function(e,t){var n=t.$("text");n&&(n.text(e.text),n.setAttrNS({filter:this.toFilterValue(e),fill:this.toFillValue(e),stroke:this.toStrokeValue(e),textLength:e.textLength,lengthAdjust:e.lengthAdjust})),this.updateDefString(e,t)}},{key:"shapeInsideId",value:function(e){return this.getInnerId(e,"shape-inside")}},{key:"render",value:function(e){var t=e.id,n=e.textLength,r=e.lengthAdjust;return("\n  <svg class='element-item textpath' data-id=\"".concat(t,'">\n    ').concat(this.toDefString(e),'\n      <text class="svg-text-item" textLength="').concat(n,'" lengthAdjust="').concat(r,'">').concat(e.text,"</text>\n  </svg>"))}}]),t}(zb),Hb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toNestedCSS",value:function(e){return[{selector:"> *",cssText:"\n                    pointer-events: none;\n                "}]}},{key:"toCSS",value:function(e){var n=si()(Xn()(t.prototype),"toCSS",this).call(this,e);return n.margin=n.margin||"0px",n}},{key:"render",value:function(e){var t=e.id,n=e.content;return('<p class=\'element-item text\' tabIndex="-1" data-id="'.concat(t,'">').concat(n,"</p>"))}},{key:"update",value:function(e,t){var n=e.content;t.updateDiff(n)}}]),t}($b),Nb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"toNestedCSS",value:function(e){return[{selector:"video",cssText:"\n                width: 100%;\n                height: 100%;\n                pointer-events: none;\n                ".trim()}]}},{key:"getUrl",value:function(e){var t=e.src;return e.project.getVideoValueById(t)}},{key:"render",value:function(e){var t=e.id,n=e.controls,r=e.muted,i=e.poster,a=e.loop,o=e.crossorigin,s=e.autoplay;return("\n        <div class='element-item video' data-id=\"".concat(t,'">\n            ').concat(this.toDefString(e),'\n            <video \n                controls="').concat(n,'"\n                src="').concat(this.getUrl(e),'\n                muted="').concat(r,'"\n                poster="').concat(i,'"\n                loop="').concat(a,'"\n                crossorigin="').concat(o,'"\n                autoplay="').concat(s,"\"\n            >\n                Sorry, your browser doesn't support embedded videos.\n            </video>\n        </div>"))}},{key:"update",value:function(e,n){var r=e.currentTime,i=e.playbackRate,a=e.volume,o=n.$("video");o&&o.setProp({currentTime:r,playbackRate:i,volume:a}),si()(Xn()(t.prototype),"update",this).call(this,e,n)}}]),t}($b);function Xb(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e.split(";").filter((function(e){return e.trim()})).map((function(e){var n=(e=e.trim()).split(":"),r=k()(n,2),i=r[0],a=r[1];return"".concat(t,"<strong>").concat(i,"</strong>:").concat(a,";\n")})).join("").trim()}var Yb={project:new Lb,artboard:new Ob,rect:new Rb,circle:new Cb,image:new Mb,text:new Hb,video:new Nb,"svg-path":new Fb,"svg-text":new Gb,"svg-textpath":new Bb,cube:new Db,iframe:new Ib},_b={render:function(e,t){if(e){var n=Yb[e.itemType];return n?n.render(e,t||this):void 0}},renderSVG:function(e,t){var n=Yb[e.itemType];if(n)return n.renderSVG(e,t||this)},toCSS:function(e){var t=Yb[e.itemType];if(t)return t.toCSS(e)},toNestedCSS:function(e){var t=Yb[e.itemType];return t?t.toNestedCSS(e):[]},toTransformCSS:function(e){var t=Yb[e.itemType];return t?t.toTransformCSS(e):{}},toStyle:function(e,t){var n=Yb[e.itemType];if(n)return n.toStyle(e,t||this)},update:function(e,t){var n=Yb[e.itemType];if(n)return n.update(e,t)},codeview:function(e){if(!e)return"";var t=e.top,n=Xb(t?t.toKeyframeString():"").replace(/;/gi,";\n").trim(),r=t?bt(t.toRootVariableCSS()):"",i=this.renderSVG(t);i=i.replace(/\</g,"&lt;").replace(/\>/g,"&gt;");var a=e,o=Xb(a?St(bt(this.toCSS(a))):""),s=a?this.toNestedCSS(a).map((function(e){var t=e.cssText?e.cssText:bt(e.css);return"".concat(e.selector," { \n    ").concat(Xb(St(t),"&nbsp;&nbsp;"),"\n    }")})):[],c=a?a.selectors:[];return"\n          <div class=''>\n           \n            ".concat(o&&"<div><pre title='CSS'>".concat(o,"</pre></div>"),"\n            \n            ").concat(s.map((function(e){return"<div><pre title='CSS'>".concat(e,"</pre></div>")})).join(""),"\n    \n            ").concat((c||[]).length?"<div>\n                ".concat(c.map((function(e){return"<pre title='".concat(e.selector,"'>").concat(e.toPropertyString(),"</pre>")})).join(""),"\n                \n              </div>"):"","\n    \n            ").concat(n&&"<div><pre title='Keyframe'>".concat(n,"</pre></div>"),"\n\n            ").concat(r?"<div>\n              <label>:root</label>\n              <pre>".concat(r,"</pre>\n              </div>"):"","\n    \n          </div>\n        ")}},Kb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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="4">\n                    <label>Assets</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="4">\n                    <pre ref=\'$assets\'></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:Df("showExportWindow"),value:function(){this.show(),this.refresh()}},{key:"refresh",value:function(){var e=this,t=this.$selection.currentProject||{layers:[]},n="\n".concat(this.makeStyle(t),"\n").concat(t.artboards.map((function(t){return e.makeStyle(t).replace(/\n/g,"\n\t")})).join("\n"),"\n");this.refs.$css.text(n);var r="\n".concat(_b.renderSVG(t),"\n").concat(_b.render(t),"\n        ");this.refs.$html.text(r);var i=Tl.render(this.$selection.current);this.refs.$svgimage.text(i),this.refs.$svgimagePreview.html(rr.createByHTML(i))}},{key:"makeStyle",value:function(e){return _b.toStyle(e)}},{key:"makeHTML",value:function(e){return _b.render(e)}},{key:pr("$header .tab-item"),value:function(e){var t=+e.$dt.attr("data-value");this.state.selectedIndex!==t&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(e){return e.removeClass("selected")})),this.$el.$$('[data-value="'.concat(t,'"]')).forEach((function(e){return e.addClass("selected")})),this.setState({selectedIndex:t},!1))}}]),t}(jb);ki({ExportWindow:Kb});var Wb=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:pr("$login"),value:function(e){var t=this,n=this.refs.$email.value,r=this.refs.$password.value;firebase.auth().signInWithEmailAndPassword(n,r).then((function(e){t.$editor.setUser(e),t.hide()})).catch((function(e){e.code,e.message;console.log(e)}))}},{key:Df("showLoginWindow"),value:function(){this.show()}}]),t}(jb);ki({LoginWindow:Wb});var Ub=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:pr("$register"),value:function(){console.log(firebase);var e=this.refs.$email.value,t=this.refs.$password.value;firebase.auth().createUserWithEmailAndPassword(e,t).catch((function(e){e.code,e.message;console.log(e)}))}},{key:Df("showSignWindow"),value:function(){this.show()}}]),t}(jb);ki({SignWindow:Ub});var Zb=new Set;Ou.forEach((function(e){Zb.add(e.category)}));var qb={};Zb.forEach((function(e){Ou.filter((function(t){return t.category===e})).forEach((function(e){qb[e.category]||(qb[e.category]=[]),qb[e.category].push(e)}))}));var Jb={ARROWRIGHT:"→",ARROWLEFT:"←",ARROWUP:"↑",ARROWDOWN:"→",BACKSPACE:"⌫",CMD:"⌘"},Qb=ju(),ek=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getClassName",value:function(){return"shortcut-window"}},{key:"getTitle",value:function(){return"ShortCuts"}},{key:"getKeyString",value:function(e,t){return(t[e]||t.key).split("+").map((function(e){return e.trim()})).map((function(e){var t=e.toUpperCase();return("<span>".concat(Jb[t]||t,"</span>"))})).join(" + ")}},{key:"getTemplateForShortcutItem",value:function(e){return"\n            <div class='shortcut-view-item'>\n                <div class='title'>".concat(e.description,"</div>\n                <div class='os-item'>").concat(this.getKeyString(Qb,e),"</div>\n            </div>                        \n        ")}},{key:"getTemplateForCategory",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return"\n            <div class='item'>\n                <h2>".concat(e,"</h2>\n                <div>\n                    ").concat(n.map((function(e){return t.getTemplateForShortcutItem(e)})).join(""),"\n                </div>\n            </div>\n        ")}},{key:"getTemplateForLayer",value:function(){return"\n            <div class='item'>\n                <h2>Layer</h2>\n                <div>\n                    <div class='shortcut-view-item'>\n                        <div class='title'>\n                            Add Rect\n                            <span class='description'>fdsafdsfdf</span>\n                        </div>\n\n                        <div class='os-item mac'><span>CTRL</span>+<span>R</span></div>\n                        <div class='os-item win'>R</div>\n                        <div class='os-item linux'>R</div>\n                    </div>\n                </div>\n            </div>\n        "}},{key:"getBody",value:function(){var e=this;return('\n        <div class="list">\n            '.concat(Object.keys(qb).map((function(t){return e.getTemplateForCategory(t,qb[t])})).join(""),"\n        </div>\n        "))}},{key:Df("showShortcutWindow"),value:function(){this.show()}}]),t}(jb);ki({ShortcutWindow:ek});var tk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n      <div class='artboard-items'>\n        <div class='artboard-items-tools'>\n          <div class='title'><label>Artboard Assets</label></div>\n          <div class='tools'>\n            <button type=\"button\" ref='$addArtboard'>".concat(xf.add,"</button>\n          </div>\n        </div>\n        <div class='artboard-list' ref='$list'></div>\n      </div>\n    ")}},{key:Jr("$list"),value:function(){var e;return li.a.async((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,li.a.awrap(this.$storageManager.getArtboardList());case 2:return e=t.sent,t.abrupt("return",e.map((function(e){return'\n        <div class=\'artboard-preview\' draggable="true" data-preview-id="'.concat(e.id,"\">\n          <div class='thumbnail'><img src='").concat(e.preview,"' /></div>\n          <div class='tools'>\n            <div class='title'>").concat(e.artboard.name,"</div>\n            <div class='buttons'>\n              <button type=\"button\" class='remove-artboard-preview' data-preview-id=\"").concat(e.id,'">').concat(xf.remove,"</button>\n            </div>\n          </div>\n        </div>\n      ")})));case 4:case"end":return t.stop()}}),null,this)}},{key:pr("$list .remove-artboard-preview"),value:function(e){var t;return li.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:if(!confirm(this.$i18n("app.confirm.message.artboard.items.removeArtboard"))){n.next=5;break}return t=e.$dt.data("preview-id"),n.next=4,li.a.awrap(this.$storageManager.removeArtboard(t));case 4:this.refresh();case 5:case"end":return n.stop()}}),null,this)}},{key:yr("$list .artboard-preview"),value:function(e){var t=e.$dt.data("preview-id");e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/artboard",t)}},{key:Df("afterSaveArtboard"),value:function(e){return li.a.async((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,li.a.awrap(this.$storageManager.saveArtboard(e));case 2:this.refresh();case 3:case"end":return t.stop()}}),null,this)}},{key:pr("$addArtboard"),value:function(e){this.emit("savePNG","afterSaveArtboard")}}]),t}(If);ki({ArtboardItems:tk});var nk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return'\n        <button \n            type="button" \n            class=\'menu-item '.concat(this.getClassName(),"' \n            data-no-title=\"").concat(this.isHideTitle(),'" \n            ').concat(this.isHideTitle()?'title="'.concat(this.getTitle(),'"'):"",' \n            checked="').concat(this.getChecked()?"checked":"",'"\n            ').concat(this.isDisabled()?"disabled":"",'\n        >\n            <div class="icon ').concat(this.getIcon(),'">').concat(xf[this.getIconString()],'</div>\n            <div class="title">').concat(this.getTitle(),"</div>\n        </button>\n        ")}},{key:"getClassName",value:function(){return""}},{key:"clickButton",value:function(e){}},{key:"getChecked",value:function(){return!1}},{key:"isDisabled",value:function(){return!1}},{key:"setSelected",value:function(e){this.$el.toggleClass("selected",e)}},{key:"getTitle",value:function(){return""}},{key:"getIcon",value:function(){return""}},{key:"getIconString",value:function(){return""}},{key:"isHideTitle",value:function(){return!1}},{key:pr(),value:function(e){this.clickButton(e)}}]),t}(If),rk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.github.title")}},{key:"clickButton",value:function(e){window.open("https://github.com/easylogic/editor","github-window")}}]),t}(nk);function ik(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({Github:rk});var ak=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:$r(),value:function(){var e=Il.generate(this.$editor);return this.refs.$codepen.val(JSON.stringify(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ik(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ik(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({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"},e))),!1}}]),t}(If);ki({ExportCodePen:ak});var ok=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"rect"}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(e){this.emit("addLayerView","rect")}},{key:Df("addLayerView"),value:function(e){this.setSelected("rect"===e)}}]),t}(nk);ki({AddRect:ok});var sk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"lens"}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(e){this.emit("addLayerView","circle")}},{key:Df("addLayerView"),value:function(e){this.setSelected("circle"===e)}}]),t}(nk);ki({AddCircle:sk});var ck=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"align_horizontal_left"}},{key:"getTitle",value:function(){return"Left"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("sort.left")}}]),t}(nk);ki({LeftAlign:ck});var lk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"align_horizontal_right"}},{key:"getTitle",value:function(){return"Right"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("sort.right")}}]),t}(nk);ki({RightAlign:lk});var uk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"align_horizontal_center"}},{key:"getTitle",value:function(){return"Center"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("sort.center")}}]),t}(nk);ki({CenterAlign:uk});var hk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"align_vertical_top"}},{key:"getTitle",value:function(){return"Top"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("sort.top")}}]),t}(nk);ki({TopAlign:hk});var pk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"align_vertical_bottom"}},{key:"getTitle",value:function(){return"Bottom"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("sort.bottom")}}]),t}(nk);ki({BottomAlign:pk});var dk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"align_vertical_center"}},{key:"getTitle",value:function(){return"middle"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("sort.middle")}}]),t}(nk);ki({MiddleAlign:dk});var fk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"vertical_distribute"}},{key:"getTitle",value:function(){return"height"}},{key:"isHideTitle",value:function(){return!0}},{key:"isDisabled",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("same.height")}}]),t}(nk);ki({SameHeight:fk});var vk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"horizontal_distribute"}},{key:"getTitle",value:function(){return"width"}},{key:"isHideTitle",value:function(){return!0}},{key:"isDisabled",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("same.width")}}]),t}(nk);ki({SameWidth:vk});var yk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"title"}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"getClassName",value:function(){return"text"}},{key:"clickButton",value:function(e){this.emit("addLayerView","text")}},{key:Df("addLayerView"),value:function(e){this.setSelected("text"===e)}}]),t}(nk);ki({AddText:yk});var gk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"launch"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.export.title")}},{key:"clickButton",value:function(e){this.emit("showExportView")}}]),t}(nk);ki({ExportView:gk});var mk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"note"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.learn.title")}},{key:"clickButton",value:function(e){window.open("https://www.easylogic.studio/docs/getting-started.html","learn-window")}}]),t}(nk);ki({Manual:mk});var bk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"cube"}},{key:"getTitle",value:function(){return this.props.title||"Cube"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("addLayerView","cube")}}]),t}(nk);ki({AddCube:bk});var kk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"photo"}},{key:"getTitle",value:function(){return this.props.title||"Image"}},{key:"clickButton",value:function(){this.emit("addLayerView","image")}}]),t}(nk);ki({AddImage:kk});var xk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"pentool"}},{key:"getTitle",value:function(){return this.props.title||"Path"}},{key:"clickButton",value:function(e){this.emit("addLayerView","path")}},{key:Df("addLayerView"),value:function(e){this.setSelected("path"===e)}}]),t}(nk);ki({AddPath:xk});var wk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"storage"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.save.title")}},{key:"clickButton",value:function(e){this.emit("saveJSON")}}]),t}(nk);ki({Save:wk});var Sk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"archive"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.download.title")}},{key:"clickButton",value:function(e){this.emit("downloadJSON")}}]),t}(nk);ki({Download:Sk});var Pk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"navigation"}},{key:"getTitle",value:function(){return this.props.title||"Select"}},{key:"clickButton",value:function(e){this.emit("addLayerView","select")}},{key:Df("addLayerView"),value:function(e){this.setSelected("select"===e)}}]),t}(nk);ki({SelectTool:Pk});var jk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"outline_rect"}},{key:"getTitle",value:function(){return this.props.title||"Rect"}},{key:"clickButton",value:function(e){this.emit("addLayerView","svg-rect")}}]),t}(nk);ki({AddSVGRect:jk});var Ok=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"outline_circle"}},{key:"getTitle",value:function(){return this.props.title||"Circle"}},{key:"clickButton",value:function(e){this.emit("addLayerView","svg-circle")}}]),t}(nk);ki({AddSVGCircle:Ok});var $k=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"fullscreen"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.fullscreen.title")}},{key:"clickButton",value:function(e){this.emit("toggle.fullscreen")}}]),t}(nk);ki({Fullscreen:$k});var Ck=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"text_rotate"}},{key:"getTitle",value:function(){return this.props.title||"TextPath"}},{key:"clickButton",value:function(e){this.emit("addLayerView","svg-textpath")}}]),t}(nk);ki({AddSVGTextPath:Ck});var Ek=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"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(e){this.emit("addLayerView","cylinder")}}]),t}(nk);ki({AddCylinder:Ek});var Tk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"title"}},{key:"getTitle",value:function(){return this.props.title||"Text"}},{key:"clickButton",value:function(e){this.emit("addLayerView","svg-text")}}]),t}(nk);ki({AddSVGText:Tk});var Vk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Login"}},{key:"clickButton",value:function(e){this.emit("showLoginWindow")}}]),t}(nk);ki({LoginButton:Vk});var Dk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return"github"}},{key:"getTitle",value:function(){return"Sign"}},{key:"clickButton",value:function(e){this.emit("showSignWindow")}}]),t}(nk);ki({SignButton:Dk});var Ik=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"artboard"}},{key:"getTitle",value:function(){return this.props.title||"ArtBoard"}},{key:"clickButton",value:function(e){this.emit("addLayerView","artboard")}},{key:Df("addLayerView"),value:function(e){this.setSelected("artboard"===e)}}]),t}(nk);ki({AddArtboard:Ik});var Mk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"edit"}},{key:"getTitle",value:function(){return this.props.title||"Draw"}},{key:"clickButton",value:function(e){this.emit("addLayerView","brush")}}]),t}(nk);ki({AddDrawPath:Mk});var Lk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"brush"}},{key:"getTitle",value:function(){return this.props.title||"draw a brush"}},{key:"isHideTitle",value:function(){return!0}},{key:"clickButton",value:function(e){this.emit("addLayerView","brush")}},{key:Df("addLayerView"),value:function(e){this.setSelected("brush"===e)}}]),t}(nk);ki({AddDrawBrush:Lk});var Rk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"video"}},{key:"getTitle",value:function(){return this.props.title||"Video"}},{key:"clickButton",value:function(){this.emit("addLayerView","video")}}]),t}(nk);ki({AddVideo:Rk});var Ak=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"keyboard"}},{key:"getTitle",value:function(){return this.$i18n("menu.item.shortcuts.title")}},{key:"clickButton",value:function(e){this.emit("showShortcutWindow")}}]),t}(nk);ki({KeyBoard:Ak});var zk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIconString",value:function(){return"web"}},{key:"getTitle",value:function(){return this.props.title||"IFrame"}},{key:"clickButton",value:function(e){this.emit("addLayerView","iframe")}},{key:Df("addLayerView"),value:function(e){this.setSelected("iframe"===e)}}]),t}(nk);ki({AddIFrame:zk});var Fk={AddIFrame:zk,KeyBoard:Ak,AddVideo:Rk,AddDrawBrush:Lk,AddDrawPath:Mk,AddArtboard:Ik,SignButton:Dk,LoginButton:Vk,AddSVGText:Tk,AddCylinder:Ek,AddSVGTextPath:Ck,Fullscreen:$k,AddSVGCircle:Ok,AddSVGRect:jk,SelectTool:Pk,Download:Sk,Save:wk,AddCube:bk,AddImage:kk,AddPath:xk,Manual:mk,ExportView:gk,AddText:yk,SameHeight:fk,SameWidth:vk,TopAlign:hk,BottomAlign:pk,MiddleAlign:dk,CenterAlign:uk,RightAlign:lk,LeftAlign:ck,AddCircle:sk,AddRect:ok,ExportCodePen:ak,Github:rk},Bk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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            <object refClass=\"SelectTool\" title='Select' />\n            <object refClass=\"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            <object refClass=\"AddRect\" title='Rect' />\n            <object refClass=\"AddCircle\" title='Circle' />         \n            <object refClass=\"AddText\" title='Text' />\n            <object refClass=\"AddImage\" title='Image' />\n            <object refClass=\"AddVideo\" title='Video' />\n            <object refClass=\"AddIFrame\" title='IFrame' />            \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            <object refClass=\"AddDrawPath\" title='Draw' />\n            <object refClass=\"AddPath\" title='Path' />\n            <object refClass=\"AddSVGRect\" title='Rect' />\n            <object refClass=\"AddSVGCircle\" title='Circle' />\n            \x3c!-- <AddSVGText title='Text' /> --\x3e\n            <object refClass=\"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            <object refClass=\"AddCube\" title='Cube' />\n            <object refClass=\"AddCylinder\" title='Cylinder' />          \n          </div>          \n        </div>          \n      </div>\n    ")}},{key:pr("$el button"),value:function(e){var t=this.refs.$el.$(".selected");t&&t.removeClass("selected"),e.$dt.addClass("selected")}}]),t}(If);ki({ComponentItems:Bk});var Gk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return qg}},{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(xf.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(e){this.refs.$propertyTitle.text(e)}},{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:pr("$title label"),value:function(e){var t=e.$dt.parent(),n=rr.create(e.target).hasClass("add-timeline-property");t.hasClass("property-title")&&!1===n&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:pr("$title .icon"),value:function(e){e.$dt.parent().hasClass("property-title")&&(this.$el.toggleClass("show"),this.onToggleShow())}},{key:pr("$el .property-body .add-timeline-property")+Zr+qr,value:function(e){var t=e.$dt.attr("data-property"),n=e.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:t,editor:n})}},{key:pr("$el .property-title .add-timeline-property")+Zr+qr,value:function(e){var t=e.$dt.attr("data-property"),n=e.$dt.attr("data-editor");this.emit("addTimelineCurrentProperty",{property:t,editor:n})}},{key:"isPropertyShow",value:function(){return this.$el.hasClass("show")}},{key:"toggle",value:function(e){this.$el.toggle(e)}},{key:"hide",value:function(){this.$el.hide()}},{key:"show",value:function(){this.$el.show()}},{key:"onShowTitle",value:function(e){}},{key:"refreshShowIsNot",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=this.$selection.current;n&&(e.includes(n.itemType)?this.hide():(this.show(),t&&this.refresh()))}},{key:"refreshShow",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=this.$selection.current;n?st(e)&&e()?(this.show(),t&&this.refresh()):!st(e)&&e.includes(n.itemType)?(this.show(),t&&this.refresh()):this.hide():this.hide()}},{key:"startInputEditing",value:function(e){e&&(e.attr("contenteditable",!0),e.css({"background-color":"white",outline:"1px auto black",color:"black"}),e.focus())}},{key:"endInputEditing",value:function(e,t){if(e){e.attr("contenteditable",!1),e.css({"background-color":null,outline:null,color:null});var n=e.attr("data-index");t&&t(n,e.text().trim()),e.blur()}}}]),t}(If),Hk=["visible","hidden","scroll","auto"],Nk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("background.color.property.title")}},{key:"getOverflowList",value:function(){var e=this;return Hk.map((function(t){return"".concat(t,":").concat(e.$i18n("background.color.property.overflow.".concat(t)))})).join(",")}},{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='background-color'></span>\n        </div>\n        <object refClass=\"ColorViewEditor\" ref='$color' label=\"".concat(this.$i18n("background.color.property.color"),"\" key='background-color' onchange=\"changeColor\" />\n      </div>   \n        <div class='property-item animation-property-item' style='display:none;'>\n          <div class='group'>\n            <span class='add-timeline-property' data-property='z-index'></span>\n          </div>\n          <object refClass=\"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='mix-blend-mode'></span>\n          </div>\n          <object refClass=\"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          <object refClass=\"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:Df("changeColor"),value:function(e,t){this.command("setAttribute","change background color",m()({},e,t))}},{key:"refresh",value:function(){var e=this.$selection.current;e&&(this.children.$zIndex.setValue(e["z-index"]||0),this.children.$mixBlend.setValue(e["mix-blend-mode"]),this.children.$overflow.setValue(e.overflow),this.children.$color.setValue(e["background-color"]||"rgba(0, 0, 0, 1)"))}},{key:Df("changeSelect"),value:function(e,t){this.command("setAttribute","change attribute : ".concat(e),m()({},e,t))}},{key:Df("refreshSelection"),value:function(){this.refreshShow(["project","artboard","rect","circle","image","video","iframe","text"])}}]),t}(Gk);ki({AppearanceProperty:Nk});var Xk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Jr("$body"),value:function(){var e=(this.$selection.current||{})["border-radius"]||"";return"\n      <object refClass=\"BorderRadiusEditor\" ref='$1' value='".concat(e,"' onchange='changeBorderRadius' />\n    ")}},{key:Df("refreshSelection")+Yr(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:Df("changeBorderRadius"),value:function(e){this.command("setAttribute","change border radius",{"border-radius":e})}}]),t}(Gk);ki({BorderRadiusProperty:Xk});var Yk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Jr("$shadowList"),value:function(){var e=this.$selection.current||{};return('\n      <object refClass="BoxShadowEditor" ref=\'$boxshadow\' value="'.concat(e["box-shadow"]||"",'" hide-label="true" onChange="changeBoxShadow" />\n    '))}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(xf.add,"</button>")}},{key:pr("$add"),value:function(){this.children.$boxshadow.trigger("add")}},{key:Df("refreshSelection")+Yr(100),value:function(){this.refreshShow(["artboard","rect","circle","text"])}},{key:Df("changeBoxShadow"),value:function(e){this.command("setAttribute","change box shadow",{"box-shadow":e})}}]),t}(Gk);ki({BoxShadowProperty:Yk});var _k=[];["margin","padding"].forEach((function(e){_k.push.apply(_k,["-top","-bottom","-left","-right"].map((function(t){return e+t})))}));var Kk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("box.model.property.title")}},{key:Df("refreshSelection")+Yr(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(e,t){var n=t[e]||nr.z();return('<input type="number" ref="$'.concat(e,'" value="').concat(n.value,'" tabIndex="1" />'))}},{key:Jr("$boxModelItem"),value:function(){var e=this.$selection.current;return e?'\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",e),'\n          </div>\n          <div data-value="bottom">\n            ').concat(this.templateInput("margin-bottom",e),'\n          </div>\n          <div data-value="left">\n            ').concat(this.templateInput("margin-left",e),'\n          </div>\n          <div data-value="right">\n            ').concat(this.templateInput("margin-right",e),'\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",e),'\n          </div>\n          <div data-value="bottom">\n            ').concat(this.templateInput("padding-bottom",e),'\n          </div>\n          <div data-value="left">\n            ').concat(this.templateInput("padding-left",e),'\n          </div>\n          <div data-value="right">\n            ').concat(this.templateInput("padding-right",e),"\n          </div>\n        </div>\n        <div class='content' title='Content'>\n        \n        </div>\n      </div>\n    "):""}},{key:xr("$boxModelItem input"),value:function(e){this.resetBoxModel()}},{key:"resetBoxModel",value:function(){var e=this,t={};_k.forEach((function(n){t[n]=nr.px(e.getRef("$",n).value)})),this.command("setAttribute","change padding or margin",t)}}]),t}(Gk);ki({BoxModelProperty:Kk});var Wk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"Content"}},{key:Df("refreshSelection","refreshContent")+Yr(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:ni("$contentItem"),value:function(){var e=this.$selection.current;return e?{value:e.content||""}:""}},{key:xr("$contentItem"),value:function(e){this.setContent()}},{key:"setContent",value:function(){var e=this.$selection.current;if(e){var t={content:this.refs.$contentItem.value};e.reset(t),this.emit("refreshCanvasForPartial",e)}}}]),t}(Gk);ki({ContentProperty:Wk});var Uk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("font.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"afterRender",value:function(){this.show()}},{key:Df("refreshSelection"),value:function(){this.refresh()}},{key:"refresh",value:function(){var e=this.$selection.current;e&&(this.children.$color.setValue(e.color||"rgba(0, 0, 0, 1)"),this.children.$size.setValue(e["font-size"]),this.children.$stretch.setValue(e["font-stretch"]||"0%"),this.children.$style.setValue(e["font-style"]),this.children.$family.setValue(e["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        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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        <object refClass="SelectIconEditor" \n          ref=\'$style\' \n          label=\'').concat(this.$i18n("font.property.style"),'\' \n          key="font-style"\n          compact="true"\n          options="normal,italic" \n          icons=\'title,italic\'\n          onchange="changeRangeEditor" />\n      </div>      \n\n      <div class=\'property-item\'>\n        <object refClass="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:Df("changeColor"),value:function(e,t){this.trigger("changeRangeEditor",e,t)}},{key:Df("changeRangeEditor"),value:function(e,t){this.command("setAttribute","change font attribute",m()({},e,t))}}]),t}(Gk);ki({FontProperty:Uk});var Zk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(xf.add,"</button>")}},{key:pr("$add"),value:function(){this.children.$textshadow.trigger("add")}},{key:Jr("$shadowList"),value:function(){var e=this.$selection.current||{};return('\n      <object refClass="TextShadowEditor" ref=\'$textshadow\' value="'.concat(e["text-shadow"]||"",'" hide-label="true" onChange="changeTextShadow" />\n    '))}},{key:"afterRender",value:function(){this.show()}},{key:Df("refreshSelection"),value:function(){this.refresh()}},{key:Df("changeTextShadow"),value:function(e){this.command("setAttribute","change text shadow",{"text-shadow":e})}}]),t}(Gk);ki({TextShadowProperty:Zk});var qk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("text.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:Df("refreshSelection"),value:function(){this.refresh()}},{key:"refresh",value:function(){var e=this.$selection.current;e&&(this.children.$align.setValue(e["text-align"]),this.children.$transform.setValue(e["text-transform"]),this.children.$decoration.setValue(e["text-decoration"]))}},{key:"getBody",value:function(){return'\n      <div class="property-item">\n        <object refClass="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        <object refClass=\"SelectIconEditor\" \n          ref='$transform' \n          label='").concat(this.$i18n("text.property.transform"),"' \n          key='text-transform' \n          options=\"none,uppercase:AG,lowercase:ag,capitalize:Ag\"\n          icons=\"horizontal_rule\"\n          onchange='changeTextValue' />                \n      </div>        \n      <div class=\"property-item\">\n        <object refClass=\"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=\"horizontal_rule,underline,O,strikethrough\"\n          onchange='changeTextValue' />        \n      </div>                    \n    ")}},{key:Df("changeTextValue"),value:function(e,t){this.command("setAttribute","change text property : ".concat(e),m()({},e,t))}}]),t}(Gk);ki({TextProperty:qk});var Jk=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("font.spacing.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:Df("refreshSelection"),value:function(){this.refresh()}},{key:"refresh",value:function(){var e=this.$selection.current;e&&(this.children.$lineHeight.setValue(e["line-height"]||nr.number(1)),this.children.$letter.setValue(e["letter-spacing"]||"0px"),this.children.$word.setValue(e["word-spacing"]||"0px"),this.children.$indent.setValue(e["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      <object refClass=\"RangeEditor\"  \n        ref='$lineHeight' \n        label='".concat(this.$i18n("font.spacing.property.lineHeight"),'\' \n        key="line-height" \n        min="0"\n        max="10"\n        step="0.01"\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        <object refClass="RangeEditor"  ref=\'$letter\' label=\'').concat(this.$i18n("font.spacing.property.letterSpacing"),"' key=\"letter-spacing\" min=\"-100\" max=\"100\" 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        <object refClass=\"RangeEditor\"  ref='$word' label='").concat(this.$i18n("font.spacing.property.wordSpacing"),"' key=\"word-spacing\"  min=\"-100\" max=\"100\" 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        <object refClass=\"RangeEditor\"  ref='$indent' label='").concat(this.$i18n("font.spacing.property.indent"),'\' key="text-indent"  min="-100" max="100" onchange="changeRangeEditor" />\n      </div>      \n    ')}},{key:Df("changeRangeEditor"),value:function(e,t){""===t.unit&&(t=nr.number(t.value)),this.command("setAttribute","change font attribute: ".concat(e),m()({},e,t))}}]),t}(Gk);function Qk(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({FontSpacingProperty:Jk});var ex=[{key:"top",title:"Top"},{key:"bottom",title:"Bottom"},{key:"left",title:"Left"},{key:"right",title:"Right"}],tx=ex.map((function(e){return e.key})),nx={image:"Image","static-gradient":"Static","linear-gradient":"Linear","repeating-linear-gradient":"".concat(xf.repeat," Linear"),"radial-gradient":"Radial","repeating-radial-gradient":"".concat(xf.repeat," Radial"),"conic-gradient":"Conic","repeating-conic-gradient":"".concat(xf.repeat," Conic")},rx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"Border Image"}},{key:Df("refreshSelection"),value:function(){this.refresh()}},{key:"getTools",value:function(){var e=(this.$selection.current||{}).appliedBorderImage||!1;return"\n      <label><input type='checkbox' ".concat(e?"checked":""," ref='$apply' /> Apply</label>\n    ")}},{key:pr("$apply"),value:function(){var e=this.$selection.current;if(e){var t=this.refs.$apply.checked();e.reset({applyBorderImage:t}),this.emit("refreshElement",e)}}},{key:"getColorStepList",value:function(e){switch(e.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(e.colorsteps)}return""}},{key:"getColorStepString",value:function(e){return e.map((function(e){return"<div class='step' data-colorstep-id=\"".concat(e.id,"\" data-selected='").concat(e.selected,"' style='background-color:").concat(e.color,";'></div>")})).join("")}},{key:Jr("$borderImageView"),value:function(){var e=(this.$selection.current||{borderImage:{image:{}}}).borderImage,t=e.type?nx[e.type]:"",n="background-image: ".concat(e.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(t,"</div>\n          <div class='colorsteps' ref=\"$colorsteps\">\n            ").concat(this.getColorStepList(e.image),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:Df("changeBorderImage"),value:function(e,t){var n=this;"border-image-slice"===e&&tx.forEach((function(e){n.children["$".concat(e,"Slice")].setValue(t)})),this.setBorderImageProperty()}},{key:"getBody",value:function(){return'\n      <div class="property-item border-image-item" ref=\'$borderImageView\'></div>    \n      <div class="property-item border-slice-item">\n        <div class="slice-selector" data-selected-value="all" ref="$selector">\n          <button type="button" data-value="all">'.concat(xf.border_all,'</button>\n          <button type="button" data-value="partitial">\n            ').concat(xf.border_inner,'\n          </button>\n        </div>\n        <div class="slice-value">\n          <object refClass="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(ex.map((function(e){return"\n              <div>\n                <label class='title'>".concat(e.title,'</label>\n              </div>\n              <div>\n                <object refClass="RangeEditor"  ref=\'$').concat(e.key,"Slice' label='Slice' key='border-image-slice-").concat(e.key,"' onchange='changeBorderImage' /> \n              </div>  \n              <div>\n                <object refClass=\"RangeEditor\"  ref='$").concat(e.key,"Width' label='Width' key='border-image-width-").concat(e.key,"' onchange='changeBorderImage' /> \n              </div>                \n            ")})).join(""),"\n        </div>\n      </div>\n    ")}},{key:kr("$sliceSettingBox select"),value:function(e){this.setBorderImageProperty()}},{key:pr("$borderImageView .preview"),value:function(){this.viewFillPopup(this.refs.$preview,"")}},{key:pr("$borderImageView .colorsteps .step"),value:function(e){this.refs.$colorsteps.$('[data-selected="true"]').removeAttr("data-selected");var t=e.$dt.attr("data-colorstep-id");e.$dt.attr("data-selected",!0);var n=e.$dt.closest("border-image-item").$(".preview");this.viewFillPopup(n,t)}},{key:"getFillData",value:function(e){var t={type:e.type};switch(t.type){case"image":t.url=e.image?e.image.url:"";break;default:if(e.image){var n=e.image;t.type=n.type,t.colorsteps=j()(n.colorsteps),t.angle=n.angle,t.radialType=n.radialType||"ellipse",t.radialPosition=n.radialPosition||er.CENTER}else t.colorsteps=[],t.angle=0,t.radialType="ellipse",t.radialPosition=er.CENTER}return t}},{key:"viewFillPopup",value:function(e,t){var n=this.$selection.current;n&&this.emit("showFillPopup",function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qk(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qk(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({changeEvent:"changeBorderImageFillPopup"},this.getFillData(n.borderImage),{selectColorStepId:t,refresh:!0}))}},{key:"viewChangeImage",value:function(e){var t=this.$selection.current;if(t){var n,r=t.borderImage;if(r)(n=this.getRef("$miniView"))&&r.image&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(nx.image),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.empty()}}},{key:"setImage",value:function(e){var t=this.$selection.current;t&&(t.borderImage.setImageUrl(e),this.viewChangeImage(e),this.emit("refreshElement",t))}},{key:"viewChangeGradient",value:function(e){var t=this.$selection.current;if(t){var n,r=t.borderImage;if(r)(n=this.getRef("$miniView"))&&n.css({"background-image":r.image.toString(),"background-size":"cover"}),(n=this.getRef("$fillTitle"))&&n.html(nx[e.type]),(n=this.getRef("$colorsteps",this.selectedIndex))&&n.html(this.getColorStepString(e.colorsteps))}}},{key:"setGradient",value:function(e){var t=this.$selection.current;t&&(t.borderImage.setGradient(e),this.viewChangeGradient(e),this.emit("refreshElement",t))}},{key:Df("changeBorderImageFillPopup"),value:function(e){switch(e.type){case"image":this.setImage(e);break;default:this.setGradient(e)}}},{key:"setBorderImageProperty",value:function(){var e=this,t=this.$selection.current;if(t){var n=t.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 tx.forEach((function(t){n.slice[t]=e.children["$".concat(t,"Slice")].getValue(),n.width[t]=e.children["$".concat(t,"Width")].getValue()}));this.emit("refreshElement",t)}}},{key:pr("$selector button"),value:function(e){var t=e.$dt.attr("data-value");this.refs.$selector.attr("data-selected-value",t),"all"===t?this.refs.$partitialSetting.hide():this.refs.$partitialSetting.show("grid"),this.setBorderImageProperty()}}]),t}(Gk);function ix(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"@";return"".concat(t).concat(e.startIndex).padEnd(10,"0")}function ax(e,t){var n=function(e,t){var n=e.match(t),r=[];if(!n)return r;for(var i=0,a=n.length;i<a;i++)r.push({parsedString:n[i]});var o={next:0};return r.forEach((function(t){var n=e.indexOf(t.parsedString,o.next);t.startIndex=n,t.endIndex=n+t.parsedString.length,o.next=t.endIndex})),r}(e,t);return n.forEach((function(t){e=e.replace(t.parsedString,ix(t))})),{str:e,matches:n}}function ox(e,t){return t.forEach((function(t){e=e.replace(ix(t),t.parsedString)})),e}function sx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({BorderImageProperty:rx});var cx=/((cubic-bezier|steps)\(([^\)]*)\))/gi,lx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return{itemType:"animation",checked:!0,name:"none",direction:"normal",duration:nr.second(0),timingFunction:"linear",delay:nr.second(0),iterationCount:nr.string("infinite"),playState:"running",fillMode:"none"}}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).duration=nr.parse(e.duration),e.iterationCount=nr.parse(e.iterationCount),e}},{key:"toCloneObject",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?sx(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):sx(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},this.attrs("name","direction","duration","timingFunction","delay","iterationCount","playState","fillMode"))}},{key:"togglePlayState",value:function(e){e?this.reset({playState:"running"===e?"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 e=this.json;return[e.duration,e.timingFunction,e.delay,e.iterationCount,e.direction,e.fillMode,e.playState,e.name].join(" ")}}],[{key:"parse",value:function(e){return new t(e)}},{key:"join",value:function(e){return e.map((function(e){return new t(e).toString()})).join(",")}},{key:"add",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.parseStyle(e);return r.push(t.parse(n)),t.join(r)}},{key:"remove",value:function(e,n){return t.filter(e,(function(e,t){return n!=t}))}},{key:"filter",value:function(e,n){return t.join(t.parseStyle(e).filter((function(e){return n(e)})))}},{key:"replace",value:function(e,n,r){var i=t.parseStyle(e);return i[n]?i[n]=r:i.push(r),t.join(i)}},{key:"get",value:function(e,n){return t.parseStyle(e)[n]}},{key:"parseStyle",value:function(e){var n=[];if(!e)return n;var r=ax(e,cx);return(n=r.str.split(",").map((function(e){var t=e.split(" ").filter(Boolean);return t.length>=7?{duration:nr.parse(t[0]),timingFunction:ox(t[1],r.matches),delay:nr.parse(t[2]),iterationCount:"infinite"===t[3]?nr.string("infinite"):nr.parse(t[3]),direction:t[4],fillMode:t[5],playState:t[6],name:t[7]}:t.length>=3?{duration:nr.parse(t[0]),timingFunction:ox(t[1],r.matches),delay:nr.parse(t[2]),name:t[3]}:t.length>=1?{duration:nr.parse(t[0]),name:t[1]}:{}}))).map((function(e){return t.parse(e)}))}}]),t}(Yi);function ux(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var hx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(xf.add,"</button>\n    ")}},{key:Jr("$animationList")+Xr,value:function(){var e=this,t=this.$selection.current;return t?lx.parseStyle(t.animation).map((function(t,n){var r=e.state.selectedIndex===n?"selected":"",i=$t(t.timingFunction,30,30);return"\n      <div class='animation-group-item'>\n        <div class='animation-item ".concat(r,"' \n             data-index='").concat(n,"' \n             ref=\"animationIndex").concat(n,"\" \n          >\n            <div class='timing preview' data-index='").concat(n,"' ref='$preview").concat(n,'\'>\n              <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                <path d="').concat(i,"\" stroke=\"white\" stroke-width=\"1\" fill='none' />\n              </svg>\n            </div>\n            <div class='name'>\n              <div class='title' ref=\"animationName").concat(n,'">\n                ').concat(t.name?t.name:"&lt; ".concat(e.$i18n("animation.property.select a keyframe")," &gt;"),"\n              </div>\n              <div class='labels'>\n                <label class='count' title='").concat(e.$i18n("animation.property.iteration.count"),"'><small>").concat(t.iterationCount,"</small></label>\n                <label class='delay' title='").concat(e.$i18n("animation.property.delay"),"'><small>").concat(t.delay,"</small></label>\n                <label class='duration' title='").concat(e.$i18n("animation.property.duration"),"'><small>").concat(t.duration,"</small></label>\n                <label class='direction' title='").concat(e.$i18n("animation.property.direction"),"'><small>").concat(t.direction,"</small></label>\n                <label class='fill-mode' title='").concat(e.$i18n("animation.property.fill.mode"),"'><small>").concat(t.fillMode,"</small></label>\n                <label class='play-state' title='").concat(e.$i18n("animation.property.play.state"),"' data-index='").concat(n,"' data-play-state-selected-value=\"").concat(t.playState,"\">\n                  <small data-play-state-value='running'>").concat(xf.play,"</small>\n                  <small data-play-state-value='paused'>").concat(xf.pause,'</small>\n                </label>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(xf.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:Df("refreshSelection")+Yr(100),value:function(){this.refreshShowIsNot("project"),this.emit("hideAnimationPropertyPopup")}},{key:pr("$add"),value:function(e){var t=this.$selection.current;t&&(t.reset({animation:lx.add(t.animation,{name:null})}),this.emit("refreshElement",t)),this.refresh()}},{key:pr("$animationList .tools .del"),value:function(e){var t=e.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({animation:lx.remove(n.animation,t)}),this.emit("refreshElement",n),this.refresh())}},{key:pr("$animationList .play-state"),value:function(e){var t=+e.$dt.attr("data-index"),n=this.$selection.current;if(n){var r=lx.parseStyle(n.animation),i=r[t];i&&(i.togglePlayState(),e.$dt.attr("data-play-state-selected-value",i.playState),n.reset({animation:lx.join(r)}),this.emit("refreshElement",n))}}},{key:"selectItem",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t?this.refs["animationIndex".concat(e)].addClass("selected"):this.refs["animationIndex".concat(e)].removeClass("selected")}},{key:"viewAnimationPicker",value:function(e){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+e.attr("data-index"),this.current=this.$selection.current,this.current&&(this.currentAnimation=lx.get(this.current.animation,this.selectedIndex),this.viewAnimationPropertyPopup())}},{key:"viewAnimationPropertyPopup",value:function(){if(this.currentAnimation){var e=this.currentAnimation;this.emit("showAnimationPropertyPopup",{changeEvent:"changeAnimationPropertyPopup",data:e.toCloneObject(),instance:this})}}},{key:pr("$animationList .preview"),value:function(e){this.viewAnimationPicker(e.$dt)}},{key:"getRef",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return this.refs[t.join("")]}},{key:Df("changeAnimationPropertyPopup"),value:function(e){this.currentAnimation&&(this.currentAnimation.reset(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ux(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ux(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e)),this.current&&(this.current.reset({animation:lx.replace(this.current.animation,this.selectedIndex,this.currentAnimation)}),this.emit("refreshElement",this.current),this.refresh()))}}]),t}(Gk);ki({AnimationProperty:hx});var px=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(xf.add,"</button>\n    ")}},{key:"makeProperty",value:function(e){var t=e.key;return"x"===t?t="left":"y"===t&&(t="top"),"\n      <div class='offset-property-item'>\n        <label>".concat(t,":</label>\n        <div class='value'>").concat(e.value,"</div>\n      </div>\n    ")}},{key:"makeOffset",value:function(e){var t=this;return("\n      <div class='offset'>\n        <label>".concat(e.offset,"</label>\n        <div class='properties'>\n          ").concat(e.properties.map((function(e){return t.makeProperty(e)})).join(""),"\n        </div>        \n      </div>\n    "))}},{key:"makeKeyframeTemplate",value:function(e,t){var n=this;return t=t.toString(),"\n      <div class='keyframe-item' data-selected-value='".concat(e.selectedType,"' ref='$keyframeIndex").concat(t,"' data-index='").concat(t,"'>\n        <div class='title'>\n          <div class='name'>").concat(e.name,"</div>\n          <div class='tools'>\n            <div class='group'>\n              <button type=\"button\" data-type='list'>").concat(xf.list,"</button>\n              <button type=\"button\" data-type='code'>").concat(xf.code,'</button>\n            </div>\n            <button type="button" class="del" data-index="').concat(t,'">').concat(xf.remove2,"</button>\n          </div>\n        </div>\n        <div class='offset-list'>\n          <div class='container'>\n            ").concat(e.offsets.map((function(e){return"\n              <div class='offset' style='left: ".concat(e.offset,"; background-color: ").concat(e.color,"'></div>\n              ")})).join(""),"\n          </div>\n        </div>\n        <div class='keyframe-code' data-type='list'>\n          ").concat(e.offsets.map((function(e){return n.makeOffset(e)})).join(""),"\n        </div>\n        <div class='keyframe-code' data-type='code'>\n          <pre>").concat(e.toString().trim(),"</pre>\n        </div>        \n      </div>\n    ")}},{key:pr("$keyframeList .keyframe-item .title .group button[data-type]"),value:function(e){var t=e.$dt.closest("keyframe-item"),n=+t.attr("data-index"),r=e.$dt.attr("data-type"),i=this.$selection.currentProject;if(i){var a=i.keyframes[n];a&&a.reset({selectedType:r}),t.attr("data-selected-value",r)}}},{key:pr("$keyframeList .keyframe-item .offset-list"),value:function(e){var t=+e.$dt.closest("keyframe-item").attr("data-index");this.$selection.currentProject&&this.viewKeyframePicker(t)}},{key:pr("$keyframeList .del")+Zr,value:function(e){var t=e.$dt.attr("data-index"),n=this.$selection.currentProject;n&&(n.removeKeyframe(t),this.emit("refreshProject",n),this.refresh())}},{key:Df("refreshSelection")+Yr(100),value:function(){this.refreshShowIsNot("project")}},{key:Jr("$keyframeList"),value:function(){var e=this,t=this.$selection.currentProject;if(!t)return"";var n=t.keyframe?Ms.parseStyle(t):t.keyframes;return t.keyframe="",t.keyframes=n,n.map((function(t,n){return e.makeKeyframeTemplate(t,n)}))}},{key:pr("$add"),value:function(){var e=this.$selection.currentProject;e?(e.createKeyframe(),this.refresh(),this.emit("refreshProject",e)):alert("Please select a project.")}},{key:"viewKeyframePicker",value:function(e){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+e,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(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t?this.getRef("$keyframeIndex",e).addClass("selected"):this.getRef("$keyframeIndex",e).removeClass("selected"),this.current&&this.current.keyframes.forEach((function(t,n){t.selected=n===e}))}},{key:"viewKeyframePropertyPopup",value:function(e){if(this.current=this.$selection.currentProject,this.current){this.currentKeyframe=this.current.keyframes[this.selectedIndex];var t=this.currentKeyframe,n=t.name,r=t.offsets;this.emit("showKeyframePopup",{position:e,name:n,offsets:r})}}},{key:Df("changeKeyframePopup"),value:function(e){var t=this.$selection.currentProject;t&&(this.currentKeyframe=t.keyframes[this.selectedIndex],this.currentKeyframe&&this.currentKeyframe.reset(e),this.refresh(),this.emit("refreshProject",t))}}]),t}(Gk);ki({KeyFrameProperty:px});var dx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("background.image.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"afterRender",value:function(){this.show()}},{key:"getKeyframeProperty",value:function(){return"background-image"}},{key:"getClassName",value:function(){return"background-image"}},{key:"getBody",value:function(){return"\n      <div class='full' ref='$property'></div>               \n    "}},{key:"getTools",value:function(){return"<button type=\"button\" ref='$add'>".concat(xf.add,"</button>")}},{key:pr("$add"),value:function(){this.children.$backgroundImageEditor.trigger("add")}},{key:Jr("$property"),value:function(){var e=(this.$selection.current||{})["background-image"]||"";return"<object refClass=\"BackgroundImageEditor\" \n              ref='$backgroundImageEditor' \n              key='background-image'\n              value='".concat(e,"' \n              hide-label=\"true\"\n              onchange='changeBackgroundImage' \n            />")}},{key:Df("refreshSelection"),value:function(){this.refreshShow(["artboard","rect","circle","text","image","video"])}},{key:"refresh",value:function(){this.load()}},{key:Df("changeBackgroundImage")+Yr(10),value:function(e,t){this.command("setAttribute","change background image",m()({},e,t))}}]),t}(Gk);ki({BackgroundImageProperty:dx});var fx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("filter.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"afterRender",value:function(){this.show()}},{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(xf.add,"</button>\n    ")}},{key:pr("$add"),value:function(){var e=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",e)}},{key:Jr("$filterSelect"),value:function(){var e=this,t=qf.map((function(t){return{title:e.$i18n("filter.property.".concat(t)),value:t}})),n=this.getSVGFilterList();return(n.length?[].concat(j()(t),[{title:"-------",value:""}],j()(n)):j()(t)).map((function(e){var t=e.title,n=e.value;return"<option value='".concat(n,"'>").concat(t,"</option>")}))}},{key:"getSVGFilterList",value:function(){var e=this.$selection.currentProject,t=[];return e&&(t=e.svgfilters.map((function(e){var t=e.id;return{title:"svg - #".concat(t),value:t}}))),t}},{key:Jr("$body"),value:function(){var e=(this.$selection.current||{}).filter;return"<object refClass=\"FilterEditor\" ref='$filterEditor' value='".concat(e,"' hide-label='true' onchange='changeFilterEditor' />")}},{key:Df("changeFilterEditor"),value:function(e){this.command("setAttribute","change filter",{filter:e})}},{key:Df("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Df("refreshSVGArea")+Yr(1e3),value:function(){this.load("$filterSelect")}}]),t}(Gk);ki({FilterProperty:fx});var vx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("code.view.property.title")}},{key:Df("refreshSelectionStyleView","refreshStyleView","refreshSelection","refreshSVGArea")+Yr(100),value:function(){this.refreshShowIsNot()}},{key:"getBody",value:function(){return"\n      <div class=\"property-item code-view-item\" ref='$body'></div>\n    "}},{key:Jr("$body")+Xr,value:function(){return[_b.codeview(this.$selection.current),Tl.codeview(this.$selection.current)]}}]),t}(Gk);ki({CodeViewProperty:vx});var yx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(xf.add,"</button>\n    ")}},{key:pr("$add"),value:function(){var e=this.refs.$filterSelect.value;this.children.$filterEditor.trigger("add",e)}},{key:Jr("$filterSelect"),value:function(){var e=this,t=qf.map((function(t){return{title:e.$i18n("filter.property.".concat(t)),value:t}})),n=this.getSVGFilterList();return(n.length?[].concat(j()(t),[{title:"-------",value:""}],j()(n)):j()(t)).map((function(e){var t=e.title,n=e.value;return"<option value='".concat(n,"'>").concat(t,"</option>")}))}},{key:"getSVGFilterList",value:function(){var e=this.$selection.currentProject,t=[];return e&&(t=e.svgfilters.map((function(e){return{title:"svg - #".concat(e.id),value:e.id}}))),t}},{key:Jr("$body"),value:function(){var e=(this.$selection.current||{})["backdrop-filter"];return"<object refClass=\"FilterEditor\" ref='$filterEditor' value='".concat(e,"' hide-label=\"true\" onchange='changeFilterEditor' />")}},{key:Df("changeFilterEditor"),value:function(e){this.command("setAttribute","change backdrop filter",{"backdrop-filter":e})}},{key:Df("refreshSelection"),value:function(){this.refreshShowIsNot(["project","artboard"])}}]),t}(Gk);ki({BackdropFilterProperty:yx});var gx=["top-left","top","top-right","left","right","bottom-left","bottom","bottom-right"],mx={top:"0","top-right":"45",right:"90","bottom-right":"135",bottom:"180","bottom-left":"225",left:"270","top-left":"315"},bx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(gx.map((function(e){return"<div class='direction' data-value='".concat(e,"'></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(xf.gps_fixed,"</div>\n                </div>                \n            </div>\n        ")}},{key:pr("$directionArea .direction"),value:function(e){var t=e.$dt.attr("data-value"),n=nr.deg(mx[t]||0);this.$selection.each((function(e){var t=Zi.replace(e.transform,{type:"rotateZ",value:[n]});e.reset({transform:t})})),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect"),this.$selection.setRectCache()}},{key:ni("$rotateContainer"),value:function(){var e=this.$selection.current||{transform:""};return{style:{transform:Zi.filter(e.transform||"",(function(e){return"rotateX"===e.type||"rotateY"===e.type}))}}}},{key:ni("$rotateZ"),value:function(){var e=this.$selection.current||{transform:""};return{style:{transform:Zi.filter(e.transform||"",(function(e){return"rotate"===e.type||"rotateZ"===e.type}))}}}},{key:dr("$rotateArea"),value:function(){this.$selection.each((function(e){e.reset({transform:Zi.remove(e.transform,["rotateX","rotateY"])})})),this.$selection.setRectCache(),this.bindData("$rotateContainer"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:Cr("$rotateArea")+Wr("moveRotateXY")+Ur("moveEndRotateXY"),value:function(){this.state.rotateCache=this.$selection.map((function(e){var t=Zi.get(e.transform,"rotateX"),n=Zi.get(e.transform,"rotateY");return{item:e,rotateX:t?t[0]:nr.deg(0),rotateY:n?n[0]:nr.deg(0)}}))}},{key:"moveRotateXY",value:function(e,t){var n=nr.deg(-t),r=nr.deg(e);this.state.rotateCache.forEach((function(e){var t=e.item.transform;t=Zi.rotateX(t,nr.deg(e.rotateX.value+n.value)),t=Zi.rotateY(t,nr.deg(e.rotateY.value+r.value)),e.item.transform=t})),this.bindData("$rotateContainer"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:"moveEndRotateXY",value:function(e,t){this.emit("refreshSelectionStyleView"),this.emit("refreshRect"),this.$selection.setRectCache()}},{key:dr("$handle"),value:function(){this.$selection.each((function(e){e.reset({transform:Zi.remove(e.transform,["rotateZ","rotate"])})})),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:Cr("$handle")+Wr()+Ur(),value:function(){var e=this.refs.$handle.rect(),t=this.refs.$rotateZ.rect();this.rotateZCenter={x:t.x+t.width/2,y:t.y+t.height/2},this.rotateZStart={x:e.x+e.width/2,y:e.y+e.height/2},this.state.rotateCache=this.$selection.map((function(e){var t=Zi.get(e.transform,"rotateZ");return{item:e,rotateZ:t?t[0]:nr.deg(0)}}))}},{key:"move",value:function(e,t){this.modifyRotateZ(e,t),this.bindData("$rotateZ"),this.emit("refreshSelectionStyleView",null,!1,!0),this.emit("refreshRect")}},{key:"end",value:function(){this.emit("refreshSelectionStyleView"),this.emit("refreshRect"),this.$selection.setRectCache()}},{key:"modifyRotateZ",value:function(e,t){this.$config.get("bodyEvent");var n=nr.deg(Math.floor(te(this.rotateZStart,this.rotateZCenter,{dx:e,dy:t})));this.state.rotateCache.forEach((function(e){var t=e.item.transform;t=Zi.rotateZ(t,nr.deg(e.rotateZ.value+n.value)),e.item.transform=t}))}},{key:Df("refreshSelection"),value:function(){this.refresh()}}]),t}(If);function kx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var xx=["rotate","rotateX","rotateY","rotateZ","rotate3d","translate","translateX","translateY","translateZ","translate3d","perspective","scale","scaleX","scaleY","scaleZ","scale3d","matrix","matrix3d"],wx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?kx(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):kx(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},si()(Xn()(t.prototype),"components",this).call(this),{RotateEditorView:bx})}},{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return this.$i18n("transform.property.title")}},{key:"getBody",value:function(){return"\n      <object refClass=\"RotateEditorView\" />\n      <div class='full transform-property' ref='$body'></div>\n    "}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform"}},{key:"getTools",value:function(){var e=this;return('\n      <select ref="$transformSelect">\n      '.concat(xx.map((function(t){var n=e.$i18n("css.item."+t);return"<option value='".concat(t,"'>").concat(n,"</option>")})).join(""),'\n      </select>\n      <button type="button" ref="$add" title="add Filter">').concat(xf.add,"</button>\n    "))}},{key:pr("$add"),value:function(){var e=this.refs.$transformSelect.value;this.children.$transformEditor.trigger("add",e)}},{key:Jr("$body"),value:function(){var e=(this.$selection.current||{}).transform;return"\n      <object refClass=\"TransformEditor\" ref='$transformEditor' value='".concat(e,"' hide-label=\"true\" onchange='changeTransformEditor' />\n    ")}},{key:Df("changeTransformEditor"),value:function(e){this.command("setAttribute","change transform property",{transform:function(t){return Zi.replaceAll(t.transform,e)}})}},{key:Df("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Df("refreshRect")+Yr(100),value:function(){this.refresh()}}]),t}(Gk);ki({TransformProperty:wx});var Sx=["circle","ellipse","inset","polygon","path","svg"],Px=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(Sx.map((function(e){return"<option value='".concat(e,"'>").concat(e,"</option>")})).join(""),'\n      </select>\n      <button type="button" ref="$add" title="add Clip Path">').concat(xf.add,"</button>\n    ")}},{key:"makeClipPathTemplate",value:function(e){return"\n      <div class='clippath-item'>\n        <div class='title'>\n          <div class='name'>".concat(e,'</div>\n        </div>\n        <div class=\'tools\'>\n          <button type="button" class="del">').concat(xf.remove2,"</button>\n        </div>        \n      </div>\n    ")}},{key:pr("$clippathList .clippath-item .title"),value:function(e){this.$selection.current&&this.viewClipPathPicker()}},{key:pr("$clippathList .del")+Zr,value:function(e){var t=this,n=this.$selection.current;n&&(this.command("setAttribute","delete clip-path",{"clip-path":""},n.id),this.emit("hideClipPathPopup"),setTimeout((function(){t.refresh()}),100))}},{key:Df("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Jr("$clippathList"),value:function(){var e=this.$selection.current;return e&&e["clip-path"]?this.makeClipPathTemplate(e["clip-path"].split("(")[0]):""}},{key:pr("$add"),value:function(){var e=this.$selection.current;e&&(e["clip-path"]?alert("clip-path is already exists."):(e&&(e["clip-path"]=this.refs.$clipPathSelect.value,this.command("setAttribute","change clip-path",{"clip-path":this.refs.$clipPathSelect.value},e.id)),this.refresh()))}},{key:"viewClipPathPicker",value:function(){var e=this.$selection.current;if(e){var t=ts.parseStyle(e["clip-path"]);switch(t.type){case"path":var n=e.accumulatedPath(t.value.trim()).d,r=n?"modify":"path";this.emit("showPathEditor",r,{changeEvent:"updateClipPathString",current:e,d:n,screenX:e.screenX,screenY:e.screenY,screenWidth:e.screenWidth,screenHeight:e.screenHeight});break;case"svg":break;default:this.emit("showClipPathPopup",{"clip-path":e["clip-path"]})}}}},{key:Df("updateClipPathString"),value:function(e){var t=this.$selection.current;t&&(e.d=t.invertPath(e.d).round(1e3).d,t.reset({"clip-path":"path(".concat(e.d,")")}),this.refresh(),this.emit("updateClipPath",e))}},{key:Df("changeClipPathPopup"),value:function(e){var t=this.$selection.current;t&&(t.reset(e),this.refresh(),this.command("setAttribute","change clip-path",e,t.id))}}]),t}(Gk);ki({ClipPathProperty:Px});var jx=/((cubic-bezier|steps)\(([^\)]*)\))/gi,Ox=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){return{name:"all",duration:nr.second(0),timingFunction:"linear",delay:nr.second(0)}}},{key:"toCloneObject",value:function(){return{name:this.json.name,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 e=this.json;return[e.name,e.duration,e.timingFunction,e.delay].join(" ")}}],[{key:"parse",value:function(e){return new t(e)}},{key:"join",value:function(e){return e.map((function(e){return new t(e).toString()})).join(",")}},{key:"add",value:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.parseStyle(e);return r.push(t.parse(n)),t.join(r)}},{key:"remove",value:function(e,n){return t.filter(e,(function(e,t){return n!=t}))}},{key:"filter",value:function(e,n){return t.join(t.parseStyle(e).filter((function(e){return n(e)})))}},{key:"replace",value:function(e,n,r){var i=t.parseStyle(e);return i[n]?i[n]=r:i.push(r),t.join(i)}},{key:"get",value:function(e,n){return t.parseStyle(e)[n]}},{key:"parseStyle",value:function(e){var n=[];if(!e)return n;var r=ax(e,jx);return(n=r.str.split(",").map((function(e){var t=e.split(" ").filter(Boolean);return t.length>=4?{name:t[0],duration:nr.parse(t[1]),timingFunction:ox(t[2],r.matches),delay:nr.parse(t[3])}:t.length>=3?{name:t[0],duration:nr.parse(t[1]),delay:nr.parse(t[2])}:t.length>=1?{name:t[0],duration:nr.parse(t[1])}:{}}))).map((function(e){return t.parse(e)}))}}]),t}(Yi);function $x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var Cx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(xf.add,"</button>\n    ")}},{key:Jr("$transitionList")+Xr,value:function(){var e=this,t=this.$selection.current;return t?Ox.parseStyle(t.transition).map((function(t,n){var r=e.state.selectedIndex===n?"selected":"",i=$t(t.timingFunction,30,30);return"\n      <div class='transition-group-item'>\n        <div class='transition-item ".concat(r,"' data-index='").concat(n,"' ref=\"transitionIndex").concat(n,"\">\n            <div class='timing preview' data-index='").concat(n,"' ref='$preview").concat(n,'\'>\n              <svg class=\'item-canvas\' width="30" height="30" viewBox="0 0 30 30">\n                <path d="').concat(i,"\" stroke=\"white\" stroke-width=\"1\" fill='none' />\n              </svg>\n            </div>\n            <div class='name'>\n              <div class='labels'>\n                <span class='property-name' title='Property'>").concat(t.name,"</span>\n                <span class='duration' title='Duration'><small>Duration: ").concat(t.duration,"</small></span>\n                <span class='delay' title='Delay'><small>Delay: ").concat(t.delay,'</small></span>\n              </div>\n            </div>\n            <div class=\'tools\'>\n                <button type="button" class="del" data-index="').concat(n,'">\n                  ').concat(xf.remove2,"\n                </button>\n            </div>\n        </div>\n      </div>        \n      ")})):""}},{key:Df("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:pr("$add"),value:function(e){var t=this.$selection.current;t&&(t.reset({transition:Ox.add(t.transition)}),this.emit("refreshElement",t)),this.refresh()}},{key:"getCurrentTransition",value:function(){return this.current.transitions[this.selectedIndex]}},{key:pr("$transitionList .tools .del"),value:function(e){var t=e.$dt.attr("data-index"),n=this.$selection.current;n&&(n.reset({transition:Ox.remove(n.transition,t)}),this.emit("refreshElement",n),this.refresh())}},{key:"selectItem",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t?this.refs["transitionIndex".concat(e)].addClass("selected"):this.refs["transitionIndex".concat(e)].removeClass("selected")}},{key:"viewTransitionPicker",value:function(e){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+e.attr("data-index"),this.current=this.$selection.current,this.current&&(this.currentTransition=Ox.get(this.current.transition,this.selectedIndex),this.viewTransitionPropertyPopup())}},{key:"viewTransitionPropertyPopup",value:function(){if(this.currentTransition){var e=this.currentTransition;this.emit("showTransitionPropertyPopup",{changeEvent:"changeTransitionPropertyPopup",data:e.toCloneObject(),instance:this})}}},{key:pr("$transitionList .preview"),value:function(e){this.viewTransitionPicker(e.$dt)}},{key:"getRef",value:function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return this.refs[t.join("")]}},{key:Df("changeTransitionPropertyPopup"),value:function(e){this.currentTransition&&(this.currentTransition.reset(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$x(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e)),this.current&&(this.current.reset({transition:Ox.replace(this.current.transition,this.selectedIndex,this.currentTransition)}),this.emit("refreshElement",this.current),this.refresh()))}}]),t}(Gk);ki({TransitionProperty:Cx});var Ex=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(xf.remove,"</button>\n    ")}},{key:pr("$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:Jr("$body"),value:function(){var e=(this.$selection.current||{})["perspective-origin"]||"";return"<object refClass=\"PerspectiveOriginEditor\" \n              ref='$1' \n              value='".concat(e,"' \n              onchange='changePerspectiveOrigin' \n            />")}},{key:Df("refreshSelection")+Yr(100),value:function(){this.refreshShowIsNot(["project"])}},{key:Df("changePerspectiveOrigin"),value:function(e){this.command("setAttribute","change perspective origin",{"perspective-origin":e})}}]),t}(Gk);ki({PerspectiveOriginProperty:Ex});var Tx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(xf.remove,"</button>\n    ")}},{key:pr("$remove"),value:function(){this.trigger("changePerspective","perspective","")}},{key:"getBody",value:function(){return"<div class='property-item' ref='$perspective'></div>"}},{key:Jr("$perspective"),value:function(){var e=(this.$selection.current||{}).perspective||"";return"\n        <object refClass=\"RangeEditor\"  ref='$1' key='perspective' value=\"".concat(e,'" max="2000px" onchange="changePerspective" />\n    ')}},{key:Df("changePerspective"),value:function(e,t){this.command("setAttribute","change perspective",m()({},e,t))}},{key:Df("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}}]),t}(Gk);ki({PerspectiveProperty:Tx});var Vx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("transform.origin.property.title")}},{key:"hasKeyframe",value:function(){return!0}},{key:"getKeyframeProperty",value:function(){return"transform-origin"}},{key:pr("$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:Jr("$body"),value:function(){var e=(this.$selection.current||{})["transform-origin"]||"";return"<object refClass=\"TransformOriginEditor\" ref='$1' value='".concat(e,"' onchange='changeTransformOrigin' />")}},{key:Df("refreshSelection","refreshRect")+Yr(100),value:function(){this.refreshShowIsNot(["project","artboard"])}},{key:Df("changeTransformOrigin"),value:function(e,t){this.command("setAttribute","change transform-origin",{"transform-origin":t})}}]),t}(Gk);ki({TransformOriginProperty:Vx});var Dx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Jr("$backgroundClip"),value:function(){var e=(this.$selection.current||{})["background-clip"]||"";return'<object refClass="SelectEditor"  ref=\'$1\' key=\'background-clip\' icon="true" value="'.concat(e,'" options=",paddinb-box,border-box,content-box,text" onchange="changeSelect" />')}},{key:Df("changeSelect"),value:function(e,t){this.command("setAttribute","change background clip",m()({},e,t))}},{key:Df("refreshSelection")+Yr(100),value:function(){this.refreshShow(["rect","circle","text"])}}]),t}(Gk);function Ix(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Mx(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ix(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ix(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ki({BackgroundClipProperty:Dx});var Lx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(e){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,Mx({itemType:"selector",selector:"",properties:[]},e))}},{key:"toCloneObject",value:function(){return Mx({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("selector","properties"))}},{key:"isMultiStyle",value:function(e){switch(e){case"background-image":case"var":return!0}return!1}},{key:"getMultiStyleString",value:function(e){switch(e.key){case"background-image":return e.value.toString()+";"}return e.value.toString()+" !important;"}},{key:"toPropertyString",value:function(){var e=this;return this.json.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," !important;")}return""})).join("\n")}},{key:"toCSSText",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"".concat(e).concat(this.json.selector," {\n    ").concat(this.toPropertyString(),"\n}")}},{key:"toCSS",value:function(){return{}}},{key:"toString",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return this.toCSSText(e)}}],[{key:"parse",value:function(e){return new t(e)}}]),t}(Yi),Rx=["",":hover",":active",":before",":after",":first-child",":last-child",":link",":active",":focus"].join(","),Ax=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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        <object refClass=\"SelectEditor\"  ref='$select' key='selector' icon=\"true\" key-value-char=';' none-value=\"selector\" options=\"".concat(Rx,'" />\n      </div>\n      <button type="button" ref="$add" title="add Selector">').concat(xf.add,"</button>\n    ")}},{key:"makeSelectorTemplate",value:function(e,t){return t=t.toString(),"\n      <div class='selector-item' draggable='true' ref='$selectorIndex".concat(t,"' data-index='").concat(t,"'>\n        <div class='title'>\n          <div class='name'>\n            <span>").concat(e.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(t,'">').concat(xf.remove2,"</button>\n          </div>\n        </div>\n      </div>\n    ")}},{key:pr("$selectorList .selector-item .name"),value:function(e){var t=+e.$dt.closest("selector-item").attr("data-index");this.$selection.current&&this.viewSelectorPicker(t)}},{key:pr("$selectorList .selector-item .del")+Zr+qr,value:function(e){var t=e.$dt.attr("data-index"),n=this.$selection.current;n&&(n.removeSelector(t),this.emit("refreshElement",n),this.refresh())}},{key:Df("refreshSelection")+Yr(100),value:function(){this.refreshShowIsNot(["project","svg-path","svg-brush","svg-textpath","svg-text"])}},{key:Jr("$selectorList"),value:function(){var e=this,t=this.$selection.current;if(!t)return"";var n=t.selector?Lx.parseStyle(t):t.selectors;return t.selector="",t.selectors=n,(n||[]).map((function(t,n){return e.makeSelectorTemplate(t,n)}))}},{key:yr("$selectorList .selector-item .title"),value:function(e){this.startIndex=+e.$dt.attr("data-index")}},{key:mr("$selectorList .selector-item")+Zr,value:function(e){}},{key:gr("$selectorList .selector-item")+Zr,value:function(e){var t=+e.$dt.attr("data-index"),n=this.$selection.current;n&&(n.sortSelector(this.startIndex,t),this.emit("refreshElement",n),this.refresh())}},{key:pr("$add"),value:function(){var e=this.$selection.current;e&&(e.createSelector({selector:this.children.$select.getValue()}),this.emit("refreshElement",e)),this.refresh()}},{key:"viewSelectorPicker",value:function(e){"number"==typeof this.selectedIndex&&this.selectItem(this.selectedIndex,!1),this.selectedIndex=+e,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(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];t?this.getRef("$selectorIndex",e).addClass("selected"):this.getRef("$selectorIndex",e).removeClass("selected"),this.current&&this.current.selectors.forEach((function(t,n){t.selected=n===e}))}},{key:"viewSelectorPropertyPopup",value:function(e){if(this.current=this.$selection.current,this.current){this.currentSelector=this.current.selectors[this.selectedIndex];var t=this.currentSelector,n=t.selector,r=t.properties;this.emit("showSelectorPopup",{position:e,selector:n,properties:r})}}},{key:Df("changeSelectorPopup"),value:function(e){this.current=this.$selection.current,this.current&&(this.currentselector=this.current.selectors[this.selectedIndex],this.currentSelector&&this.currentSelector.reset(e),this.refresh(),this.emit("refreshElement",this.current))}}]),t}(Gk);ki({SelectorProperty:Ax});var zx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("position.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:Df("refreshSelection"),value:function(){this.refreshShowIsNot(["project"])}},{key:Df("refreshRect"),value:function(){var e=this.$selection.current;if(!e)return"";this.children.$x.setValue(e.x||Length.z()),this.children.$y.setValue(e.y||Length.z()),this.children.$width.setValue(e.width||Length.z()),this.children.$height.setValue(e.height||Length.z()),this.children.$opacity.setValue(e.opacity||"1");var t=Zi.get(e.transform,"rotateZ");t?this.children.$rotate.setValue(t[0]):this.children.$rotate.setValue(e.rotate)}},{key:"isHideHeader",value:function(){return!0}},{key:"getBody",value:function(){return"\n      <div class=\"position-item\" ref=\"$positionItem\" style='padding: 5px 0px;'>\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            <object refClass='InputRangeEditor' ref='$x' compact=\"true\" label=\"X\" key='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            <object refClass='InputRangeEditor' ref='$y' compact=\"true\"  label=\"Y\" key='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; 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            <object refClass='InputRangeEditor' ref='$width' compact=\"true\"  label=\"".concat(this.$i18n("position.property.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            <object refClass='InputRangeEditor' ref='$height' compact=\"true\"  label=\"").concat(this.$i18n("position.property.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; padding-top: 10px;'>\n          <div class='property-item animation-property-item'>\n            <div class='group'>\n              <span class='add-timeline-property' data-property='rotate'></span>\n            </div>\n            <object refClass='InputRangeEditor' \n              ref='$rotate' \n              key='rotateZ' \n              compact=\"true\" \n              label='rotate_left'\n              min=\"0\"\n              max=\"360\"\n              step=\"0.01\"\n              units=\"deg\"\n              onchange=\"changeRotate\" />\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            <object refClass=\"NumberInputEditor\"\n              ref='$opacity' \n              key='opacity' \n              compact=\"true\" \n              label='opacity'\n              min=\"0\"\n              max=\"1\"\n              step=\"0.01\"\n              onchange=\"changeSelect\" />\n          </div>        \n        </div>                \n      </div>\n    ")}},{key:"refresh",value:function(){var e=this.$selection.current;e&&(this.children.$x.setValue(e.x),this.children.$y.setValue(e.y),this.children.$width.setValue(e.width),this.children.$height.setValue(e.height))}},{key:Df("changRangeEditor"),value:function(e,t){this.command("setAttribute","change position or size",m()({},e,t)),this.emit("refreshAllElementBoundSize")}},{key:Df("changeRotate"),value:function(e,t){this.command("setAttribute","change rotate",{rotate:t})}},{key:Df("changeSelect"),value:function(e,t){this.command("setAttribute","change ".concat(e),m()({},e,t))}}]),t}(Gk);ki({PositionProperty:zx});var Fx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(xf.add,"</button>\n    ")}},{key:pr("$add"),value:function(){this.emit("addProject")}},{key:"getBody",value:function(){return'\n      <div class="project-list scrollbar" ref="$projectList"></div>\n    '}},{key:Jr("$projectList")+Xr,value:function(){var e=this;return(this.$editor.projects||[]).map((function(t,n){var r=t===e.$selection.currentProject?"selected":"";return("\n        <div class='project-item ".concat(r,"'>\n          <div class='detail'>\n            <label data-index='").concat(n,"'>").concat(t.name||"New Project",'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-index="').concat(n,"\" title='Remove'>").concat(xf.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      "))}))}},{key:dr("$projectList .project-item"),value:function(e){this.startInputEditing(e.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(e){var t=this;this.endInputEditing(e,(function(e,n){var r=t.$editor.projects[e];r&&r.reset({name:n})}))}},{key:fr("$projectList .project-item label")+Gr+Zr+qr,value:function(e){return this.modifyDoneInputEditing(e.$dt),!1}},{key:Sr("$projectList .project-item label")+Zr+qr,value:function(e){this.modifyDoneInputEditing(e.$dt)}},{key:"selectProject",value:function(e){e&&(this.$selection.selectProject(e),e.artboards.length&&(this.$selection.selectArtboard(e.artboards[0]),this.$selection.select())),this.refresh(),this.emit("refreshAllSelectProject")}},{key:pr("$projectList .project-item label"),value:function(e){var t=+e.$dt.attr("data-index");this.selectProject(this.$editor.projects[t])}},{key:pr("$projectList .project-item .remove"),value:function(e){var t=+e.$dt.attr("data-index");this.$editor.projects.splice(t);var n=this.$editor.projects[t]||this.$editor.projects[t-1];this.selectProject(n)}},{key:Df("refreshProjectList"),value:function(){this.refresh()}}]),t}(Gk);ki({ProjectProperty:Fx});var Bx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:"getBody",value:function(){return"\n      <div class=\"layer-list scrollbar\" ref=\"$layerList\"></div>\n      <div class='drag-point' ref='$dragPointer'></div>\n    "}},{key:ni("$dragPointer"),value:function(){var e=this.state.lastDragOverOffset,t=this.state.itemRect.height/3,n={};if(this.state.lastDragOverOffset<t){e=0;var r=this.state.lastDragOverPosition+e-this.state.rootRect.top;n={top:nr.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="before"}else if(this.state.lastDragOverOffset>this.state.itemRect.height-t){e=this.state.itemRect.height;r=this.state.lastDragOverPosition+e-this.state.rootRect.top;n={top:nr.px(r),height:"1px",width:"100%",left:"0px"},this.state.lastDragOverItemDirection="after"}else{e=0;r=this.state.lastDragOverPosition+e-this.state.rootRect.top;n={top:nr.px(r),height:nr.px(this.state.itemRect.height),width:"100%",left:"0px"},this.state.lastDragOverItemDirection="self"}return n.display=this.state.hideDragPointer?"none":"block",{style:n}}},{key:"getIcon",value:function(e){if(e.isGroup&&!1===e.is("artboard"))return xf.group;switch(e.itemType){case"artboard":return xf.artboard;case"circle":return xf.lens;case"image":return xf.image;case"text":case"svg-text":return xf.title;case"svg-textpath":return xf.text_rotate;case"svg-path":return xf.pentool;case"cube":return xf.cube;case"cylinder":return xf.cylinder;default:return xf.rect}}},{key:"makeLayerList",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;if(!e.layers)return"";for(var n=e.layers,r=[],i=n.length-1;i>-1;i--){var a=n[i],o=this.$selection.check(a)?"selected":"",s=this.$selection.checkHover(a)?"hovered":"",c=a.name;a.is("text")&&(c=a.text||a.name);var l="";a.hasLayout()&&(l=this.$i18n("layer.tree.property.layout.title."+a.layout));var u=a.isTreeItemHide(),h=nr.px(24*t);r.push("        \n        <div class='layer-item ".concat(o," ").concat(s,"' data-is-group=\"").concat(a.isGroup,'" data-depth="').concat(t,"\" data-layout='").concat(a.layout,"' data-layer-id='").concat(a.id,"' data-is-hide=\"").concat(u,"\"  draggable=\"true\">\n          <div class='detail'>\n            <label data-layout-title='").concat(l,"' style='padding-left: ").concat(h,"' > \n              <div class='folder ").concat(a.collapsed?"collapsed":"","'>").concat(xf.arrow_right,"</div>\n              <span class='icon' data-item-type=\"").concat(a.itemType,'">').concat(this.getIcon(a),"</span> \n              <span class='name'>").concat(c,'</span>\n            </label>\n            <div class="tools">\n              <button type="button" class="lock" data-lock="').concat(a.lock,"\" title='Lock'>").concat(a.lock?xf.lock:xf.lock_open,'</button>\n              <button type="button" class="visible" data-visible="').concat(a.visible,"\" title='Visible'>").concat(xf.visible,'</button>\n              <button type="button" class="remove" title=\'Remove\'>').concat(xf.remove2,"</button>            \n            </div>\n          </div>\n        </div>\n\n        ").concat(this.makeLayerList(a,t+1),"\n      "))}return r.join(" ")}},{key:Df("refreshContent"),value:function(e){this.refresh()}},{key:Jr("$layerList")+Xr,value:function(){var e=this.$selection.currentProject;return e?this.makeLayerList(e,0)+'\n      <div class=\'layer-item \' data-depth="0" data-is-last="true">\n      </div>\n    ':""}},{key:yr("$layerList .layer-item"),value:function(e){var t=e.$dt.attr("data-layer-id");e.$dt.addClass("drag-start"),e.dataTransfer.setData("layer/id",t),this.state.rootRect=this.refs.$layerList.rect(),this.state.itemRect=e.$dt.rect(),this.setState({hideDragPointer:!1},!1),this.bindData("$dragPointer")}},{key:br("$layerList .layer-item"),value:function(e){this.setState({hideDragPointer:!0},!1),this.bindData("$dragPointer"),this.refs.$layerList.$$(".".concat("drag-start")).forEach((function(e){e.removeClass("drag-start")}))}},{key:mr("$layerList .layer-item:not(.".concat("drag-start",")"))+Zr,value:function(e){var t=e.$dt.attr("data-layer-id");this.state.lastDragOverItemId=t,this.state.lastDragOverPosition=e.$dt.rect().top,this.state.lastDragOverOffset=e.offsetY,this.bindData("$dragPointer")}},{key:gr("$layerList .layer-item:not(.".concat("drag-start",")")),value:function(e){var t=e.$dt.attr("data-layer-id"),n=e.dataTransfer.getData("layer/id");if(t!==n){var r=this.$selection.currentProject,i=r.searchById(t),a=r.searchById(n);if(!i||!i.hasParent(a.id)){switch(this.state.lastDragOverItemDirection){case"self":i.appendChildItem(a);break;case"before":i.appendBefore(a);break;case"after":i.appendAfter(a)}this.$selection.select(a),this.setState({hideDragPointer:!0}),this.emit("refreshAll")}}}},{key:dr("$layerList .layer-item"),value:function(e){this.startInputEditing(e.$dt.$(".name"))}},{key:"modifyDoneInputEditing",value:function(e){var t=this;this.endInputEditing(e,(function(n,r){var i=e.closest("layer-item").attr("data-layer-id"),a=t.$selection.currentProject.searchById(i);a&&(a.reset({name:r}),a.is("artboard")&&t.emit("refreshArtBoardName",a.id,a.name))}))}},{key:fr("$layerList .layer-item .name")+Gr+Zr+qr,value:function(e){this.modifyDoneInputEditing(e.$dt)}},{key:Sr("$layerList .layer-item .name")+Zr+qr,value:function(e){this.modifyDoneInputEditing(e.$dt)}},{key:"selectLayer",value:function(e){e&&this.$selection.select(e),this.refresh(),this.emit("refreshSelection")}},{key:"addLayer",value:function(e){e&&(this.$selection.select(e),this.emit("refreshArtboard"))}},{key:pr("$add"),value:function(e){this.emit("newComponent","rect",{"background-color":Mn.random(),width:nr.px(200),height:nr.px(100)})}},{key:pr("$layerList .layer-item label .name"),value:function(e){var t=e.$dt.closest("layer-item");t.onlyOneClass("selected");var n=t.attr("data-layer-id"),r=this.$selection.currentProject.searchById(n);this.$selection.select(r),this.emit("history.refreshSelection")}},{key:pr("$layerList .layer-item label .folder"),value:function(e){var t=this.$selection.currentProject,n=e.$dt.closest("layer-item").attr("data-layer-id"),r=t.searchById(n);r.reset({collapsed:!r.collapsed}),this.refresh()}},{key:pr("$layerList .layer-item .visible"),value:function(e){var t=this.$selection.currentProject,n=e.$dt.closest("layer-item").attr("data-layer-id"),r=t.searchById(n);e.$dt.attr("data-visible",!r.visible),this.command("setAttribute","change visible for layer",{visible:!r.visible},r.id)}},{key:pr("$layerList .layer-item .remove"),value:function(e){var t=this.$selection.currentProject,n=e.$dt.closest("layer-item").attr("data-layer-id");this.$selection.removeById(n),t.searchById(n).remove(),this.refresh(),this.emit("refreshArtboard")}},{key:pr("$layerList .layer-item .lock"),value:function(e){var t=this.$selection.currentProject,n=e.$dt.closest("layer-item").attr("data-layer-id"),r=t.searchById(n),i=!r.lock;e.$dt.attr("data-lock",i),i&&(this.$selection.removeById(n),this.emit("history.refreshSelection")),this.command("setAttribute","change lock for layer",{lock:i},r.id)}},{key:Df("changeHoverItem"),value:function(){if(this.refs.$layerList.$$(".hovered").forEach((function(e){e.removeClass("hovered")})),this.$selection.hoverItems.length){var e=this.$selection.hoverItems.map((function(e){return'[data-layer-id="'.concat(e.id,'"]')})).join(",");this.refs.$layerList.$$(e).forEach((function(e){e.addClass("hovered")}))}}},{key:Df("changeSelection"),value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(t&&this.refs.$layerList){this.refs.$layerList.$$(".selected").forEach((function(e){e.removeClass("selected")}));var n=this.$selection.items.map((function(e){return'[data-layer-id="'.concat(e.id,'"]')})).join(",");n&&this.refs.$layerList.$$(n).forEach((function(t){t.addClass("selected");var n=e.$selection.itemKeys[t.attr("data-layer-id")];n.is("svg-path","svg-polygon")&&t.$(".icon").html(e.getIcon(n))}))}}},{key:Df("refreshSelection","history.refreshSelection"),value:function(){this.trigger("changeSelection",!0)}},{key:Df("refreshStylePosition"),value:function(){this.trigger("changeSelection")}},{key:Df("refreshLayerTreeView"),value:function(){this.refresh()}},{key:Df("changeItemLayout"),value:function(){this.refresh()}}]),t}(Gk);ki({LayerTreeProperty:Bx});var Gx=[{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"}]}]}],Hx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getClassName",value:function(){return"artboard-size-list"}},{key:Df("refreshSelection"),value:function(){this.refreshShow(["artboard"])}},{key:"initState",value:function(){return{selectedIndex:0}}},{key:"getTitle",value:function(){return"ArtBoard Preset"}},{key:"getTools",value:function(){var e=Gx.map((function(e,t){return{category:e.category,index:t}}));return('\n      <object refClass="SelectEditor"  ref=\'$select\' value="'.concat(e[0].category,'" options="').concat(e.map((function(e){return e.category})).join(","),"\" onchange='changeSizeIndex'/>\n    "))}},{key:Df("changeSizeIndex"),value:function(e,t){var n=this.state.selectedIndex;Gx.forEach((function(e,r){e.category===t&&(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(e){return"\n      <div class='device-item' data-size='".concat(e.size,"'>\n        <div class='title'>").concat(e.device,"</div>\n        <div class='size'>").concat(e.size,"</div>\n      </div>\n    ")}},{key:pr("$list .device-item"),value:function(e){var t=e.$dt.attr("data-size");this.emit("resizeArtBoard",t)}},{key:"makeGroup",value:function(e){var t=this;return("\n      <div class='group-item'>\n        <div class='title'>".concat(e.group,"</div>\n      </div>\n      <div class='devices'>\n        ").concat(e.devices.map((function(e){return t.makeDevice(e)})).join(""),"\n      </div>\n    "))}},{key:"makeCategory",value:function(e){var t=this;return("\n      <div class='category'>\n        <div class='title'>".concat(e.category,"</div>\n      </div>\n      <div class='groups'>\n        ").concat(e.groups.map((function(e){return t.makeGroup(e)})).join(""),"\n      </div>\n    "))}},{key:Jr("$list")+Xr,value:function(){var e=this;return Gx[this.state.selectedIndex].groups.map((function(t){return e.makeGroup(t)}))}}]),t}(Gk);function Nx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Xx(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Nx(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Nx(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ki({ArtBoardSizeProperty:Hx});var Yx=["","100x100","200x200","300x300","400x300","900x600","1024x762"],_x=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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> \n        <span ref='$sizeInfo'></span> \n        <button type=\"button\" ref='$resize'>").concat(xf.size,'</button>\n      </div>\n      <div>\n        <object refClass="SelectEditor"  ref=\'$select\' label="').concat(this.$i18n("image.property.size"),"\" key='size' value='' options='").concat(Yx.join(","),"' onchange='changeImageSize' />\n      </div>\n    ")}},{key:Df("changeImageSize"),value:function(e,t){var n=t.split("x").map((function(e){return nr.px(e)})),r=k()(n,2),i=r[0],a=r[1];this.command("setAttribute","resize image",{width:i,height:a})}},{key:pr("$resize"),value:function(){var e=this.$selection.current;if(e){var t={width:e.naturalWidth.clone(),height:e.naturalHeight.clone()};this.command("setAttribute","resize image",t)}}},{key:ni("$sizeInfo"),value:function(){var e=this.$selection.current||{};return{innerHTML:"".concat(this.$i18n("image.property.width"),": ").concat(e.naturalWidth,", ").concat(this.$i18n("image.property.height"),": ").concat(e.naturalHeight)}}},{key:Jr("$body"),value:function(){var e=(this.$selection.current||{}).src||"";return"<object refClass=\"ImageSelectEditor\" \n              ref='$1' \n              key='src' \n              value=\"".concat(e,'" \n              onchange="changeSelect" />')}},{key:Df("changeSelect"),value:function(e,t,n){var r=this.$selection.current;r&&(r.reset(Xx({src:t},n)),this.bindData("$sizeInfo"),this.command("setAttribute","change image",Xx({src:t},n),r.id))}},{key:Df("refreshSelection")+Yr(100),value:function(){this.refreshShow(["image"])}}]),t}(Gk);ki({ImageProperty:_x});var Kx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=lb.map((function(e){return"".concat(e.key,":").concat(e.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(e,'" onchange="changePreset"  />\n    '))}},{key:Df("changePreset"),value:function(e,t){this.setState(m()({},e,t))}},{key:"getClassName",value:function(){return"color-assets-property"}},{key:Df("refreshSelection")+Yr(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:yr("$colorList .color-item"),value:function(e){var t=e.$dt.attr("data-color");e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/color",t)}},{key:Jr("$colorList"),value:function(){var e=this,t=lb.find((function(t){return t.key===e.state.preset}));if(!t)return"";var n=t.execute().map((function(e,t){return"\n        <div class='color-item' data-index=\"".concat(t,'" data-color="').concat(e.color,'" data-custom="').concat(e.custom,'">\n          <div class=\'preview\' draggable="true" title="').concat(e.color,'" data-index="').concat(t,"\">\n            <div class='color-view' style='background-color: ").concat(e.color,";'></div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(xf.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(xf.remove,"</button>\n          </div>\n        </div>\n      ")}));return t.edit&&n.push("<div class='add-color-item'><butto type=\"button\">".concat(xf.add,"</button></div>")),n}},{key:"executeColor",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=this.$selection.currentProject;r?(e&&e(r),t&&this.refresh(),n&&this.emit("refreshColorAssets")):alert("Please select a project.")}},{key:pr("$colorList .add-color-item"),value:function(){this.executeColor((function(e){e.createColor({color:Mn.random(),name:"",variable:""})}))}},{key:pr("$colorList .remove"),value:function(e){var t=+e.$dt.closest("color-item").attr("data-index");this.executeColor((function(e){e.removeColor(t)}))}},{key:pr("$colorList .copy"),value:function(e){var t=+e.$dt.closest("color-item").attr("data-index");this.executeColor((function(e){e.copyColor(t)}))}},{key:pr("$colorList .preview"),value:function(e){var t=e.$dt.$(".color-view").css("background-color");"CanvasView"===this.$editor.modeView?this.emit("addBackgroundColor",t):this.emit("setColorAsset",{color:t})}},{key:Df("changeColorAssets"),value:function(e,t){var n=this;this.executeColor((function(r){r.setColorValue(t.index,{color:e}),n.state.$el.css("background-color",e),n.state.$color.val(e)}),!1)}}]),t}(Gk);ki({ColorAssetsProperty:Kx});var Wx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("text.fill.property.title")}},{key:"afterRender",value:function(){this.show()}},{key:Df("refreshSelection"),value:function(){this.refresh()}},{key:"refresh",value:function(){var e=this.$selection.current;e&&(this.children.$fillColor.setValue(e["text-fill-color"]||"rgba(0, 0, 0, 1)"),this.children.$strokeColor.setValue(e["text-stroke-color"]||"rgba(0, 0, 0, 1)"),this.children.$width.setValue(e["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        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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:Df("changeColor"),value:function(e,t,n){this.trigger("changeRangeEditor",e,t)}},{key:Df("changeRangeEditor"),value:function(e,t){this.command("setAttribute","change text fill",m()({},e,t))}}]),t}(Gk);ki({TextFillProperty:Wx});var Ux=["0deg","45deg","90deg"],Zx=["0deg","45deg","90deg"],qx=["0deg","45deg","90deg"],Jx=[{title:"Linear",key:"linear",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"linear-gradient(".concat(vt.apply(void 0,Ux),", ").concat(Fa.createColorStep(2),")")}}))}},{title:"Random Linear",key:"random-linear",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"linear-gradient(".concat(vt.apply(void 0,Zx),", ").concat(Fa.createColorStep(10),")")}}))}},{title:"Repeat Linear",key:"repeat-linear",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"repeating-linear-gradient(".concat(vt.apply(void 0,qx),", ").concat(Fa.createRepeatColorStep(2,"10px"),")")}}))}},{title:"Radial",key:"radial",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"radial-gradient(".concat("circle",", ").concat(Fa.createColorStep(2),")")}}))}},{title:"Random Radial",key:"random-radial",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"radial-gradient(circle, ".concat(Fa.createColorStep(10),")")}}))}},{title:"Repeat Radial",key:"repeat-radial",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"repeating-radial-gradient(".concat("circle",", ").concat(Fa.createRepeatColorStep(3,"6px"),")")}}))}},{title:"Conic",key:"conic",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){var t=C(45,55),n=C(45,55),r=C(0,360);return{gradient:"conic-gradient(from ".concat(r,"deg at ").concat(t,"% ").concat(n,"%, ").concat(Fa.createColorStep(2,360,"deg"),")")}}))}},{title:"Random Conic",key:"random-conic",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"conic-gradient(from 0deg at 50% 50%, ".concat(Fa.createColorStep(10,360,"deg"),")")}}))}},{title:"Repeat Conic",key:"repeat-conic",execute:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:42;return ft(e).map((function(e){return{gradient:"repeating-conic-gradient(from 0deg at 0% 50%, ".concat(Fa.createRepeatColorStep(10,"10deg"),")")}}))}}],Qx=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=Jx.map((function(e){return"".concat(e.key,":").concat(e.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(e,'" onchange="changePreset"  />\n    '))}},{key:Df("changePreset"),value:function(e,t){this.setState(m()({},e,t))}},{key:"getClassName",value:function(){return"gradient-assets-property"}},{key:Df("refreshSelection")+Yr(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:yr("$gradientList .gradient-item"),value:function(e){var t=e.$dt.attr("data-gradient");e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/gradient",t)}},{key:Jr("$gradientList"),value:function(){var e=this,t=Jx.find((function(t){return t.key===e.state.preset}));if(!t)return"";var n=t.execute().map((function(e,t){return"\n        <div class='gradient-item' data-index=\"".concat(t,"\" data-gradient='").concat(e.gradient,"' data-custom=\"").concat(e.custom,"\">\n          <div class='preview' title=\"").concat(e.gradient,"\" draggable=\"true\">\n            <div class='gradient-view' style='background-image: ").concat(e.gradient,";'></div>\n          </div>\n        </div>\n      ")}));return t.edit&&n.push("<div class='add-gradient-item'><butto type=\"button\">".concat(xf.add,"</button></div>")),n}},{key:"executeGradient",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=this.$selection.currentProject;r?(e&&e(r),t&&this.refresh(),n&&this.emit("refreshGradientAssets")):alert("Please select a project.")}},{key:pr("$gradientList .add-gradient-item"),value:function(){this.executeGradient((function(e){e.createGradient({gradient:Na.random(),name:"",variable:""})}))}},{key:pr("$gradientList .preview"),value:function(e){var t=e.$dt.closest("gradient-item").attr("data-gradient");this.emit("drop.asset",{gradient:t})}},{key:Df("changeGradientAssets"),value:function(e,t){var n=this;this.executeGradient((function(r){r.setGradientValue(t.index,{image:e}),n.state.$el.css("background-image",e),n.state.$item.attr("data-gradient",e)}),!1)}}]),t}(Gk);ki({GradientAssetsProperty:Qx});var ew=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("svg.item.property.title")}},{key:"getClassName",value:function(){return"item"}},{key:"isSVGItem",value:function(e){return e.is("svg-path","svg-brush","svg-polygon","svg-textpath","svg-text")}},{key:Df("refreshStyleView","refreshRect","refreshCanvasForPartial","updatePathItem")+Kr(100),value:function(){var e=this.$selection.current;e&&this.isSVGItem(e)&&this.refs.$length.text(Math.floor(e.totalLength)||"")}},{key:Df("refreshSelection"),value:function(){var e=this.$selection.current;e&&this.isSVGItem(e)?(this.$el.isHide()&&this.$el.show(),this.refs.$length.text(e.totalLength||""),this.children.$fill.setValue(e.fill||"rgba(0, 0, 0, 0)"),this.children.$stroke.setValue(e.stroke||"rgba(0, 0, 0, 1)"),this.children.$fillOpacity.setValue(e["fill-opacity"]||nr.number(1)),this.children.$strokeWidth.setValue(e["stroke-width"]||nr.number(1)),this.children.$fillRule.setValue(e["fill-rule"]||"nonzero"),this.children.$strokeDashOffset.setValue(e["stroke-dashoffset"]||nr.number(0)),this.children.$strokeDashArray.setValue(e["stroke-dasharray"]||" "),this.children.$strokeLineCap.setValue(e["stroke-linecap"]||"butt"),this.children.$strokeLineJoin.setValue(e["stroke-linejoin"]||"miter"),this.children.$mixBlend.setValue(e["mix-blend-mode"])):this.$el.hide()}},{key:"refresh",value:function(){}},{key:"getBody",value:function(){this.$selection.current;return("\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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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          <object refClass=\"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='mix-blend-mode'></span>\n          </div>\n          <object refClass=\"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        <div class='property-item animation-property-item'>\n          <div class='group'>        \n            <span class='add-timeline-property' data-property='svgfilter'></span>      \n          </div>\n          <object refClass=\"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:Df("changeValue"),value:function(e,t,n){this.command("setAttribute","change svg item property : ".concat(e),m()({},e,t))}},{key:Df("changeSelect"),value:function(e,t){this.command("setAttribute","change attribute : ".concat(e),m()({},e,t))}}]),t}(Gk);ki({SVGItemProperty:ew});var tw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Jr("$textClip"),value:function(){var e=(this.$selection.current||{})["text-clip"]||"";return'\n      <object refClass="SelectEditor"  ref=\'$1\' key=\'text-clip\' icon="true" value="'.concat(e,'" options=",text" onchange="changeSelect" />\n    ')}},{key:Df("changeSelect"),value:function(e,t){this.emit("setAttribute",m()({},e,t))}},{key:Df("refreshSelection")+Yr(100),value:function(){this.refreshShow(["text"])}}]),t}(Gk);ki({TextClipProperty:tw});var nw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Df("refreshSelection")+Yr(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:Jr("$svgfilterList"),value:function(){var e=(this.$selection.currentProject||{svgfilters:[]}).svgfilters.map((function(e,t){var n=e.filters.map((function(e){return Xy.parse(e)}));return("\n        <div class='svgfilter-item' data-index=\"".concat(t,"\">\n          <div class='preview' data-index=\"").concat(t,'">\n            <svg width="0" height="0">\n              <filter id="svgfilter-').concat(t,'">\n                ').concat(n.join("")," \n              </filter>\n            </svg>\n            <div class='svgfilter-view' style='filter: url(#svgfilter-").concat(t,");'></div>\n          </div>\n          <div class='title'>\n            <div>\n              <input type='text' class='id' data-key='id' value='").concat(e.id,"' placeholder=\"id\" />\n            </div>\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(xf.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(xf.remove,"</button>\n          </div>\n        </div>\n      "))}));return e.push("<div class='add-svgfilter-item'><button type=\"button\">".concat(xf.add,"</button></div>")),e}},{key:"executeSVGFilter",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=this.$selection.currentProject;r?(e&&e(r),t&&this.refresh(),n&&this.emit("refreshSVGFilterAssets")):alert("Please select a project.")}},{key:pr("$svgfilterList .add-svgfilter-item"),value:function(){this.executeSVGFilter((function(e){e.createSVGFilter({id:ae(),filters:[]})}))}},{key:pr("$svgfilterList .remove"),value:function(e){var t=+e.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(e){e.removeSVGFilter(t)}))}},{key:pr("$svgfilterList .copy"),value:function(e){var t=+e.$dt.closest("svgfilter-item").attr("data-index");this.executeSVGFilter((function(e){e.copySVGFilter(t)}))}},{key:xr("$svgfilterList input"),value:function(e){var t=this,n=+e.$dt.closest("svgfilter-item").attr("data-index"),r=e.$dt.attrKeyValue("data-key");this.executeSVGFilter((function(e){e.setSVGFilterValue(n,r),t.emit("refreshSVGArea")}),!1)}},{key:pr("$svgfilterList .preview"),value:function(e){var t=e.$dt.closest("svgfilter-item"),n=+t.attr("data-index");this.state.$item=t,this.state.$el=e.$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:Df("updateSVGFilterAssets"),value:function(e){var t=this;this.executeSVGFilter((function(n){n.setSVGFilterValue(e.index,{filters:e.filters}),t.state.$item.$("filter").html(e.filters.join("\n")),t.emit("refreshSVGArea")}),!1)}},{key:Df("changeSVGFilterAssets"),value:function(e){e.id===this.id&&this.trigger("updateSVGFilterAssets",e)}},{key:Df("refreshSVGFilterAssets"),value:function(){this.refresh()}}]),t}(Gk);ki({SVGFilterAssetsProperty:nw});var rw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return Fk}},{key:"afterRender",value:function(){this.show()}},{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">\n        <object refClass="LeftAlign" />\n        <object refClass="CenterAlign" />\n        <object refClass="RightAlign" />\n\n        <object refClass="TopAlign" />\n        <object refClass="MiddleAlign" />\n        <object refClass="BottomAlign" />  \n\n        <object refClass="SameWidth" />\n        <object refClass="SameHeight" />\n      </div>\n    '}}]),t}(Gk);ki({AlignmentProperty:rw});var iw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{OffsetPathListEditor:Gv}}},{key:"getTitle",value:function(){return this.$i18n("motion.property.title")}},{key:Df("refreshSelection","refreshRect")+Yr(100),value:function(){this.refreshShowIsNot(["project"])}},{key:"refresh",value:function(){var e=this.$selection.current;e&&this.children.$offsetPathList.setValue(e["offset-path"])}},{key:"getBody",value:function(){var e=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        <object refClass=\"OffsetPathListEditor\" ref=\"$offsetPathList\" key=\"offset-path\" value=\"".concat(e["offset-path"],'" onchange="changRangeEditor" />\n      </div>\n    '))}},{key:Df("changRangeEditor"),value:function(e,t){this.command("setAttribute","change motion attribute : ".concat(e),m()({},e,t))}}]),t}(Gk);function aw(e){URL.revokeObjectURL(e)}ki({MotionProperty:iw});var ow=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:"afterRender",value:function(){this.show()}},{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:Jr("$imageList")+Xr,value:function(){var e=(this.$selection.currentProject||{images:[]}).images.map((function(e,t){return"\n        <div class='image-item' data-index=\"".concat(t,'">\n          <div class=\'preview\' draggable="true">\n            <img src="').concat(e.local,"\" />\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(xf.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(xf.remove,"</button>\n          </div>\n        </div>\n      ")}));return"\n      <div class='loaded-list'>\n        ".concat(e.join(""),"\n        <div class='add-image-item'>\n          <input type='file' accept='image/*' ref='$file' />\n          <button type=\"button\">").concat(xf.add,"</button>\n        </div>        \n      </div>\n\n    ")}},{key:"executeImage",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=this.$selection.currentProject;r?(e&&e(r),t&&this.refresh(),n&&this.emit("refreshImageAssets")):alert("Please select a project.")}},{key:yr("$imageList .preview img"),value:function(e){var t=+e.$dt.closest("image-item").attr("data-index"),n=this.$selection.currentProject;if(n){var r=n.images[t];e.dataTransfer.setData("image/info",r.local)}}},{key:kr("$imageList .add-image-item input[type=file]"),value:function(e){var t=this;this.executeImage((function(n){j()(e.target.files).forEach((function(e){t.emit("updateImageAssetItem",e)}))}))}},{key:pr("$imageList .remove"),value:function(e){var t=e.$dt.closest("image-item"),n=+t.attr("data-index");this.executeImage((function(e){e.removeImage(n),aw(t.$(".preview img").attr("src"))}))}},{key:pr("$imageList .copy"),value:function(e){var t=+e.$dt.closest("image-item").attr("data-index");this.executeImage((function(e){e.copyImage(t)}))}},{key:Df("addImageAsset"),value:function(){this.refresh()}}]),t}(Gk);ki({ImageAssetsProperty:ow});var sw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:"afterRender",value:function(){this.show()}},{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:Jr("$videoList")+Xr,value:function(){var e=(this.$selection.currentProject||{videos:[]}).videos.map((function(e,t){return"\n        <div class='video-item' data-index=\"".concat(t,'">\n          <div class=\'preview\' draggable="true">\n            <img src="').concat(e.local,"\" />\n          </div>\n          <div class='tools'>\n            <button type=\"button\" class='copy'>").concat(xf.copy,"</button>          \n            <button type=\"button\" class='remove'>").concat(xf.remove,"</button>\n          </div>\n        </div>\n      ")}));return"\n      <div class='loaded-list'>\n        ".concat(e.join(""),"\n        <div class='add-video-item'>\n          <input type='file' accept='video/*' ref='$file' />\n          <button type=\"button\">").concat(xf.add,"</button>\n        </div>        \n      </div>\n\n    ")}},{key:"executeVideo",value:function(e){var t=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],r=this.$selection.currentProject;r?(e&&e(r),t&&this.refresh(),n&&this.emit("refreshVideoAssets")):alert("Please select a project.")}},{key:yr("$videoList .preview img"),value:function(e){var t=+e.$dt.closest("video-item").attr("data-index"),n=this.$selection.currentProject;if(n){var r=n.videos[t];e.dataTransfer.setData("video/info",r.local)}}},{key:kr("$videoList .add-video-item input[type=file]"),value:function(e){var t=this;this.executeVideo((function(n){j()(e.target.files).forEach((function(e){t.emit("updateVideoAssetItem",e)}))}))}},{key:pr("$videoList .remove"),value:function(e){var t=e.$dt.closest("video-item"),n=+t.attr("data-index");this.executeVideo((function(e){e.removeVideo(n),aw(t.$(".preview img").attr("src"))}))}},{key:pr("$videoList .copy"),value:function(e){var t=+e.$dt.closest("video-item").attr("data-index");this.executeVideo((function(e){e.copyVideo(t)}))}},{key:Df("addVideoAsset"),value:function(){this.refresh()}}]),t}(Gk);function cw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function lw(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?cw(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):cw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}ki({VideoAssetsProperty:sw});var uw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return"Component"}},{key:"isShow",value:function(){var e=this.$selection.current;return!(!e||!e.is("component"))}},{key:"initState",value:function(){return{components:{}}}},{key:"components",value:function(){return lw({},si()(Xn()(t.prototype),"components",this).call(this),{},this.state.components)}},{key:Df("refreshSelection")+Yr(100),value:function(){var e=this;this.refreshShow((function(t){var n=e.$selection.current;return n&&n.is("component")}))}},{key:"refresh",value:function(){var e=this,t=this.$selection.current;t&&t.is("component")&&(this.setTitle(t.getDefaultTitle()||t.itemType||t.name),this.load(),t.getProps().forEach((function(n){e.children[n.key]&&e.children[n.key].setValue(t[n.key]||n.defaultValue)})))}},{key:"getBody",value:function(){return"\n      <div ref='$body'></div>\n    "}},{key:"initComponents",value:function(){var e=this.$selection.current,n={};e&&e.is("component")&&e.getProps().forEach((function(e){it(e.editor)||(n=lw({},n,{},e.editor))})),this.setState({components:n},!1),si()(Xn()(t.prototype),"initComponents",this).call(this)}},{key:"getPropertyEditor",value:function(e,t,n,r){return it(n)?"<".concat(n," ").concat(xt(lw({},r,{onchange:"changeComponentProperty",ref:e,key:e,value:t}))," />"):Object.keys(n).map((function(n){return"<".concat(n," ").concat(xt(lw({},r,{onchange:"changeComponentProperty",ref:e,key:e,value:t}))," />")})).join("")}},{key:Jr("$body"),value:function(){var e=this,t=this.$selection.current;return t?t&&!t.is("component")?"":t.getProps().map((function(n){return it(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(t.itemType,'" data-editor="').concat(n.editor,'"></span>\n            </div>\n            ').concat(e.getPropertyEditor(n.key,t[n.key]||n.defaultVallue,n.editor,n.editorOptions),"\n          </div>\n        ")})):""}},{key:Df("changeComponentProperty"),value:function(e,t){this.command("setAttribute","change component",m()({},e,t),null,!0)}}]),t}(Gk);ki({ComponentProperty:uw});var hw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(xf.add,"</button>\n    ")}},{key:"getBody",value:function(){return'\n      <div class="timeline-animation-list" ref="$timelineAnimationList"></div>\n    '}},{key:Jr("$timelineAnimationList")+Xr,value:function(){var e=this.$selection.currentProject;return e?e.timeline.map((function(e,t){var n=e.selected?"selected":"";return("\n        <div class='timeline-animation-item ".concat(n,"'>\n          <div class='preview icon'>\n            ").concat(xf.local_movie,"\n          </div>\n          <div class='detail'>\n            <label data-id='").concat(e.id,"'>").concat(e.title,'</label>\n            <div class="tools">\n              <button type="button" class="remove" data-id="').concat(e.id,"\" title='Remove'>").concat(xf.remove2,"</button>\n            </div>\n          </div>\n        </div>\n      "))})):""}},{key:dr("$timelineAnimationList .timeline-animation-item"),value:function(e){this.startInputEditing(e.$dt.$("label"))}},{key:"modifyDoneInputEditing",value:function(e){var t=this;this.endInputEditing(e,(function(n,r){var i=e.attr("data-id"),a=t.$selection.currentProject;a&&a.setTimelineTitle(i,r)}))}},{key:fr("$timelineAnimationList .timeline-animation-item label")+Gr+Zr+qr,value:function(e){this.modifyDoneInputEditing(e.$dt)}},{key:Sr("$timelineAnimationList .timeline-animation-item label")+Zr+qr,value:function(e){this.modifyDoneInputEditing(e.$dt)}},{key:pr("$add"),value:function(e){this.emit("addTimelineItem")}},{key:pr("$timelineAnimationList .timeline-animation-item .remove"),value:function(e){var t=e.$dt.attr("data-id");this.emit("removeAnimationItem",t)}},{key:pr("$timelineAnimationList .timeline-animation-item label"),value:function(e){var t=e.$dt.attr("data-id"),n=this.$selection.currentProject;n&&(n.selectTimeline(t),e.$dt.closest("timeline-animation-item").onlyOneClass("selected"),this.emit("refreshTimeline"),this.emit("selectTimeline"))}},{key:Df("addTimeline","removeTimeline","removeAnimation"),value:function(){this.refresh()}},{key:Df("refreshTimeline","refreshSelection","refreshArtboard")+Yr(100),value:function(){this.refresh()}}]),t}(Gk);ki({TimelineAnimationProperty:hw});var pw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{BorderEditor:Wv}}},{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:Jr("$body"),value:function(){var e=(this.$selection.current||{}).border||"";return"\n      <object refClass='BorderEditor' ref='$1' key='border' value='".concat(e,"' onchange='changeKeyValue' />\n    ")}},{key:Df("refreshSelection")+Yr(100),value:function(){this.refreshShow(["rect","circle","text","cube","cylinder"])}},{key:Df("changeKeyValue"),value:function(e,t){this.command("setAttribute","change border",m()({},e,t))}}]),t}(Gk);ki({BorderNewProperty:pw});var dw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("project.information.property.title")}},{key:"getClassName",value:function(){return"full"}},{key:"refresh",value:function(){var e=this.$selection.currentProject||{name:"",description:""};this.refs.$name.val(e.name),this.refs.$description.val(e.description)}},{key:"getBody",value:function(){var e=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'>\n            <input type='text' value='").concat(e.name,"' ref='$name' />\n          </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(e.description,"' ref='$description'></textarea>\n          </div>\n        </div>\n      </div>\n    "))}},{key:Df("refreshProjectList","refreshAllSelectProject"),value:function(){this.refresh()}},{key:Ir("$name"),value:function(){var e=this.$selection.currentProject;e&&(e.name=this.refs.$name.value)}},{key:Ir("$description"),value:function(){var e=this.$selection.currentProject;e&&(e.description=this.refs.$description.value)}}]),t}(Gk);ki({ProjectInformationProperty:dw});var fw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("path.data.property.title")}},{key:"getClassName",value:function(){return"item path-data-property"}},{key:"isSVGItem",value:function(e){return e.is("svg-path","svg-brush","svg-textpath")}},{key:Df("refreshStyleView","refreshRect")+Yr(100),value:function(){this.refresh()}},{key:Df("refreshSelection"),value:function(){this.refreshShow(["svg-path","svg-brush","svg-textpath"])}},{key:"refresh",value:function(){var e=this.$selection.current||{};this.children.$pathData.setValue(e.d)}},{key:"getBody",value:function(){var e=this.$selection.current||{};return("\n      <div>\n        <object refClass=\"PathDataEditor\" ref='$pathData' key='d' value='".concat(e.d,"' onchange='changeValue' />\n      </div>\n    "))}},{key:Df("changeValue"),value:function(e,t,n){this.emit("updatePathItem",this.$selection.current,m()({},e,t))}}]),t}(Gk);ki({PathDataProperty:fw});var vw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("svg.text.property.title")}},{key:Df("refreshSelection"),value:function(){this.refreshShow(["svg-textpath","svg-text","svg-tspan"])}},{key:"refresh",value:function(){this.$selection.current&&this.setAllValue(["lengthAdjust","textLength","startOffset","text-anchor","text"])}},{key:"setAllValue",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],n=this.$selection.current;n&&t.forEach((function(t){e.children["$".concat(t)].setValue(n[t])}))}},{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        <object refClass=\"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'>\n        <object refClass=\"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      <div class='property-item animation-property-item'>\n        <div class='group'>\n          <span class='add-timeline-property' data-property='lengthAdjust'></span>\n        </div>\n        <object refClass=\"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        <object refClass=\"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        <object refClass=\"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:Df("changeTextValue"),value:function(e,t){this.command("setAttribute","change svg text property: ".concat(e),m()({},e,t),null,!0)}}]),t}(Gk);ki({SVGTextProperty:vw});var yw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("export.property.title")}},{key:Df("refreshSelection","refreshContent")+Yr(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(xf.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(xf.archive," ").concat(this.$i18n("export.property.download"),"</button>\n        </div> \n      ")}},{key:pr("$svg"),value:function(){this.emit("downloadSVG")}},{key:pr("$png"),value:function(){this.emit("downloadPNG")}}]),t}(Gk);ki({ExportProperty:yw});var gw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("layout.property.title")}},{key:"getLayoutOptions",value:function(){var e=this;return["default","flex","grid"].map((function(t){return"".concat(t,":").concat(e.$i18n("layout.property.".concat(t)))})).join(",")}},{key:"getClassName",value:function(){return"layout-property"}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$layoutType'></div>\n      "}},{key:Jr("$layoutType"),value:function(){var e=this.$selection.current||{layout:"default"};return("\n      <div class='layout-select'>\n        <object refClass=\"SelectIconEditor\" \n          ref='$layout' \n          key='layout' \n          icon=\"true\" \n          value=\"".concat(e.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"===e.layout?"selected":"","'></div>\n        <div data-value='flex' class='").concat("flex"===e.layout?"selected":"","'>\n          <object refClass=\"FlexLayoutEditor\" ref='$flex' key='flex-layout' value=\"").concat(e["flex-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n        <div data-value='grid' class='").concat("grid"===e.layout?"selected":"","'>\n          <object refClass=\"GridLayoutEditor\" ref='$grid' key='grid-layout' value=\"").concat(e["grid-layout"]||"","\" onchange='changeLayoutInfo' />\n        </div>\n      </div>\n    "))}},{key:Df("changeLayoutInfo"),value:function(e,t){var n=this;this.command("setAttribute","change layout info",m()({},e,t),null,!1,!0),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:Df("changeLayoutType"),value:function(e,t){var n=this;this.$selection.reset(m()({},e,t)),this.command("setAttribute","change layout type",m()({},e,t),null,!1,!0),this.refresh(),this.nextTick((function(){n.emit("refreshAllElementBoundSize"),n.emit("changeItemLayout")}))}},{key:Df("refreshSelection"),value:function(){this.refreshShow(["rect","circle","artboard"],!0)}}]),t}(Gk);ki({LayoutProperty:gw});var mw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=this;return["none","auto","value"].map((function(t){return"".concat(t,":").concat(e.$i18n("flex.layout.item.property.".concat(t)))})).join(",")}},{key:"getBody",value:function(){return"\n        <div class='property-item' ref='$body'></div>\n      "}},{key:Jr("$body"),value:function(){var e=this.$selection.current||{"flex-layout-item":"none"},t=e["flex-layout-item"]||"none",n=[];return!1===["none","auto"].includes(t)&&(n=t.split(" ")),n.length>0&&(t="value"),"\n      <div class='layout-select'>\n        <object refClass=\"SelectIconEditor\" \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(t,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList' data-selected-value='").concat(e.layout,"'>\n        <div data-value='none'></div>\n        <div data-value='auto'></div>\n        <div data-value='value'>\n          <div class='value-item'>\n            <object refClass=\"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            <object refClass=\"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            <object refClass=\"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(e){return"auto"===e.unit?"auto":e+""}},{key:"getFlexValue",value:function(){var e=this.children.$grow.getValue(),t=this.children.$shrink.getValue(),n=this.children.$basis.getValue();return e=this.getFlexItemValue(e),t=this.getFlexItemValue(t),n=this.getFlexItemValue(n),bt({flex:"".concat(e," ").concat(t," ").concat(n)})}},{key:Df("changeFlexItem"),value:function(e,t){var n=this;this.command("setAttribute","change flex layout",{"flex-layout-item":this.getFlexValue()}),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:Df("changeLayoutType"),value:function(e,t){var n=this,r=this.children.$layout.getValue();t=r;"value"===r&&(t=this.getFlexValue()),this.command("setAttribute","change flex layout",{"flex-layout-item":t}),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:Df("refreshSelection")+Yr(100),value:function(){var e=this;this.refreshShow((function(){var t=e.$selection.current;return t&&t.isInFlex()}))}}]),t}(Gk);ki({FlexLayoutItemProperty:mw});var bw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("grid.layout.item.property.title")}},{key:"getLayoutOptions",value:function(){var e=this;return["none","value"].map((function(t){return"".concat(t,":").concat(e.$i18n("grid.layout.item.property.".concat(t)))})).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:Jr("$body"),value:function(){var e=this.$selection.current||{"grid-layout-item":"none"},t=e["grid-layout-item"]||"none",n={};return!1===["none"].includes(t)&&(n=kt(e["grid-layout-item"])),Object.keys(n).length>0&&(t="value"),"\n      <div class='layout-select'>\n        <object refClass=\"SelectIconEditor\" \n        ref='$layout' \n        key='layout' \n        icon=\"true\" \n        value=\"".concat(t,'"\n        options="').concat(this.getLayoutOptions(),"\"  \n        onchange=\"changeLayoutType\" />\n      </div>\n      <div class='layout-list' ref='$layoutList' data-selected-value='").concat(t,"'>\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              <object refClass="NumberInputEditor"  ref=\'$columnStart\' key="grid-column-start" value="').concat(n["grid-column-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <object refClass=\"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              <object refClass="NumberInputEditor"  ref=\'$rowStart\' key="grid-row-start" value="').concat(n["grid-row-start"]||"0","\" min='0' onchange='changeGridItem' />\n            </div>\n            <div>\n              <object refClass=\"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 bt({"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:Df("changeGridItem"),value:function(e,t){var n=this;this.command("setAttribute","change grid layout item",{"grid-layout-item":this.getGridValue()}),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:Df("changeLayoutType"),value:function(e,t){var n=this,r=this.children.$layout.getValue();t=r;"value"===r&&(t=this.getGridValue()),this.command("setAttribute","change grid layout item",{"grid-layout-item":t}),this.refs.$layoutList.attr("data-selected-value",r),this.nextTick((function(){n.emit("refreshAllElementBoundSize")}))}},{key:Df("refreshSelection")+Yr(100),value:function(){var e=this;this.refreshShow((function(){var t=e.$selection.current;return t&&t.isInGrid()}))}}]),t}(Gk);ki({GridLayoutItemProperty:bw});var kw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(xf.add,"</button>\n    ")}},{key:pr("$add"),value:function(){var e=this.refs.$patternSelect.value;this.children.$patternEditor.trigger("add",e)}},{key:Jr("$patternSelect"),value:function(){var e=this,t=Jf.map((function(t){return{title:e.$i18n("pattern.property.".concat(t)),value:t}}));return j()(t).map((function(e){var t=e.title,n=e.value;return"<option value='".concat(n,"'>").concat(t,"</option>")}))}},{key:Jr("$body"),value:function(){var e=(this.$selection.current||{}).pattern;return"<object refClass=\"PatternEditor\" ref='$patternEditor' value='".concat(e,"' hide-label='true' onchange='changePatternEditor' />")}},{key:Df("changePatternEditor"),value:function(e,t){this.command("setAttribute","change pattern",{pattern:t})}},{key:Df("refreshSelection"),value:function(){this.refreshShow(["artboard","rect","circle","text","cube","cylinder"])}},{key:Df("refreshSVGArea")+Yr(1e3),value:function(){this.load("$patternSelect")}}]),t}(Gk);ki({PatternProperty:kw});var xw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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:Jr("$body"),value:function(){var e=this.$selection.current||{playTime:"0:1:1"},t=e.currentTime||0,n=(e.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(xf.play," ").concat(this.$i18n("video.property.play"),'</button>\n          <button type="button" data-value="pause">').concat(xf.pause,"  ").concat(this.$i18n("video.property.pause"),'</button>      \n          <div>\n            <object refClass="NumberRangeEditor"  ref=\'$currentTime\' min="0" max="').concat(n,'" value="').concat(t,"\" step=\"0.001\" onchange=\"changeCurrentTime\" />\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='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(xf.volume_off,"</span>\n            <span data-value='down'>").concat(xf.volume_down,"</span>\n            <span data-value='up'>").concat(xf.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            <object refClass="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          <object refClass=\"MediaProgressEditor\" ref='$progress'  key='playTime' value=\"").concat(e.playTime,'" onchange="changeSelect" />\n        </div>\n      ')}},{key:Df("changeCurrentTime"),value:function(e,t){this.setState({currentTime:t},!1),this.command("setAttribute","change video property",{currentTime:t},null,!0)}},{key:Df("changePlaybackRate"),value:function(e,t){this.setState({playbackRate:t},!1),this.command("setAttribute","change video property",{playbackRate:t},null,!0)}},{key:Ir("$volume"),value:function(e){var t=Number(this.refs.$volume.value);this.setState({volume:t},!1),this.bindData("$volume_control"),this.command("setAttribute","change video property",{volume:t},null,!0)}},{key:ni("$volume_control"),value:function(){return{"data-selected-value":this.volumeStatus}}},{key:ni("$tools"),value:function(){return{"data-selected-value":this.state.status}}},{key:pr("$tools button"),value:function(e){switch(e.$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:Df("changeValue")+Yr(100),value:function(e,t){this.state.$video&&this.command("setAttribute","change video property",m()({},e,t),null,!0)}},{key:Df("changeSelect"),value:function(e,t){this.command("setAttribute","change video property",m()({},e,t))}},{key:Df("updateVideoEvent"),value:function(e){this.video.paused&&(this.setState({status:"play",currentTime:this.video.currentTime},!1),this.bindData("$tools")),this.children.$currentTime.setValue(this.video.currentTime)}},{key:Df("refreshSelection")+Yr(100),value:function(){var e=this,t=this.$selection.current;this.refreshShow(["video"]),t&&t.is("video")&&this.emit("refElement",t.id,(function(n){var r=n.$("video");e.state.$video=r,e.setState({volume:t.volume,currentTime:t.currentTime,playbackRate:t.playbackRate},!1),e.video.ontimeupdate=function(t){e.trigger("updateVideoEvent",t)},e.video.onprogress=function(t){e.trigger("updateVideoEvent",t)},e.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"}}]),t}(Gk);ki({VideoProperty:xw});var ww=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getTitle",value:function(){return this.$i18n("pattern.asset.property.title")}},{key:"initState",value:function(){return{mode:"grid",preset:"check"}}},{key:"getTools",value:function(){var e=Zg.map((function(e){return"".concat(e.key,":").concat(e.title)}));return('\n      <object refClass="SelectEditor"  key="preset" value="'.concat(this.state.preset,'" options="').concat(e,'" onchange="changePreset"  />\n    '))}},{key:Df("changePreset"),value:function(e,t){this.setState(m()({},e,t))}},{key:"getClassName",value:function(){return"pattern-assets-property"}},{key:Df("refreshSelection")+Yr(100),value:function(){this.show()}},{key:"getBody",value:function(){return"\n      <div class='property-item pattern-assets'>\n        <div class='pattern-list' ref='$patternList' data-view-mode='".concat(this.state.mode,"'></div>\n      </div>\n    ")}},{key:yr("$patternList .pattern-item"),value:function(e){var t=e.$dt.attr("data-pattern");e.dataTransfer.effectAllowed="copy",e.dataTransfer.setData("text/pattern",t)}},{key:Jr("$patternList"),value:function(){var e=this,t=Zg.find((function(t){return t.key===e.state.preset}));return t?t.execute().map((function(e,t){var n=bt(Dc.toCSS(e.pattern));return("\n        <div class='pattern-item' data-index=\"".concat(t,'" data-pattern="').concat(e.pattern,"\">\n          <div class='preview' title=\"").concat(e.title,"\" draggable=\"true\">\n            <div class='pattern-view' style='").concat(n,"'></div>\n          </div>\n        </div>\n      "))})):""}},{key:pr("$patternList .pattern-item"),value:function(e){var t=e.$dt.attr("data-pattern");"CanvasView"===this.$editor.modeView?this.emit("addBackgroundImagePattern",t):this.emit("setPatternAsset",t)}}]),t}(Gk);ki({PatternAssetsProperty:ww});var Sw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"afterRender",value:function(){this.show()}},{key:"getTitle",value:function(){return"History"}},{key:"getBody",value:function(){return"\n      <div class=\"history-list-view\" ref='$body'></div>\n    "}},{key:Jr("$body")+Xr,value:function(){var e=this;return this.$editor.history.map((function(t,n){return"-"===t?"<div class='divider'>-</div>":"\n        <div class='history-item'>\n          <span>".concat(n===e.$editor.history.currentIndex?xf.arrowRight:"","</span>\n          <span>").concat(t.message,"</span>\n        </div>\n      ")}))}},{key:Df("refreshHistory"),value:function(){this.refresh()}}]),t}(Gk);ki({HistoryProperty:Sw});var Pw,jw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getClassName",value:function(){return"item"}},{key:"getTitle",value:function(){return this.$i18n("iframe.property.title")}},{key:"getBody",value:function(){return'\n      <div ref=\'$body\' style=\'padding-top: 3px;\'>\n        <object refClass="TextEditor" ref="$input" label="URL" key="url" onchange="changeText" />\n      </div>\n    '}},{key:Df("changeText")+Yr(100),value:function(e,t){var n=this.$selection.current;n&&(n.reset(m()({},e,t)),this.command("setAttribute","change iframe url",m()({},e,t),n.id))}},{key:Df("refreshSelection")+Yr(100),value:function(){this.refreshShow(["iframe"])}}]),t}(Gk);ki({IFrameProperty:jw});Pw={IFrameProperty:jw,HistoryProperty:Sw,PatternAssetsProperty:ww,VideoProperty:xw,PatternProperty:kw,GridLayoutItemProperty:bw,FlexLayoutItemProperty:mw,LayoutProperty:gw,ExportProperty:yw,SVGTextProperty:vw,PathDataProperty:fw,ProjectInformationProperty:dw,BorderNewProperty:pw,TimelineAnimationProperty:hw,ComponentProperty:uw,ImageAssetsProperty:ow,VideoAssetsProperty:sw,MotionProperty:iw,AlignmentProperty:rw,SVGFilterAssetsProperty:nw,TextClipProperty:tw,SVGItemProperty:ew,GradientAssetsProperty:Qx,TextFillProperty:Wx,ColorAssetsProperty:Kx,ImageProperty:_x,ArtBoardSizeProperty:Hx,LayerTreeProperty:Bx,ProjectProperty:Fx,PositionProperty:zx,SelectorProperty:Ax,BackgroundClipProperty:Dx,TransformOriginProperty:Vx,PerspectiveProperty:Tx,PerspectiveOriginProperty:Ex,TransitionProperty:Cx,ClipPathProperty:Px,TransformProperty:wx,BackdropFilterProperty:yx,CodeViewProperty:vx,FilterProperty:fx,BorderRadiusProperty:Xk,BackgroundImageProperty:dx,KeyframeProperty:px,AnimationProperty:hx,BorderImageProperty:rx,FontSpacingProperty:Jk,TextProperty:qk,TextShadowProperty:Zk,FontProperty:Uk,ContentProperty:Wk,BoxModelProperty:Kk,BoxShadowProperty:Yk},m()(Pw,"BorderRadiusProperty",Xk),m()(Pw,"AppearanceProperty",Nk);var Ow=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(xf.palette,'</label>\n              </div>\n              <div class="tab-item" data-value="2" title=\'').concat(this.$i18n("inspector.tab.title.text"),"'>\n                <label class='icon'>").concat(xf.title,'</label>\n              </div>              \n              <div class="tab-item" data-value="3" title="').concat(this.$i18n("inspector.tab.title.transition"),'">\n                <label>').concat(xf.flash_on,'</label>\n              </div>\n              <div class="tab-item" data-value="5" title=\'').concat(this.$i18n("inspector.tab.title.code"),"'>\n                <label class='icon'>").concat(xf.code,'</label>\n              </div>       \n              <div class="tab-item" data-value="6" title=\'').concat(this.$i18n("inspector.tab.title.history"),"'>\n                <label class='icon'>").concat(xf.expand,'</label>\n              </div>                                                   \n            </div>\n            <div class="tab-body" ref="$body">\n\n              <div class="tab-content selected scrollbar" data-value="1">\n                <object refClass="AlignmentProperty" />\n\n                \x3c!-- Default Property --\x3e \n                <object refClass="PositionProperty" />\n                \x3c!--SizeProperty / --\x3e \n                <object refClass="AppearanceProperty" />\n                \n                \x3c!-- SVG Item --\x3e \n                <object refClass="SVGItemProperty" />              \n\n                \x3c!-- Image --\x3e \n                <object refClass="ImageProperty" />\n\n                \x3c!-- Video --\x3e \n                <object refClass="VideoProperty" />\n\n                \x3c!-- IFrame --\x3e \n                <object refClass="IFrameProperty" />                \n\n                \x3c!-- Component --\x3e\n                <object refClass="ComponentProperty" />                \n                \n                \x3c!-- Appearance --\x3e \n\n                <object refClass="BackgroundImageProperty" />                \n                <object refClass="PatternProperty" />\n                <object refClass="BorderNewProperty" />\n                <object refClass="BorderRadiusProperty" />\n\n                <object refClass="BoxModelProperty" />                \n                <object refClass="LayoutProperty" />\n                <object refClass="FlexLayoutItemProperty" />\n                <object refClass="GridLayoutItemProperty" />      \n\n                \x3c!-- effect --\x3e\n                <object refClass="BoxShadowProperty" />\n                <object refClass="FilterProperty" />\n                <object refClass="BackdropFilterProperty" />\n                <object refClass="ClipPathProperty" />       \n\n                \x3c!-- transform --\x3e \n                <object refClass="TransformOriginProperty" />                 \n                <object refClass="TransformProperty" />                  \n                \x3c!-- <PerspectiveProperty /> --\x3e\n                \x3c!-- <PerspectiveOriginProperty /> --\x3e \n\n                \x3c!-- ArtBoard --\x3e \n                <object refClass="ArtBoardSizeProperty" />    \n                \n                \x3c!-- SVG --\x3e\n                \x3c!-- <PathDataProperty /> --\x3e\n\n                \x3c!-- tool --\x3e                \n                <object refClass="ExportProperty" />\n\n\n                <div class=\'empty\'></div>\n              </div>     \n              <div class="tab-content scrollbar" data-value="2">\n\n                \x3c!-- <ContentProperty /> --\x3e    \n                <object refClass="SVGTextProperty" />                        \n                <object refClass="FontProperty" />\n                <object refClass="TextProperty" />\n                <object refClass="TextShadowProperty" />\n                <object refClass="TextFillProperty" />\n                <object refClass="FontSpacingProperty" />\n                <object refClass="TextClipProperty" />  \n                <div class=\'empty\'></div>\n              </div>                   \n              <div class=\'tab-content scrollbar\' data-value=\'3\'>\n                <object refClass="MotionProperty" />\n                \x3c!-- SelectorProperty" /> --\x3e \n                <object refClass="TransitionProperty" />                            \n                <object refClass="AnimationProperty" />\n                <object refClass="KeyframeProperty" />                          \n                <div class=\'empty\'></div>                \n              </div>                        \n              <div class="tab-content" data-value="5">\n                <object refClass="CodeViewProperty" />\n                <div class=\'empty\'></div>                           \n              </div>       \n              \n              <div class="tab-content" data-value="6">\n                <object refClass="HistoryProperty" />\n                <div class=\'empty\'></div>                           \n              </div>                     \n            </div>\n          </div>\n        </div>\n      </div>\n    ')}},{key:pr("$header .tab-item:not(.empty-item)"),value:function(e){var t=+e.$dt.attr("data-value");this.state.selectedIndex!==t&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(e){return e.removeClass("selected")})),this.$el.$$('[data-value="'.concat(t,'"]')).forEach((function(e){return e.addClass("selected")})),this.setState({selectedIndex:t},!1))}}]),t}(If);ki({Inspector:Ow});var $w=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n      <div class='object-items'>\n        <div>\n          <object refClass=\"LayerTreeProperty\" />\n        </div>\n      </div>\n    "}}]),t}(If);ki({ObjectItems:$w});var Cw={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>'},Ew=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(Cw).map((function(e){return"<div class='path-item'>".concat(Cw[e],"</div>")})).join(""),"\n          </div>\n        </div>\n      </div>\n    ")}},{key:pr("$el .path-item"),value:function(e){var t=e.$dt.$("svg"),n=t.$("path"),r=t.attr("viewBox").split(" "),i=k()(r,4),a=i[0],o=i[1],s=i[2],c=i[3],l=n.attr("d"),u={x:+a,y:+o,width:+s,height:+c};this.emit("convertPath",l,u)}}]),t}(If);ki({LibraryItems:Ew});var Tw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return'\n      <div class=\'preview-tool-menu\'>\n        <div class=\'items\'>\n          <object refClass="KeyBoard" />      \n          <object refClass="Fullscreen" />      \n          <object refClass="ExportView" />\n          <object refClass="ExportCodePen" />\n          <div class=\'divdier\'></div>\n          <object refClass="Download" />\n          <object refClass="Save" />\n          <object refClass="Github" />\n          <object refClass="Manual" />          \n        </div>                \n      </div>\n    '}}]),t}(If);ki({PreviewToolMenu:Tw});var Vw={option:"⌥",cmd:"⌘",shift:"⇧",alt:"⎇",ctrl:"⌃",enter:"⏎",escape:"⎋",arrowdown:"↓",arrowup:"↑",arrowleft:"←",arrowright:"→",backspace:"Delete",minus:"-",equal:"+"};var Dw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n      <div class='shortcut-items'></div>\n    "}},{key:Jr("$el"),value:function(){var e=ju();return Ou.map((function(t){return"\n        <div class='shortcut-item'>\n          <div class='command'>\n            <label>".concat(t.description,"</label>\n            <span><kbd>").concat((n=t[e]||t.key,n.toLowerCase().split("+").map((function(e){return Vw[e]||e})).join(" + ")),"</kbd></span>\n          </div>\n          <div class='when'>").concat(t.when,"</div>\n        </div>\n      ");var n}))}}]),t}(If);ki({ShortCutItems:Dw});var Iw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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="tab-item selected" data-value="2" title="'.concat(this.$i18n("app.tab.title.layers"),'">\n              <label>').concat(xf.layers,'</label>\n            </div>            \n            <div class="tab-item" data-value="1" title="').concat(this.$i18n("app.tab.title.projects"),'">\n              <label>').concat(xf.note,"</label>\n            </div>         \n            <div class='tab-item' data-value='5' title=\"").concat(this.$i18n("app.tab.title.assets"),'">\n              <label>').concat(xf.apps,"</label>\n            </div>   \n            <div class='tab-item' data-value='6' title=\"").concat(this.$i18n("app.tab.title.artboards"),'">\n              <label>').concat(xf.artboard,"</label>\n            </div>            \n            <div class='tab-item' data-value='4' title=\"").concat(this.$i18n("app.tab.title.components"),'">\n              <label>').concat(xf.add,'</label>\n            </div>\n\n            <div class=\'tab-item extra-item\' >\n              <object refClass="PreviewToolMenu" />\n            </div>               \n          </div>\n          <div class="tab-body" ref="$body">\n            <div class="tab-content project-content" data-value="1">\n              <object refClass="ProjectProperty" />\n              <object refClass="ProjectInformationProperty" />\n            </div>\n            <div class="tab-content selected" data-value="2">\n              <object refClass="ObjectItems" />\n            </div>\n            <div class=\'tab-content\' data-value=\'3\'>\n              <object refClass="LibraryItems" />\n            </div>            \n            <div class=\'tab-content\' data-value=\'4\'>\n              <object refClass="ComponentItems" />\n            </div>    \n            <div class=\'tab-content\' data-value=\'5\'>\n              <div class=\'assets\'>\n                <object refClass="ColorAssetsProperty" />\n                <object refClass="GradientAssetsProperty" />    \n                <object refClass="PatternAssetsProperty" />    \n                <object refClass="ImageAssetsProperty" />      \n                <object refClass="VideoAssetsProperty" />       \n                <object refClass="SVGFilterAssetsProperty" />                \n              </div>\n            </div>\n            <div class=\'tab-content\' data-value=\'6\'>\n              <object refClass="ArtboardItems" />\n            </div>\n          </div>\n        </div>\n      </div>\n    ')}},{key:pr("$header .tab-item:not(.extra-item)"),value:function(e){var t=+e.$dt.attr("data-value");this.state.selectedIndex!==t&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(e){return e.removeClass("selected")})),this.$el.$$('[data-value="'.concat(t,'"]')).forEach((function(e){return e.addClass("selected")})),this.setState({selectedIndex:t},!1))}}]),t}(If);ki({LayerTab:Iw});var Mw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return'\n      <div class="feature-control object-list">\n        <object refClass="LayerTab" />\n      </div>\n    '}}]),t}(If);ki({ObjectList:Mw});var Lw={"stroke-dasharray":"Stroke Dash Array","stroke-dashoffset":"Stroke Dash Offset","stroke-linejoin":"Stroke Line Join"},Rw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:Df("refreshCanvas","refreshSelection")+Yr(1e3),value:function(){this.refresh()}},{key:"makeTimelineObjectRow",value:function(e){var t=this,n=this.$selection.currentProject,r=n.searchById(e.id);if(r){var i=this.$timeline.checkLayer(r.id),a=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(i,"' data-layer-id='").concat(r.id,"' data-property=''>\n                <div class='icon'>").concat(xf.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(xf.remove,"</button>\n                    <button type=\"button\" class='empty'></button>                    \n                </div>\n            </div>\n\n            ").concat(e.properties.map((function(e){var n=t.$timeline.checkProperty(r.id,e.property);return("\n                <div class='timeline-object-row layer-property' data-selected='".concat(n,"' data-layer-id='").concat(r.id,"' data-property='").concat(e.property,"'>\n                  <div class='icon'></div>                    \n                    <div class='title'>").concat(function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return Lw[e]||t||e}(e.property),"</div>\n                    <div class='current-value'>\n                      ").concat("d"===e.property?a.totalLength:"","\n                      ").concat("points"===e.property?a.totalLength:"","\n                    </div>\n                    <div class='tools'>\n                        <button type=\"button\" class='remove' data-layer-id='").concat(r.id,"' data-property='").concat(e.property,"'>").concat(xf.remove,"</button>\n                        <button type=\"button\" class='add' data-layer-id='").concat(r.id,"' data-property='").concat(e.property,"'></button>\n                    </div>\n                </div>"))})).join(""),"                                                      \n        </div>\n        ")}}},{key:"template",value:function(){return"\n            <div class='timeline-object-list'></div>\n        "}},{key:Jr()+Xr,value:function(){var e=this,t=this.$selection.currentProject;if(!t)return"";var n=t.getSelectedTimeline();return n?n.animations.map((function(t){return e.makeTimelineObjectRow(t)})):""}},{key:"refreshSelection",value:function(){var e=this;this.$el.$$('[data-selected="true"]').forEach((function(e){e.attr("data-selected","false")})),this.$timeline.each((function(t){var n=e.$el.$('[data-layer-id="'.concat(t.layerId,'"][data-property="').concat(t.property,'"]'));n&&n.attr("data-selected","true")}))}},{key:pr("$el .timeline-object-row.layer .title"),value:function(e){var t=e.$dt.closest("timeline-object");t.toggleClass("collapsed");var n=e.$dt.closest("timeline-object-row").attr("data-layer-id");this.$timeline.selectLayer(n),this.$timeline.toggleLayerContainer(t.attr("data-timeline-animation-id")),this.refreshSelection(),this.emit("toggleTimelineObjectRow",n,t.hasClass("collapsed"))}},{key:pr("$el .timeline-object-row.layer .add-property"),value:function(e){var t=e.$dt.closest("timeline-object-row").$(".property-select").val(),n=e.$dt.attr("data-layer-id");if(t){var r=this.$selection.current;this.emit("addTimelineProperty",{layerId:n,property:t,value:r[t]})}}},{key:pr("$el .timeline-object-row.layer .remove-timeline"),value:function(e){var t=e.$dt.attr("data-layer-id");t&&this.emit("removeTimeline",t)}},{key:pr("$el .timeline-object-row.layer-property .add"),value:function(e){var t=e.$dt.attr("data-layer-id"),n=e.$dt.attr("data-property");n&&this.emit("copyTimelineProperty",t,n)}},{key:pr("$el .timeline-object-row.layer-property .remove"),value:function(e){var t=e.$dt.attr("data-layer-id"),n=e.$dt.attr("data-property");n&&this.emit("removeTimelineProperty",t,n)}},{key:pr("$el .timeline-object-row.layer-property .title"),value:function(e){var t=e.$dt.closest("timeline-object-row").attrs("data-layer-id","data-property"),n=k()(t,2),r=n[0],i=n[1];this.$timeline.selectProperty(r,i),this.refreshSelection(),this.emit("refreshTimeline")}},{key:Df("refreshTimeline"),value:function(){this.refresh()}}]),t}(If);function Aw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({TimelineObjectList:Rw});var zw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"config",value:function(e){return this.parent.state[e]}},{key:"initState",value:function(){return{rect:null}}},{key:"calculateTimeToPosition",value:function(e,t,n){var r=(e-t)/(n-t);return nr.px(this.rect.totalWidth*r+10)}},{key:"makeSubOffset",value:function(e,t){var n=[];if("offset-path"===e){var r=t.split(",").map((function(e){return e.trim()})),i=k()(r,1)[0],a=this.$selection.currentProject.searchById(i);a&&(t=a.d)}else t=null;if(t){var o=bs(new ea(t).segments),s=o.totalLength,c=o.interpolateList,l=0;(n=c.map((function(e){var t={totalLength:s,length:e.length+l};return l+=e.length,t}))).pop()}return n}},{key:"makeKeyframe",value:function(e,t,n){var r=this,i=n.keyframes.filter((function(e){return t.displayStartTime<=e.time&&e.time<=t.displayEndTime})).map((function(e,i){return function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Aw(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Aw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({left:r.calculateTimeToPosition(e.time,t.displayStartTime,t.displayEndTime)},e,{subOffset:r.makeSubOffset(n.property,e.value),index:i})}));return"\n        <div class='keyframe-back' \n            data-layer-id=\"".concat(e,'"\n            data-property="').concat(n.property,'"\n        >\n\n            ').concat(i.map((function(t,a){var o=i[a+1];if(!o)return"";var s=nr.px(t.left.value),c=nr.px(o.left.value-t.left.value),l=r.$timeline.checked(t.id)&&r.$timeline.checked(o.id);return'\n                    <div \n                        data-selected="'.concat(l,'"\n                        class="offset-line"\n                        style=\'left: ').concat(s,"; width: ").concat(c,"'} ></div>\n\n                    ").concat(t.subOffset.map((function(r,i){var a=nr.px(t.left.value+r.length/r.totalLength*c.value);return("\n                        <div \n                            class='".concat(wt({"sub-offset":!0}),"'    \n                            style='left: ").concat(a,"'\n                            data-offset-id=\"").concat(t.id,'"\n                            data-layer-id="').concat(e,'"\n                            data-property="').concat(n.property,'"\n                            data-suboffset-index="').concat(i,'"\n                        ></div>\n        \n                        '))})).join(""),"\n                ")})).join(""),"\n        </div>\n        <div class='keyframe'>\n\n            ").concat(i.map((function(t){var i=r.$timeline.checked(t.id);return("<div class='offset' style='left: ".concat(t.left,"'\n                    data-selected=\"").concat(i,'"\n                    data-offset-id="').concat(t.id,'"\n                    data-layer-id="').concat(e,'"\n                    data-property="').concat(n.property,'"\n                    data-offset-index="').concat(t.index,'"\n                ></div>\n\n                '))})).join(""),"\n        </div>")}},{key:"makeTimelineKeyframeRow",value:function(e,t){var n=this,r=this.$selection.currentProject.searchById(t.id);if(r){var i={};t.properties.map((function(e){return e.keyframes.map((function(e){return e.time}))})).forEach((function(e){e.forEach((function(e){return i[e]=!0}))}));var a=Object.keys(i).map((function(e){return+e}));return("\n        <div class='timeline-keyframe ".concat(wt({collapsed:t.collapsed}),"' data-timeline-layer-id=\"").concat(r.id,"\">\n            <div \n                class='timeline-keyframe-row layer' \n                data-row-index=\"").concat(this.state.rowIndex++,'"\n                data-layer-id="').concat(r.id,"\"\n            >\n                <div class='keyframe-shadow'>\n                ").concat(a.map((function(t){var r=n.calculateTimeToPosition(t,e.displayStartTime,e.displayEndTime);return("<div class='offset' style='left: ".concat(r,"'></div>"))})).join(""),"\n                </div>\n            </div>\n\n            ").concat(t.properties.map((function(t){return"\n                <div \n                    class='timeline-keyframe-row layer-property'\n                    data-row-index=\"".concat(n.state.rowIndex++,'"\n                    data-property="').concat(t.property,'"\n                    data-layer-id="').concat(r.id,'"\n                >\n                    ').concat(t.keyframes.length?n.makeKeyframe(r.id,e,t):"","\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(e){var t=rr.create(e.target);return!1===t.hasClass("offset")&&!1===t.hasClass("offset-line")}},{key:"getRowIndex",value:function(e){return e=et(e)?this.state.rowIndex:+e}},{key:vr("$el")+Br("Backspace"),value:function(e){this.emit("deleteTimelineKeyframe")}},{key:"isNotMoved",value:function(e,t){return 0===e&&0===t}},{key:Cr("$el")+Fr("hasDragPlace")+Wr("moveDragArea")+Ur("moveEndDragArea"),value:function(e){this.dragXY=this.getRealPosition(e),this.startRowIndex=this.getRowIndex(rr.create(e.target).attr("data-row-index")),this.left=null,this.width=null}},{key:"moveDragArea",value:function(e,t){if(!this.isNotMoved(e,t)){var n=e<0?nr.px(this.dragXY.x+e):nr.px(this.dragXY.x),r=t<0?nr.px(this.dragXY.y+t):nr.px(this.dragXY.y),i=nr.px(Math.abs(e)),a=nr.px(Math.abs(t));this.refs.$dragArea.css({left:n,top:r,width:i,height:a}),this.left=n,this.width=i}}},{key:"getLayerList",value:function(){for(var e=this.getRowIndex(rr.create(this.$config.get("bodyEvent").target).attr("data-row-index")),t=Math.min(e,this.startRowIndex),n=Math.max(e,this.startRowIndex),r=[],i=t;i<=n;i++)r.push('[data-row-index="'.concat(i,'"]'));return this.refs.$keyframeList.$$(r.join(",")).map((function(e){var t=e.attrs("data-layer-id","data-property"),n=k()(t,2);return{layerId:n[0],property:n[1]}}))}},{key:"getTime",value:function(e,t,n){return e+(t-e)*n}},{key:"moveEndDragArea",value:function(e,t){if(!this.isNotMoved(e,t))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),i=this.getTimeRateByPosition((this.left.value+this.width.value)/n);this.$timeline.selectBySearch(this.getLayerList(),r,i),this.refresh(),this.startRowIndex=null}else this.doubleClicked?this.doubleClicked=!1:(this.$timeline.empty(),this.refresh())}},{key:Jr("$keyframeList")+Xr,value:function(){var e=this,t=this.$selection.currentProject;if(!t)return"";var n=t.getSelectedTimeline();if(!n)return"";this.state.rect||(this.state.rect=this.$el.rect());var r=this.state.rect.width-20;return this.rect={totalWidth:r,startX:10},this.state.rowIndex=0,n.animations.map((function(t){return e.makeTimelineKeyframeRow(n,t)}))}},{key:pr("$el .timeline-keyframe-row.layer .title"),value:function(e){e.$dt.closest("timeline-keyframe").toggleClass("collapsed")}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline}},{key:"getRealPosition",value:function(e){var t=this.$el.rect(),n={x:e.xy.x-t.left,width:t.width,y:e.xy.y-t.top,height:t.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(e){var t=this.currentTimeline;if(t){var n=t.displayStartTime,r=t.displayEndTime;return this.getTime(n,r,e)}return 0}},{key:dr("$el .layer-property"),value:function(e){var t=e.$dt.attrs("data-layer-id","data-property"),n=k()(t,2),r=n[0],i=n[1],a=this.getTimeRateByPosition(this.getRealPosition(e).rate);this.emit("addTimelineKeyframe",{layerId:r,property:i,time:a}),this.doubleClicked=!0,this.refresh()}},{key:Cr("$el .layer-property .offset")+Fr("hasCurrentTimeline")+Wr("moveOffset")+Ur("moveEndOffset"),value:function(e){var t=this;this.$offset=e.$dt;var n=this.$offset.attr("data-offset-id"),r=this.$offset.attr("data-property"),i=this.$offset.attr("data-layer-id");this.$keyframeBack=this.$offset.closest("timeline-keyframe-row").$(".keyframe-back");var a=this.$el.rect().width-20;this.rect={totalWidth:a,startX:10};var o=this.$selection.currentProject;o&&(this.offset=o.getTimelineKeyframeById(i,r,n),this.layerId=i,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(e){t.cachedOffsetList[e.id]=e.time})),this.emit("refreshOffsetValue",this.offset)}},{key:"moveOffset",value:function(e,t){var n=this;if(!this.isNotMoved(e,t)){var r=this.timeline,i=r.displayStartTime,a=r.displayEndTime,o=r.fps,s=e<0?-1:1,c=Math.abs(e)/this.rect.totalWidth*(a-i);this.$timeline.each((function(e){var t=n.cachedOffsetList[e.id]+c*s;t=Math.max(t,i),t=Math.min(t,a);var r=sa(o,t);t=oa(o,r),e.time=t})),this.refresh(),this.emit("refreshOffsetValue",this.offset)}}},{key:Df("toggleTimelineObjectRow"),value:function(e,t){this.$el.$('.timeline-keyframe[data-timeline-layer-id="'.concat(e,'"]')).toggleClass("collapsed",t)}},{key:"moveEndOffset",value:function(e,t){if(this.isNotMoved(e,t))return this.refresh(),void this.emit("refreshOffsetValue",this.offset);var n=this.$selection.currentProject;n&&(this.$timeline.each((function(e){n.sortTimelineKeyframe(e.layerId,e.property)})),this.refresh())}},{key:Df("addTimeline","moveTimeline")+Yr(100),value:function(){this.refresh()}},{key:Df("refreshTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Df("resize.window")+Yr(100),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var e=this.$selection.currentProject;if(e)return e.getSelectedTimeline()}}]),t}(If);ki({TimelineKeyframeList:zw});var Fw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n        <div class='keyframe-time-control'>\n            <div class='time-manager'>\n                <button type=\"button\" ref='$timer'>".concat(xf.timer,'</button>\n                <label>\n                    <input type="text" ref=\'$currentTime\' />\n                </label>\n                <label>FPS <input type="number" ref=\'$fps\' min="0" max="999" /></label>\n                <label>\n                    <input type="text" ref=\'$duration\' />\n                </label>\n            </div>\n        </div>')}},{key:"refresh",value:function(){this.refreshTimeInfo()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline}},{key:"refreshTimeInfo",value:function(){var e=this.currentTimeline;e&&(this.refs.$currentTime.val(e.currentTimecode),this.refs.$duration.val(e.totalTimecode),this.refs.$fps.val(e.fps))}},{key:"refreshCurrentTime",value:function(){var e=this.currentTimeline;e&&this.refs.$currentTime.val(e.currentTimecode)}},{key:Df("playTimeline"),value:function(){this.refreshCurrentTime()}},{key:Df("refreshTimeline"),value:function(){this.refresh()}},{key:Df("moveTimeline","refreshSelection")+Kr(10),value:function(){this.refresh()}},{key:vr("$fps")+Gr,value:function(e){var t=+this.refs.$fps.val(),n=this.$selection.currentProject;n&&(n.setFps(t),this.emit("moveTimeline"))}},{key:"checkNumberOrTimecode",value:function(e){var t=e.target.value.trim();return+t+""===t||!!t.match(/^[0-9:]+$/)}},{key:"checkKey",value:function(e){return!!e.key.match(/^[0-9:]+$/)||("Backspace"===e.code||"ArrowRight"===e.code||"ArrowLeft"===e.code)}},{key:pr("$timer"),value:function(){var e=this.$selection.currentProject;e&&(e.seek(this.refs.$currentTime.value,(function(e){return!0})),this.emit("playTimeline"))}},{key:fr("$currentTime"),value:function(e){if(!this.checkKey(e))return e.preventDefault(),e.stopPropagation(),!1}},{key:vr("$currentTime")+Gr+Fr("checkNumberOrTimecode")+Fr("hasCurrentTimeline")+Zr,value:function(e){var t=this.refs.$currentTime.value,n=this.$selection.currentProject;n&&n.setTimelineCurrentTime(t),this.refresh(),this.emit("moveTimeline")}},{key:fr("$duration"),value:function(e){if(!this.checkKey(e))return e.preventDefault(),e.stopPropagation(),!1}},{key:vr("$duration")+Gr+Fr("checkNumberOrTimecode")+Fr("hasCurrentTimeline")+Zr,value:function(e){var t=this.refs.$duration.value,n=this.$selection.currentProject;n&&n.setTimelineTotalTime(t),this.refresh(),this.emit("moveTimeline")}},{key:"currentTimeline",get:function(){var e=this.$selection.currentProject;return e?e.getSelectedTimeline():null}}]),t}(If);ki({KeyframeTimeControl:Fw});var Bw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{KeyframeTimeControl:Fw}}},{key:"template",value:function(){return"\n            <div class='timeline-top-toolbar'>\n                <object refClass=\"KeyframeTimeControl\" />\n            </div>\n        "}}]),t}(If);function Gw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({TimelineTopToolbar:Bw});var Hw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=this.currentTimeline;if(e){var t=nr.percent(e.displayStartTime/e.totalTime*100),n=nr.percent(e.displayEndTime/e.totalTime*100);this.refs.$start.css("left",t),this.refs.$end.css("left",n),this.refs.$gauge.css({left:t,width:nr.percent(n.value-t.value)})}}},{key:Cr("$start")+Fr("hasCurrentTimeline")+Wr("moveStartButton"),value:function(e){this.sliderRect=this.refs.$slider.rect(),this.endX=nr.parse(this.refs.$end.css("left")).toPx(this.sliderRect.width)}},{key:"moveStartButton",value:function(){var e=this.$config.get("pos").x-this.sliderRect.x,t=this.endX;e=Math.max(e,0);var n=(e=Math.min(e,t))/this.sliderRect.width;this.$selection.currentProject.setDisplayStartTimeRate(n),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:Cr("$end")+Fr("hasCurrentTimeline")+Wr("moveEndButton"),value:function(e){this.sliderRect=this.refs.$slider.rect(),this.startX=nr.parse(this.refs.$start.css("left")).toPx(this.sliderRect.width)}},{key:"moveEndButton",value:function(){var e=this.$config.get("pos").x-this.sliderRect.x,t=this.startX,n=this.sliderRect.width;e=Math.max(e,t);var r=(e=Math.min(e,n))/this.sliderRect.width;this.$selection.currentProject.setDisplayEndTimeRate(r),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:Cr("$gauge")+Fr("hasCurrentTimeline")+Wr("moveGaugeButton"),value:function(e){this.sliderRect=this.refs.$slider.rect();var t=this.currentTimeline,n=t.displayStartTime,r=t.displayEndTime;this.timelineStartTime=n,this.timelineEndTime=r}},{key:"moveGaugeButton",value:function(e,t){var n=e/this.sliderRect.width;this.$selection.currentProject.setDisplayTimeDxRate(n,this.timelineStartTime,this.timelineEndTime),this.refreshTimeDisplay(),this.refreshCanvas(),this.emit("moveTimeline")}},{key:"config",value:function(e){return this.parent.state[e]}},{key:"setConfig",value:function(e,t){this.parent.setState(m()({},e,t),!1)}},{key:"refreshCanvas",value:function(){var e=this.$theme("timeline_grid_font_color"),t=this.$theme("timeline_timeview_bottom_color"),n=this.$theme("timeline_line_color"),r=this.currentTimeline;if(r){var i=this.$el.rect(),a=i.width,o=(i.height,r.displayStartTime),s=r.displayEndTime,c=r.fps,l=r.currentTime,u=Math.floor(o*c),h=Math.floor(s*c),p=(a=i.width,h-u),d=5;p<100?d=10:p<1e3?d=100:p<1e4?d=1e3:p<1e5&&(d=1e4),u%d!=0&&(u+=d-u%d);var f={textAlign:"center",textBaseline:"middle",font:"10px sans-serif"};this.refs.$canvas.resize({width:a,height:24}),this.refs.$canvas.update((function(){var r=this.rect(),i=a-20;this.drawOption(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Gw(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Gw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({strokeStyle:"rgba(204, 204, 204, 0.3)",lineWidth:.5},f));for(;u<h;u+=d){var p=(oa(c,u)-o)/(s-o)*i;this.drawOption({fillStyle:e}),this.drawText(p+10,7,ca(c,u).replace(/00\:/g,"")+"f")}this.drawOption({strokeStyle:t,lineWidth:1}),this.drawLine(0,r.height-.5,r.width,r.height);var v=(l-o)/(s-o)*i;this.drawOption({strokeStyle:n,fillStyle:n,lineWidth:1}),this.drawPath([v-4+10,r.height-10],[v+4+10,r.height-10],[v+4+10,r.height-4],[v+10,r.height],[v-4+10,r.height-4],[v-4+10,r.height-10])}))}}},{key:Cr("$canvas")+Fr("hasCurrentTimeline")+Wr()+Ur("moveEndCurrentTime"),value:function(e){this.selectedCanvasOffset=this.refs.$canvas.offset(),this.originalRect=this.$el.rect(),this.width=this.originalRect.width-20,this.emit("hideSelectionToolView"),this.$selection.empty(),this.emit("refreshSelection")}},{key:"move",value:function(){var e=this.width,t=e,n=this.$config.get("pos").x-this.selectedCanvasOffset.left;n=Math.max(n,0),n=Math.min(n,t),this.$selection.currentProject.setTimelineCurrentTimeRate(n/e),this.refresh(),this.$selection.currentProject.seek(),this.emit("moveTimeline")}},{key:"moveEndCurrentTime",value:function(){this.emit("resetSelection")}},{key:Df("resize.window")+Yr(100),value:function(){this.refresh()}},{key:Df("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Df("moveTimeline","refreshSelection")+Kr(10),value:function(){this.refresh()}},{key:"currentTimeline",get:function(){var e=this.$selection.currentProject;return e?e.getSelectedTimeline():null}}]),t}(If);ki({KeyframeTimeView:Hw});var Nw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 e=this.$selection.currentProject;if(e)return e.getSelectedTimeline()}},{key:"hasCurrentTimeline",value:function(){return!!this.currentTimeline()}},{key:"refreshCanvas",value:function(){var e=this.$theme("timeline_line_color"),t=this.currentTimeline();if(t){var n=this.$el.rect().width,r=t.currentTime,i=t.displayStartTime,a=t.displayEndTime;this.refs.$canvas.resize(this.$el.rect()),this.refs.$canvas.update((function(){var t=this.rect(),o=(r-i)/(a-i)*(n-20);this.drawOption({strokeStyle:e,lineWidth:1}),this.drawLine(o+10,0,o+10,t.height)}))}}},{key:Df("resize.window")+Yr(100),value:function(){this.refresh()}},{key:Df("refreshTimeline","playTimeline","toggleFooterEnd"),value:function(){this.refresh()}},{key:Df("moveTimeline","refreshSelection")+Kr(50),value:function(){this.refresh()}}]),t}(If);function Xw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({KeyframeTimeGridView:Nw});var Yw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{CSSPropertyEditor:Zv,CubicBezierEditor:Uf}}},{key:"initState",value:function(){return{time:0,timing:"linear",selectedIndex:1}}},{key:"updateData",value:function(e){this.setState(e,!1),this.parent.trigger(this.props.onchange,this.state)}},{key:"getProperties",value:function(){return[{key:this.state.property,value:et(this.state.value)?"10px":this.state.value,editor:this.state.editor}].filter((function(e){return e.key}))}},{key:"refresh",value:function(){var e=this.$selection.currentProject,t="00:00:00:00";if(e){var n=e.getSelectedTimeline();n&&(t=sa(n.fps,this.state.time))}this.refs.$offsetTime.val(t),this.children.$propertyEditor.trigger("showCSSPropertyEditor",this.getProperties()),this.children.$cubicBezierEditor.trigger("showCubicBezierEditor",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:pr("$header .tab-item"),value:function(e){var t=+e.$dt.attr("data-value");this.state.selectedIndex!==t&&(this.$el.$$('[data-value="'.concat(this.state.selectedIndex,'"]')).forEach((function(e){return e.removeClass("selected")})),this.$el.$$('[data-value="'.concat(t,'"]')).forEach((function(e){return e.addClass("selected")})),this.setState({selectedIndex:t},!1),this.refresh())}},{key:"checkNumberOrTimecode",value:function(e){var t=e.target.value.trim();return+t+""===t||!!t.match(/^[0-9:]+$/)}},{key:"checkKey",value:function(e){return!!e.key.match(/^[0-9:]+$/)||("Backspace"===e.code||"ArrowRight"===e.code||"ArrowLeft"===e.code)}},{key:fr("$offsetTime"),value:function(e){if(!this.checkKey(e))return e.preventDefault(),e.stopPropagation(),!1}},{key:vr("$offsetTime")+Gr+Fr("checkNumberOrTimecode")+Zr,value:function(e){var t=this.refs.$offsetTime.value,n=this.$selection.currentProject;if(n){var r=n.getSelectedTimeline();this.updateData({time:oa(r.fps,t)})}}},{key:"templateForOffset",value:function(){return"\n      <div class='offset-input'>\n        <label>".concat(this.$i18n("timeline.value.editor.time"),"</label>\n        <div class='input-area'>\n          <input type=\"text\" ref='$offsetTime' title=\"").concat(this.$i18n("timeline.value.editor.offset.message"),"\" />\n        </div>\n        <button type=\"button\" ref='$seek' title='Seek timeline'>").concat(xf.gps_fixed,"</button>\n      </div>\n    ")}},{key:pr("$seek"),value:function(){var e=this,t=this.$selection.currentProject;t&&(t.seek(this.refs.$offsetTime.value,(function(t){return t.layer.id===e.state.layerId&&t.property===e.state.property})),this.emit("playTimeline"))}},{key:"templateForProperty",value:function(){return"\n      <object refClass=\"CSSPropertyEditor\" ref='$propertyEditor' hide-title='true' onchange='changePropertyEditor' />\n    "}},{key:"templateForTimingFunction",value:function(){return'\n    <div class=\'timing-function\'>\n      <object refClass="CubicBezierEditor" ref=\'$cubicBezierEditor\' key="timing" value="'.concat(this.state.timingFunction||"linear","\" onChange='changeCubicBezier' />\n    </div>\n    ")}},{key:Df("refreshPropertyValue"),value:function(){var e=this.$selection.currentProject;if(e){var t=e.searchById(this.state.layerId);if(t){var n=t[this.state.property]+"";this.trigger("refreshOffsetValue",{value:n}),this.updateData({value:n})}}}},{key:Df("refreshOffsetValue"),value:function(e){this.setState(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Xw(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Xw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},e),!1),this.refresh()}},{key:Df("changeCubicBezier"),value:function(e,t){this.updateData(m()({},e,t+""))}},{key:Df("changePropertyEditor"),value:function(e){if(e.length){var t=e[0];this.updateData({value:t.value+""})}}}]),t}(If);ki({TimelineValueEditor:Yw});var _w=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(xf.play,"</button>\n                        <button type=\"button\" data-value='pause' class='pause' title='").concat(this.$i18n("timeline.play.control.pause"),"'>").concat(xf.pause,"</button>                \n                        <button type=\"button\" data-value='first' class='first' title='").concat(this.$i18n("timeline.play.control.first"),"'>").concat(xf.skip_prev,"</button>\n                        <button type=\"button\" data-value='prev' class='prev' title='").concat(this.$i18n("timeline.play.control.prev"),"'>").concat(xf.fast_rewind,"</button>                    \n                        <button type=\"button\" data-value='next' class='next' title='").concat(this.$i18n("timeline.play.control.next"),"'>").concat(xf.fast_forward,"</button>\n                        <button type=\"button\" data-value='last' class='last' title='").concat(this.$i18n("timeline.play.control.last"),"'>").concat(xf.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(xf.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate' title='").concat(this.$i18n("timeline.play.control.alternate"),"'>").concat(xf.alternate,"</button>\n                        <button type=\"button\" data-value='reverse' title='").concat(this.$i18n("timeline.play.control.reverse"),"' style='transform: rotateY(180deg)'>").concat(xf.arrowRight,"</button>\n                        <button type=\"button\" data-value='alternate-reverse' title='").concat(this.$i18n("timeline.play.control.alternate.reverse"),"' style='transform: rotateY(180deg)'>").concat(xf.alternate_reverse,"</button>\n                    </div>\n                </div>                                \n            </div>\n        ")}},{key:"initState",value:function(){var e=1,t=1,n="normal",r=this.getSelectedTimeline();if(r)e=r.speed,t=r.iterationCount,n=r.direction;return{status:"pause",speed:e,iterationCount:t,direction:n}}},{key:"getSelectedTimeline",value:function(){var e=this.$selection.currentProject;if(e)return e.getSelectedTimeline()}},{key:"updateData",value:function(e){this.setState(e,!1);var t=this.$selection.currentProject;t&&t.setTimelineInfo(e)}},{key:pr("$playButtons button"),value:function(e){var t=e.$dt.attr("data-value");this.setState({status:t}),"play"===t?this.play():"pause"===t?this.pause():"first"===t?this.first():"prev"===t?this.prev():"next"===t?this.next():"last"===t&&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:Df("stopTimeline"),value:function(){this.updateData({status:"pause"})}},{key:pr("$direction button"),value:function(e){this.updateData({direction:e.$dt.attr("data-value")}),this.refresh()}},{key:pr("$repeatStatus"),value:function(e){var t=0;0===this.refs.$iteration.value&&(t=1),this.updateData({iterationCount:t}),this.refs.$iteration.val(t),this.bindData("$repeatStatus")}},{key:xr("$iteration"),value:function(e){this.updateData({iterationCount:+this.refs.$iteration.value}),this.bindData("$repeatStatus")}},{key:xr("$speed"),value:function(e){this.updateData({speed:+this.refs.$speed.value})}},{key:ni("$repeatStatus"),value:function(){return{text:0===this.state.iterationCount?this.$i18n("timeline.play.control.infinite"):this.$i18n("timeline.play.control.repeat")}}},{key:ni("$playButtons"),value:function(){return{"data-status":this.state.status}}},{key:ni("$direction"),value:function(){return{"data-selected-direction":this.state.direction}}},{key:Df("selectTimeline"),value:function(){this.refresh()}}]),t}(If);ki({TimelinePlayControl:_w});var Kw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{TimelineAnimationProperty:hw,TimelinePlayControl:_w,TimelineValueEditor:Yw,KeyframeTimeView:Hw,TimelineKeyframeList:zw,TimelineObjectList:Rw,TimelineTopToolbar:Bw,KeyframeTimeGridView:Nw}}},{key:"isFirstShow",value:function(){return!1}},{key:"getTitle",value:function(){return this.$i18n("timeline.property.title")}},{key:"getTools",value:function(){return'\n      <object refClass="TimelinePlayControl" />\n      \n    '}},{key:"getClassName",value:function(){return"timeline full managed-tool"}},{key:"getBody",value:function(){return"\n      <div class='timeline-animation-area'>\n        <object refClass=\"TimelineAnimationProperty\" />\n      </div>\n      <div class='timeline-area'>\n        <div class='timeline-header'>\n          <div class='timeline-object-toolbar'>\n            <object refClass=\"TimelineTopToolbar\" />\n          </div>\n          <div class='timeline-keyframe-toolbar' ref='$keyframeToolBar'>\n            <object refClass=\"KeyframeTimeView\" ref='$keyframeTimeView' /> \n          </div>\n        </div>\n        <div class='timeline-body'>\n          <div class='timeline-object-area' ref='$area'>\n            <object refClass=\"TimelineObjectList\" />\n          </div>\n          <div class='timeline-keyframe-area' ref='$keyframeArea'>\n            <object refClass=\"TimelineKeyframeList\" ref='$keyframeList' />          \n          </div>\n          <object refClass=\"KeyframeTimeGridView\" ref='$keyframeTimeGridView' />            \n        </div>\n      </div>\n      <div class='timeline-value-area'>\n        <object refClass=\"TimelineValueEditor\" ref='$valueEditor' onchange='changeKeyframeValue' />\n      </div>\n    "}},{key:Or("$keyframeArea"),value:function(e){this.refs.$area.setScrollTop(this.refs.$keyframeArea.scrollTop())}},{key:Or("$area"),value:function(e){this.refs.$keyframeArea.setScrollTop(this.refs.$area.scrollTop())}},{key:Df("refreshValueEditor")+Yr(100),value:function(){this.children.$valueEditor.refresh()}},{key:"afterRender",value:function(){this.trigger("refreshValueEditor")}},{key:Df("changeKeyframeValue"),value:function(e){this.emit("setTimelineOffset",e)}},{key:mr("$area")+Zr,value:function(e){}},{key:gr("$area")+Zr,value:function(e){this.emit("addTimelineItem",e.dataTransfer.getData("layer/id"))}},{key:"onToggleShow",value:function(){this.emit("toggleFooter",this.isPropertyShow()),this.emit("timeline.view",this.isPropertyShow())}}]),t}(Gk);ki({TimelineProperty:Kw});var Ww=rr.create("div"),Uw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n    <div class='style-view' style='pointer-events: none; position: absolute;display:inline-block;left:-1000px;'>\n      <div ref='$svgArea'></div>\n    </div>\n    "}},{key:"initialize",value:function(){si()(Xn()(t.prototype),"initialize",this).call(this),this.refs.$head=rr.create(document.head)}},{key:"makeStyle",value:function(e){return _b.toStyle(e)}},{key:"refreshStyleHead",value:function(){var e=this,t=this.$selection.currentProject||new Xs;this.refs.$head.$$("style").forEach((function(e){return e.remove()})),this.changeStyleHead(t),t.layers.forEach((function(t){return e.changeStyleHead(t)}))}},{key:"changeStyleHead",value:function(e){var t=this,n=rr.create("div"),r=this.makeStyle(e);n.html(r).children().forEach((function(e){t.refs.$head.append(e)}))}},{key:"refreshStyleHeadOne",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],n=[e];t||(n=e.allLayers);var r=n.map((function(e){return'style[data-id="'.concat(e.id,'"]')})).join(","),i=!1;this.refs.$head.$$(r).forEach((function(t){e.isChanged(t.attr("data-timestamp"))&&(i=!0,t.remove())})),i&&this.changeStyleHead(e)}},{key:Jr("$svgArea")+Xr,value:function(){var e=this.$selection.currentProject||{};return _b.renderSVG(e)}},{key:Df("refreshStyleView","moveTimeline","playTimeline"),value:function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];e?(this.load(),this.refreshStyleHeadOne(e,t)):this.refresh()}},{key:Df("refreshSVGArea"),value:function(){this.load("$svgArea")}},{key:Df("refreshSelectionStyleView"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=e;nt(e)?t=e:null!==e&&(t=[e]);for(var n=[],r=[],i=[],a=0,o=(n=t?it(t[0])?this.$selection.itemsByIds(t):t:this.$selection.items).length;a<o;a++){var s=n[a],c=s.allLayers.map((function(e){return'style[data-id="'.concat(e.id,'"]')})).join(",");i.push(c),r.push(this.makeStyle(s))}i.length&&this.refs.$head.$$(i).forEach((function(e){e.remove()}));var l=Ww.html(r.join("")).createChildrenFragment();this.refs.$head.append(l)}},{key:"refresh",value:function(){this.load(),this.refreshStyleHead()}}]),t}(If);ki({StyleView:Uw});var Zw={1:"to top left",2:"to top right",3:"to bottom right",4:"to bottom left",11:"to top",12:"to right",13:"to bottom",14:"to left"},qw=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n            <div class='selection-view one-selection-view' ref='$selectionView' style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>\n            </div>\n        "}},{key:Df("keymap.keydown"),value:function(e){e.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:Df("keymap.keyup"),value:function(e){this.$el.attr("data-has-shift","")}},{key:"toggleEditingPath",value:function(e){this.$el.toggleClass("editing-path",e)}},{key:"checkEditMode",value:function(){return this.$editor.isSelectionMode()}},{key:Cr("$pointerRect .rotate-pointer")+Zr+Wr("rotateVertext")+Ur("rotateEndVertext"),value:function(e){this.state.moveType="rotate",this.initMousePoint=this.$viewport.createWorldPosition(e.clientX,e.clientY),this.$selection.doCache(),this.$selection.reselect(),this.verties=ht(this.$selection.verties),this.$snapManager.clear(),this.rotateTargetNumber=+e.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertext",value:function(){var e=this,t=this.$config.get("bodyEvent"),n=this.$viewport.createWorldPosition(t.clientX,t.clientY),r=D.d.subtract([],n,this.initMousePoint),i=4===this.rotateTargetNumber?Ai(this.verties,34):this.verties[this.rotateTargetNumber],a=Math.floor(q(i,this.verties[4],r));this.$selection.cachedItemVerties.forEach((function(t){var n=e.$selection.get(t.id);n&&n.reset({transform:Zi.addTransform(t.transform,"rotateZ(".concat(nr.deg(a).round(1e3),")"))})})),this.state.dragging=!0,this.renderPointers(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView"),this.emit("refreshRect")}},{key:"rotateEndVertext",value:function(){var e=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.verties=null,this.nextTick((function(){e.command("setAttributeForMulti","move selection pointer",e.$selection.cloneValue("x","y","width","height"))}))}},{key:"refreshRotatePointerIcon",value:function(e){this.emit("refreshCursor","rotate")}},{key:"refreshPointerIcon",value:function(e){var t=e.$dt.data("pointer");if(t){var n=t.split(",").map((function(e){return Number(e)})),r=D.d.subtract([],n,this.state.renderPointerList[0][4]),i=ne(r[0],r[1]),a=Math.floor(i)-130;this.emit("refreshCursor","open_in_full","rotate(".concat(a," 12 12)"))}else this.emit("recoverCursor")}},{key:"checkPointerIsNotMoved",value:function(e){return!1===Boolean(this.state.dragging)}},{key:Er("$pointerRect .rotate-pointer")+Fr("checkPointerIsNotMoved")+Zr,value:function(e){this.refreshRotatePointerIcon(e)}},{key:Er("$pointerRect .pointer")+Fr("checkPointerIsNotMoved")+Zr,value:function(e){this.refreshPointerIcon(e)}},{key:Tr("$pointerRect .pointer,.rotate-pointer")+Fr("checkPointerIsNotMoved")+Zr,value:function(e){this.emit("recoverCursor")}},{key:Cr("$pointerRect .pointer")+Zr+Wr("moveVertext")+Ur("moveEndVertext"),value:function(e){this.refreshPointerIcon(e),this.state.dragging=!0;var t=+e.$dt.attr("data-number"),n=Zw["".concat(t)];this.initMousePoint=this.$viewport.createWorldPosition(e.clientX,e.clientY),this.state.moveType=n,this.state.moveTarget=t,this.$selection.doCache(),this.$selection.reselect(),this.$snapManager.clear(),this.verties=this.$selection.verties}},{key:"calculateNewOffsetMatrixInverse",value:function(e,t,n,r,i){var a=D.d.subtract([],Vi.scale(r,t,n),e);return ee(D.a.fromTranslation([],e),D.a.fromTranslation([],a),i,D.a.fromTranslation([],D.d.negate([],a)))}},{key:"calculateDistance",value:function(e,t,n){var r=D.d.clone(e),i=this.$snapManager.check([D.d.add([],r,t)]),a=D.d.add([],r,D.d.add([],t,i)),o=D.d.transformMat4([],r,n),s=D.d.transformMat4([],a,n);return D.d.floor([],D.d.add([],s,D.d.negate([],o)))}},{key:"calculateRealDist",value:function(e,t,n){return this.calculateDistance(e.verties[t],n,e.accumulatedMatrixInverse)}},{key:"moveItem",value:function(e,t,n,r){e&&(e.reset({x:nr.px(t[0]+(n<0?n:0)).round(1e3),y:nr.px(t[1]+(r<0?r:0)).round(1e3),width:nr.px(Math.abs(n)).round(1e3),height:nr.px(Math.abs(r)).round(1e3)}),e.recover())}},{key:"moveDirectionVertext",value:function(e,t,n,r,i){var a=Q(e.directionMatrix[r],this.calculateNewOffsetMatrixInverse(i,t,n,e.originalTransformOrigin,e.itemMatrix)),o=D.a.getTranslation([],a);this.moveItem(this.$selection.get(e.id),o,t,n)}},{key:"moveBottomRightVertext",value:function(e){var t=this;this.verties&&this.$selection.cachedItemVerties.forEach((function(n){var r=t.calculateRealDist(n,2,e),i=k()(r,2),a=i[0],o=i[1];t.$config.get("bodyEvent").shiftKey&&(o=a*n.height/n.width);var s=n.width+a,c=n.height+o;t.moveDirectionVertext(n,s,c,"to top left",[0,0,0])}))}},{key:"moveTopRightVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,1,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*t.height/t.width);var o=t.width+i,s=t.height-a;this.moveDirectionVertext(t,o,s,"to bottom left",[0,s,0])}}},{key:"moveTopLeftVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,0,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*t.height/t.width);var o=t.width-i,s=t.height-a;this.moveDirectionVertext(t,o,s,"to bottom right",[o,s,0])}}},{key:"moveTopVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,0,e),r=k()(n,2),i=(r[0],r[1]),a=t.width,o=t.height-i;this.moveDirectionVertext(t,a,o,"to bottom",[a/2,o,0])}}},{key:"moveBottomVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,3,e),r=k()(n,2),i=(r[0],r[1]),a=t.width,o=t.height+i;this.moveDirectionVertext(t,a,o,"to top",[a/2,0,0])}}},{key:"moveRightVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,1,e),r=k()(n,2),i=r[0],a=(r[1],t.width+i),o=t.height;this.moveDirectionVertext(t,a,o,"to left",[0,o/2,0])}}},{key:"moveLeftVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,0,e),r=k()(n,2),i=r[0],a=(r[1],t.width-i),o=t.height;this.moveDirectionVertext(t,a,o,"to right",[a,o/2,0])}}},{key:"moveBottomLeftVertext",value:function(e){var t=this.$selection.cachedItemVerties[0];if(t){var n=this.calculateRealDist(t,3,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*t.height/t.width);var o=t.width-i,s=t.height+a;this.moveDirectionVertext(t,o,s,"to top right",[o,0,0])}}},{key:"moveVertext",value:function(){var e=this.$config.get("bodyEvent"),t=this.$viewport.createWorldPosition(e.clientX,e.clientY),n=D.d.subtract([],t,this.initMousePoint);"to top left"===this.state.moveType?this.moveTopLeftVertext(n):"to top"===this.state.moveType?this.moveTopVertext(n):"to right"===this.state.moveType?this.moveRightVertext(n):"to bottom"===this.state.moveType?this.moveBottomVertext(n):"to left"===this.state.moveType?this.moveLeftVertext(n):"to top right"===this.state.moveType?this.moveTopRightVertext(n):"to bottom right"===this.state.moveType?this.moveBottomRightVertext(n):"to bottom left"===this.state.moveType&&this.moveBottomLeftVertext(n),this.state.dragging=!0,this.renderPointers(),this.refreshSmartGuides(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView"),this.emit("refreshRect")}},{key:"moveEndVertext",value:function(){var e=this;this.state.dragging=!1,this.emit("recoverCursor"),this.emit("refresh"),this.$selection.reselect(),this.nextTick((function(){e.command("setAttributeForMulti","move selection pointer",e.$selection.cloneValue("x","y","width","height"))}))}},{key:"moveTo",value:function(e){var t=this;this.$selection.cachedItemVerties.forEach((function(n){var r=t.$snapManager.check(n.rectVerties.map((function(t){return D.d.add([],t,e)}))),i=D.d.add([],e,r),a=n.rectVerties.map((function(e){return D.d.add([],e,i)})),o=D.d.subtract([],D.d.transformMat4([],a[0],n.parentMatrixInverse),D.d.transformMat4([],n.rectVerties[0],n.parentMatrixInverse)),s=t.$selection.get(n.id);s&&s.reset({x:nr.px(n.x+o[0]),y:nr.px(n.y+o[1])})})),this.refreshSmartGuides()}},{key:"refreshSmartGuides",value:function(){if(this.$selection.current){var e=this.$snapManager.findGuide(this.$selection.current.guideVerties());this.emit("refreshGuideLine",e)}}},{key:"getSelectedElements",value:function(){var e=this;return this.$selection.ids.map((function(t){return e.parent.state.cachedCurrentElement[t]}))}},{key:"initSelectionTool",value:function(){this.$editor.isSelectionMode()&&this.$el.isHide()&&this.$selection.isOne?this.$el.show():this.$el.isShow()&&!1===this.$selection.isOne&&this.$el.hide(),this.makeSelectionTool()}},{key:"makeSelectionTool",value:function(){this.renderPointers()}},{key:"renderPointers",value:function(){if(this.refs.$pointerRect.isHide())if(this.$selection.isEmpty);else{this.refs.$pointerRect.show();var e=this.$selection.verties,t=this.$selection.selectionVerties,n=D.a.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(e),this.$viewport.applyVerties(t),this.$viewport.applyVerties([n])];var r=this.createRenderPointers.apply(this,j()(this.state.renderPointerList)),i=r.line,a=r.point,o=r.size;this.refs.$pointerRect.updateDiff(i+a+o)}else if(this.$selection.isEmpty)this.refs.$pointerRect.hide();else{var s=this.$selection.verties,c=this.$selection.selectionVerties,l=D.a.getTranslation([],this.$selection.cachedItemVerties[0].parentMatrix);this.state.renderPointerList=[this.$viewport.applyVerties(s),this.$viewport.applyVerties(c),this.$viewport.applyVerties([l])];var u=this.createRenderPointers.apply(this,j()(this.state.renderPointerList)),h=u.line,p=u.point,d=u.size;this.refs.$pointerRect.updateDiff(h+p+d)}}},{key:"createPointer",value:function(e,t,n){return"\n        <div class='pointer' data-number=\"".concat(t,'" data-pointer="').concat(e,'" style="transform: translate3d( calc(').concat(e[0],"px - 50%), calc(").concat(e[1],"px - 50%), 0px) rotateZ(").concat(n||"0deg",')" ></div>\n        ')}},{key:"createRotatePointer",value:function(e,t,n){return 0===e.length?"":t<4?"\n            <div class='rotate-pointer no-fill' data-number=\"".concat(t,'" style="transform: translate3d( calc(').concat(e[0],"px - 50%), calc(").concat(e[1],'px - 50%), 0px) scale(1.8);" ></div>\n            '):"\n        <div class='rotate-pointer' data-number=\"".concat(t,'" style="transform: translate3d( calc(').concat(e[0],"px - 50%), calc(").concat(e[1],'px - 50%), 0px)" ></div>\n        ')}},{key:"createPointerRect",value:function(e,t,n){if(0===e.length)return"";var r=this.$selection.current,i="";if(!(r&&r.is("artboard"))){var a=D.d.lerp([],e[0],e[1],.5);i+="\n                M ".concat(a[0],",").concat(a[1]," \n                L ").concat(t[0],",").concat(t[1]," \n            ")}return('\n        <svg class=\'line\' overflow="visible">\n            <path \n                d="\n                    M '.concat(e[0][0],", ").concat(e[0][1]," \n                    L ").concat(e[1][0],", ").concat(e[1][1]," \n                    L ").concat(e[2][0],", ").concat(e[2][1]," \n                    L ").concat(e[3][0],", ").concat(e[3][1]," \n                    L ").concat(e[0][0],", ").concat(e[0][1],"\n                    ").concat(i,'\n                    Z\n                " />\n        </svg>'))}},{key:"createSize",value:function(e){var t=D.d.lerp([],e[0],e[1],.5),n=D.d.lerp([],e[1],e[2],.5),r=D.d.lerp([],e[2],e[3],.5),i=D.d.lerp([],e[3],e[0],.5),a=[{start:t,end:r},{start:n,end:i},{start:r,end:t},{start:i,end:n}].map((function(e,t){return{index:t,data:e}}));a.sort((function(e,t){return e.data.start[1]>t.data.start[1]?-1:1}));var o=a[0],s=D.d.lerp([],o.data.end,o.data.start,1+16/D.d.dist(o.data.start,o.data.end)),c=this.$selection.current.width.value,l=this.$selection.current.height.value,u=D.d.subtract([],o.data.start,o.data.end),h=ne(u[0],u[1])+90,p="".concat(M(c,100)," x ").concat(M(l,100));if(this.state.isRotate){var d=Zi.get(this.$selection.current.transform,"rotateZ");d&&(p="".concat(M(d[0].value,1e3),"°"))}return("\n            <div \n                class='size-pointer' \n                style=\"transform: translate3d( calc(".concat(s[0],"px - 50%), calc(").concat(s[1],"px - 50%), 0px) rotateZ(").concat(h,'deg)" >\n               ').concat(p,"\n            </div>\n        "))}},{key:"createRenderPointers",value:function(e,t,n){var r=this.$selection.current,i=r&&r.is("artboard"),a=D.d.subtract([],D.d.lerp([],e[0],e[1],.5),D.d.lerp([],e[0],e[2],.5)),o=nr.deg(ne(a[0],a[1])+90).round(1e3),s=Ai(e,34),c=D.d.dist(e[0],e[2]);return{line:this.createPointerRect(e,s,n[0]),size:this.createSize(e),point:[i?void 0:this.createRotatePointer(s,4,"center center"),this.createPointer(e[0],1,o),this.createPointer(e[1],2,o),this.createPointer(e[2],3,o),this.createPointer(e[3],4,o),this.createPointer(e[4],5,o),c<20?void 0:this.createPointer(D.d.lerp([],e[0],e[1],.5),11,o),c<20?void 0:this.createPointer(D.d.lerp([],e[1],e[2],.5),12,o),c<20?void 0:this.createPointer(D.d.lerp([],e[2],e[3],.5),13,o),c<20?void 0:this.createPointer(D.d.lerp([],e[3],e[0],.5),14,o)].join("")}}},{key:Df("refreshSelectionStyleView"),value:function(){this.$selection.isOne&&this.renderPointers()}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:Df("hideSubEditor"),value:function(e){this.toggleEditingPath(!1)}},{key:Df("openPathEditor"),value:function(){var e=this.$selection.current;e&&e.isSVG()&&e.d&&(this.toggleEditingPath(!0),this.emit("showPathEditor","modify",{box:"canvas",current:e,d:e.accumulatedPath().d}))}},{key:Df("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:Df("refreshSelectionTool"),value:function(){this.initSelectionTool()}},{key:Df("updateViewport"),value:function(){this.$selection.isOne&&this.initSelectionTool()}}]),t}(If)),Jw=["flex","grid"];function Qw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function eS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qw(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var tS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,eS({position:"absolute",x:nr.z(),y:nr.z(),right:"",bottom:"",rootVariable:"",variable:"",width:nr.px(300),height:nr.px(300),color:"black","font-size":nr.px(13),overflow:"visible",rotate:nr.deg(0),opacity:1,"z-index":nr.auto,"transform-style":"preserve-3d",layout:"default","flex-layout":"display:flex;","grid-layout":"display:grid;",selectors:[],svg:[]},e))}},{key:"toCloneObject",value:function(){var e=this.json;return eS({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("position","right","bottom","rootVariable","variable","transform","filter","backdrop-filter","background-color","background-image","text-clip","border-radius","border","box-shadow","text-shadow","clip-path","color","font-size","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","opacity","rotate","flex-layout","grid-layout","animation","transition"),{selectors:e.selectors.map((function(e){return e.clone()})),svg:e.svg.map((function(e){return e.clone()}))})}},{key:"convert",value:function(e){return e=si()(Xn()(t.prototype),"convert",this).call(this,e)}},{key:"addSelector",value:function(e){return this.json.selectors.push(e),e}},{key:"createSelector",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return this.addSelector(new Lx(eS({checked:!0},e)))}},{key:"removePropertyList",value:function(e,t){e.splice(t,1)}},{key:"removeSelector",value:function(e){this.removePropertyList(this.json.selectors,e)}},{key:"enableHasChildren",value:function(){return!0}},{key:"sortItem",value:function(e,t,n){e.splice.apply(e,[n+(t<n?-1:0),0].concat(j()(e.splice(t,1))))}},{key:"updateSelector",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};this.json.selectors[+e].reset(t)}},{key:"traverse",value:function(e,t,n){var r=this;e.isAttribute()||(n||!e.isLayoutItem()||e.isRootItem())&&(t.push(e),e.children.forEach((function(e){r.traverse(e,t)})))}},{key:"tree",value:function(e){var t=this,n=[];return this.children.forEach((function(r){t.traverse(r,n,e)})),n}},{key:"toAnimationKeyframes",value:function(e){return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:e}]}},{key:"toBound",value:function(){var e={x:this.json.x?this.json.x.clone():nr.z(),y:this.json.y?this.json.y.clone():nr.z(),width:this.json.width.clone(),height:this.json.height.clone()};return e.x2=nr.px(e.x.value+e.width.value),e.y2=nr.px(e.y.value+e.height.value),e}},{key:"setCache",value:function(){var e=ts.parseStyle(this.json["clip-path"]);"path"===e.type?(this.cacheClipPath=new ea(e.value.trim()),this.cacheClipPath.scale(1/this.json.width.value,1/this.json.height.value)):this.cacheClipPath=void 0}},{key:"recover",value:function(){if(this.cacheClipPath){var e=this.json.width.value,t=this.json.height.value;this.reset({"clip-path":"path(".concat(this.cacheClipPath.clone().scaleTo(e,t),")")})}}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"isLayoutItem",value:function(){return Jw.includes(this.parent.layout)}},{key:"hasLayout",value:function(){return Jw.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}},{key:"isGroup",get:function(){return Boolean(this.layers.length)}}]),t}(ia));function nS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function rS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?nS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):nS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var iS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,rS({itemType:"artboard",name:"New ArtBoard",width:nr.px(1e3),height:nr.px(1e3),"background-color":"white","transform-style":"flat"},e))}},{key:"toCloneObject",value:function(){return rS({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("name"))}},{key:"getDefaultTitle",value:function(){return"ArtBoard"}},{key:"getIcon",value:function(){return xf.artboard}}]),t}(tS);aa.registerComponent("artboard",iS);var aS={1:"to top left",2:"to top right",3:"to bottom right",4:"to bottom left",11:"to top",12:"to right",13:"to bottom",14:"to left"},oS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n            <div class='selection-view group-selection-view' ref='$selectionView'  style='display:none' >\n                <div class='pointer-rect' ref='$pointerRect'></div>        \n            </div>\n        "}},{key:Df("keymap.keydown"),value:function(e){e.shiftKey&&this.$el.attr("data-has-shift","true")}},{key:Df("keymap.keyup"),value:function(e){this.$el.attr("data-has-shift","")}},{key:"toggleEditingPath",value:function(e){this.refs.$selectionView.toggleClass("editing-path",e)}},{key:"checkEditMode",value:function(){return this.$editor.isSelectionMode()}},{key:Cr("$pointerRect .rotate-pointer")+Wr("rotateVertext")+Ur("rotateEndVertext"),value:function(e){this.state.moveType="rotate",this.initMousePoint=this.$viewport.createWorldPosition(e.clientX,e.clientY),this.$selection.reselect(),this.verties=this.groupItem.verties(),this.rotateTargetNumber=+e.$dt.attr("data-number"),this.refreshRotatePointerIcon(),this.state.dragging=!0,this.state.isRotate=!0}},{key:"rotateVertext",value:function(){var e=this,t=this.$config.get("bodyEvent"),n=this.$viewport.createWorldPosition(t.clientX,t.clientY),r=D.d.subtract([],n,this.initMousePoint),i=4===this.rotateTargetNumber?Ai(this.verties,34):this.verties[this.rotateTargetNumber],a=Math.floor(q(i,this.verties[4],r));this.localAngle=this.angle+a,this.groupItem.reset({transform:Zi.rotateZ(this.groupItem.transform,nr.deg(this.localAngle))});var o=J(a,this.verties[4]);this.$selection.cachedItemVerties.forEach((function(t){var n=N(t.verties,D.a.multiply([],t.parentMatrixInverse,o)),r=Ai(n,34),i=Z(r[0]-n[4][0],r[1]-n[4][1])-270,a=D.d.transformMat4([],n[0],J(-i,n[4])),s=e.$selection.get(t.id);s&&s.reset({x:nr.px(a[0]),y:nr.px(a[1]),transform:Zi.rotateZ(t.transform,nr.deg(i))})})),this.state.dragging=!0,this.renderPointers(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView"),this.emit("refreshRect")}},{key:"rotateEndVertext",value:function(){var e=this;this.state.dragging=!1,this.state.isRotate=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.initMatrix(!0),this.renderPointers(),this.nextTick((function(){e.command("setAttributeForMulti","rotate selection pointer",e.$selection.cloneValue("x","y","width","height","transform"))}))}},{key:"refreshRotatePointerIcon",value:function(e){this.emit("refreshCursor","rotate")}},{key:"refreshPointerIcon",value:function(e){var t=e.$dt.data("pointer");if(t){var n=t.split(",").map((function(e){return Number(e)})),r=D.d.subtract([],n,this.state.renderPointerList[0][4]),i=ne(r[0],r[1]),a=Math.floor(i)-135;this.emit("refreshCursor","open_in_full","rotate(".concat(a," 12 12)"))}else this.emit("recoverCursor")}},{key:"checkPointerIsNotMoved",value:function(e){return!1===Boolean(this.state.dragging)}},{key:Er("$pointerRect .rotate-pointer")+Fr("checkPointerIsNotMoved")+Zr,value:function(e){this.refreshRotatePointerIcon(e)}},{key:Er("$pointerRect .pointer")+Fr("checkPointerIsNotMoved")+Zr,value:function(e){this.refreshPointerIcon(e)}},{key:Tr("$pointerRect .pointer,.rotate-pointer")+Fr("checkPointerIsNotMoved")+Zr,value:function(e){this.emit("recoverCursor")}},{key:Cr("$pointerRect .pointer")+Zr+Wr("moveVertext")+Ur("moveEndVertext"),value:function(e){this.refreshPointerIcon(e),this.state.dragging=!0;var t=+e.$dt.attr("data-number");this.state.moveType=aS["".concat(t)],this.initMousePoint=this.$viewport.createWorldPosition(e.clientX,e.clientY),this.$selection.doCache(),this.$selection.reselect(),this.cachedGroupItem=this.groupItem.matrix}},{key:"calculateNewOffsetMatrixInverse",value:function(e,t,n,r,i){var a=D.d.add([],Vi.scale(r,t,n),D.d.negate([],e));return ee(D.a.fromTranslation([],e),D.a.fromTranslation([],a),i,D.a.fromTranslation([],D.d.negate([],a)))}},{key:"calculateDistance",value:function(e,t,n){var r=D.d.clone(e),i=this.$snapManager.check([D.d.add([],r,t)]),a=D.d.add([],r,D.d.add([],t,i)),o=D.d.transformMat4([],r,n),s=D.d.transformMat4([],a,n);return D.d.floor([],D.d.add([],s,D.d.negate([],o)))}},{key:"calculateRealDist",value:function(e,t,n){return this.calculateDistance(e.verties[t],n,e.accumulatedMatrixInverse)}},{key:"moveGroupItem",value:function(e,t,n){this.groupItem.reset({x:nr.px(e[0]+(t<0?t:0)).round(1e3),y:nr.px(e[1]+(n<0?n:0)).round(1e3),width:nr.px(Math.abs(t)).round(1e3),height:nr.px(Math.abs(n)).round(1e3)})}},{key:"moveItemForGroup",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=ee(D.a.fromTranslation([],t[4]),e.itemMatrix,D.a.fromTranslation([],D.d.negate([],t[4]))),a=D.d.transformMat4([],t[0],i),o=k()(a,2),s=o[0],c=o[1],l=D.d.distance(t[0],t[1]),u=D.d.distance(t[0],t[3]),h=this.$selection.get(e.id);h&&(h.reset({x:nr.px(s+n),y:nr.px(c+r),width:nr.px(l),height:nr.px(u)}),h.recover())}},{key:"recoverItemForGroup",value:function(e,t,n){var r=this,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,o=e.accumulatedMatrix,s=e.accumulatedMatrixInverse;this.$selection.cachedItemVerties.forEach((function(e){var c=Q(e.parentMatrixInverse,o,D.a.fromTranslation([],[i,a,0]),D.a.fromScaling([],[t,n,1]),s),l=N(e.verties,c);r.moveItemForGroup(e,l)}))}},{key:"moveBottomRightVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,2,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*t.height/t.width);var o=t.width+i,s=t.height+a;this.moveDirectionVertext(t,0,0,o,s,"to top left",[0,0,0])}},{key:"moveTopRightVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,1,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*t.height/t.width);var o=t.width+i,s=t.height-a;this.moveDirectionVertext(t,0,a,o,s,"to bottom left",[0,s,0])}},{key:"moveDirectionVertext",value:function(e,t,n,r,i,a,o){var s=r/e.width,c=i/e.height;if(s>=0&&c>=0){var l=Q(e.directionMatrix[a],this.calculateNewOffsetMatrixInverse(o,r,i,e.originalTransformOrigin,e.itemMatrix)),u=D.a.getTranslation([],l);this.moveGroupItem(u,r,i),this.recoverItemForGroup(e,s,c,t,n)}}},{key:"moveTopVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,0,e),r=k()(n,2),i=(r[0],r[1]),a=t.width,o=t.height-i;this.moveDirectionVertext(t,0,i,a,o,"to bottom",[a/2,o,0])}},{key:"moveBottomVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,2,e),r=k()(n,2),i=(r[0],r[1]),a=t.width,o=t.height+i;this.moveDirectionVertext(t,0,0,a,o,"to top",[a/2,0,0])}},{key:"moveTopLeftVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,0,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=i*t.height/t.width);var o=t.width-i,s=t.height-a;this.moveDirectionVertext(t,i,a,o,s,"to bottom right",[o,s,0])}},{key:"moveLeftVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,0,e),r=k()(n,2),i=r[0],a=(r[1],t.width-i),o=t.height;this.moveDirectionVertext(t,i,0,a,o,"to right",[a,o/2,0])}},{key:"moveRightVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,2,e),r=k()(n,2),i=r[0],a=(r[1],t.width+i),o=t.height;this.moveDirectionVertext(t,0,0,a,o,"to left",[0,o/2,0])}},{key:"moveBottomLeftVertext",value:function(e){var t=this.cachedGroupItem,n=this.calculateRealDist(t,3,e),r=k()(n,2),i=r[0],a=r[1];this.$config.get("bodyEvent").shiftKey&&(a=-i*t.height/t.width);var o=t.width-i,s=t.height+a;this.moveDirectionVertext(t,i,0,o,s,"to top right",[o,0,0])}},{key:"moveVertext",value:function(){var e=this.$config.get("bodyEvent"),t=this.$viewport.createWorldPosition(e.clientX,e.clientY),n=D.d.subtract([],t,this.initMousePoint);"to bottom right"===this.state.moveType?this.moveBottomRightVertext(n):"to top right"===this.state.moveType?this.moveTopRightVertext(n):"to top left"===this.state.moveType?this.moveTopLeftVertext(n):"to bottom left"===this.state.moveType?this.moveBottomLeftVertext(n):"to top"===this.state.moveType?this.moveTopVertext(n):"to left"===this.state.moveType?this.moveLeftVertext(n):"to right"===this.state.moveType?this.moveRightVertext(n):"to bottom"===this.state.moveType&&this.moveBottomVertext(n),this.state.dragging=!0,this.renderPointers(),this.refreshSmartGuides(),this.emit("refreshCanvasForPartial",null,!0),this.emit("refreshSelectionStyleView")}},{key:"moveEndVertext",value:function(e,t){var n=this;this.state.dragging=!1,this.emit("recoverCursor"),this.$selection.reselect(),this.emit("refreshSelectionStyleView"),this.nextTick((function(){n.command("setAttributeForMulti","move selection pointer",n.$selection.cloneValue("x","y","width","height","transform"))}))}},{key:"moveTo",value:function(e){var t=this,n=this.$snapManager.check(this.cachedGroupItem.rectVerties.map((function(t){return D.d.add([],t,e)})),3),r=D.d.add([],n,e);this.groupItem.reset({x:nr.px(this.cachedGroupItem.x+r[0]),y:nr.px(this.cachedGroupItem.y+r[1])}),this.$selection.cachedItemVerties.forEach((function(e){var n=t.$selection.get(e.id);n&&n.reset({x:nr.px(e.x+r[0]).round(1e3),y:nr.px(e.y+r[1]).round(1e3)})})),this.refreshSmartGuides()}},{key:"refreshSmartGuides",value:function(){var e=this.$snapManager.findGuide(this.groupItem.guideVerties());this.emit("refreshGuideLine",e)}},{key:"getSelectedElements",value:function(){var e=this;return this.$selection.ids.map((function(t){return e.parent.state.cachedCurrentElement[t]}))}},{key:"initSelectionTool",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.$editor.isSelectionMode()&&this.$el.isHide()&&this.$selection.isMany?this.$el.show():this.$el.isShow()&&!1===this.$selection.isMany&&this.$el.hide(),this.initMatrix(e),this.makeSelectionTool()}},{key:"initMatrix",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];e&&this.$selection.isMany&&(this.verties=ht(this.$selection.verties),this.angle=0,this.localAngle=this.angle,this.groupItem=this.item,this.cachedGroupItem=this.item.matrix)}},{key:"makeSelectionTool",value:function(){this.renderPointers()}},{key:"renderPointers",value:function(){if(this.groupItem){var e=this.groupItem.verties(),t=this.groupItem.selectionVerties();this.state.renderPointerList=[this.$viewport.applyVerties(e),this.$viewport.applyVerties(t)];var n=this.createRenderPointers.apply(this,j()(this.state.renderPointerList)),r=n.line,i=n.point,a=n.size;this.refs.$pointerRect.updateDiff(r+i+a)}}},{key:"createPointer",value:function(e,t){return"\n        <div    \n            class='pointer' \n            data-number=\"".concat(t,'" \n            data-pointer="').concat(e,'" \n            style="\n                transform: translate3d( calc(').concat(e[0],"px - 50%), calc(").concat(e[1],'px - 50%), 0px)\n            " \n        ></div>\n        ')}},{key:"createRotatePointer",value:function(e,t){arguments.length>2&&void 0!==arguments[2]&&arguments[2];return 0===e.length?"":t<4?"\n            <div class='rotate-pointer no-fill' data-number=\"".concat(t,'" style="transform: translate3d( calc(').concat(e[0],"px - 50%), calc(").concat(e[1],'px - 50%), 0px) scale(1.8);" ></div>\n            '):"\n        <div class='rotate-pointer' data-number=\"".concat(t,'" style="transform: translate3d( calc(').concat(e[0],"px - 50%), calc(").concat(e[1],'px - 50%), 0px)" ></div>\n        ')}},{key:"createPointerRect",value:function(e,t){if(0===e.length)return"";var n=D.d.lerp([],e[0],e[1],.5),r="\n            M ".concat(n[0],",").concat(n[1]," \n            L ").concat(t[0],", ").concat(t[1]," \n        ");return'\n        <svg class=\'line\' overflow="visible">\n            <path \n                d="\n                    M '.concat(e[0][0],", ").concat(e[0][1]," \n                    L ").concat(e[1][0],", ").concat(e[1][1]," \n                    L ").concat(e[2][0],", ").concat(e[2][1]," \n                    L ").concat(e[3][0],", ").concat(e[3][1]," \n                    L ").concat(e[0][0],", ").concat(e[0][1],"\n                    ").concat(r,'\n                    Z\n                " />\n        </svg>')}},{key:"createSize",value:function(e){var t=D.d.lerp([],e[0],e[1],.5),n=D.d.lerp([],e[1],e[2],.5),r=D.d.lerp([],e[2],e[3],.5),i=D.d.lerp([],e[3],e[0],.5),a=[{start:t,end:r},{start:n,end:i},{start:r,end:t},{start:i,end:n}].map((function(e,t){return{index:t,data:e}}));a.sort((function(e,t){return e.data.start[1]>t.data.start[1]?-1:1}));var o=a[0],s=D.d.lerp([],o.data.end,o.data.start,1+16/D.d.dist(o.data.start,o.data.end)),c=this.groupItem.width.value,l=this.groupItem.height.value,u=D.d.subtract([],o.data.start,o.data.end),h=ne(u[0],u[1])+90,p="".concat(M(c,100)," x ").concat(M(l,100));if(this.state.isRotate){var d=Zi.get(this.groupItem.transform,"rotateZ");d&&(p="".concat(d[0].value,"°"))}return("\n            <div \n                class='size-pointer' \n                style=\"transform: translate3d( calc(".concat(s[0],"px - 50%), calc(").concat(s[1],"px - 50%), 0px) rotateZ(").concat(h,'deg)" >\n               ').concat(p,"\n            </div>\n        "))}},{key:"createRenderPointers",value:function(e,t){var n=Ai(e,30),r=D.d.dist(e[0],e[2]);return{line:this.createPointerRect(e,n),size:this.createSize(e),point:[this.createRotatePointer(n,4,"center center"),this.createPointer(e[0],1),this.createPointer(e[1],2),this.createPointer(e[2],3),this.createPointer(e[3],4),r<20?void 0:this.createPointer(D.d.lerp([],e[0],e[1],.5),11),r<20?void 0:this.createPointer(D.d.lerp([],e[1],e[2],.5),12),r<20?void 0:this.createPointer(D.d.lerp([],e[2],e[3],.5),13),r<20?void 0:this.createPointer(D.d.lerp([],e[3],e[0],.5),14)].join("")}}},{key:Df("refreshSelectionStyleView"),value:function(){this.$selection.isMany&&this.renderPointers()}},{key:"item",get:function(){var e=this.verties||Ri(0,0,0,0);return this.state.newArtBoard||(this.state.newArtBoard=new iS),this.state.newArtBoard.reset({parent:this.$selection.currentProject,x:nr.px(e[0][0]),y:nr.px(e[0][1]),width:nr.px(D.d.dist(e[0],e[1])),height:nr.px(D.d.dist(e[0],e[3])),transform:""}),this.state.newArtBoard}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:Df("hideSelectionToolView"),value:function(){}},{key:Df("hideSubEditor"),value:function(e){this.toggleEditingPath(!1)}},{key:Df("finishPathEdit"),value:function(){this.toggleEditingPath(!1)}},{key:Df("refreshSelectionTool"),value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.initSelectionTool(e)}},{key:Df("updateViewport"),value:function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.$selection.isMany&&this.initSelectionTool(e)}}]),t}(If)),sS=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"base-line";return('<line x1="'.concat(e[0],'" y1="').concat(e[1],'" x2="').concat(t[0],'" y2="').concat(t[1],"\" class='").concat(n,"' />"))},cS=function(e){return sS([e[0],0,0],[e[0],1e4,0])},lS=function(e){return sS([0,e[1],0],[1e4,e[1],0])},uS=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:3;return('\n        <path \n            stroke="red"\n            stroke-width="1"\n            d="\n                M '.concat(e[0]-t," ").concat(e[1]-t,"\n                L ").concat(e[0]+t," ").concat(e[1]+t,"\n                M ").concat(e[0]-t," ").concat(e[1]+t,"\n                L ").concat(e[0]+t," ").concat(e[1]-t,'\n            " \n        />\n    '))},hS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return'<svg class=\'guide-line-view\' width="100%" height="100%" ></svg>'}},{key:"initState",value:function(){return{list:[]}}},{key:ni("$el"),value:function(){return{html:this.createGuideLine(this.state.list)}}},{key:"createGuideLine",value:function(e){for(var t=[],n=0,r=e.length;n<r;n++){var i=k()(e[n],3),a=i[0],o=i[1],s=i[2],c=this.$viewport.applyVerties([a])[0],l=this.$viewport.applyVerties([o])[0];"x"===s&&(t.push(cS(l)),t.push(uS([l[0],c[1],c[2]]))),"y"===s&&(t.push(lS(l)),t.push(uS([c[0],l[1],c[2]]))),t.push(uS(l))}return j()(new Set(t)).join("")}},{key:"removeGuideLine",value:function(){this.setState({list:[]})}},{key:"setGuideLine",value:function(e){this.setState({list:e})}},{key:Df("removeGuideLine"),value:function(){this.removeGuideLine()}},{key:Df("refreshGuideLine"),value:function(e){this.setGuideLine(e)}},{key:Df("updateViewport"),value:function(){this.refresh()}}]),t}(If);function pS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function dS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?pS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):pS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var fS=function(){function e(){zn()(this,e),this.segmentList=[]}return Bn()(e,[{key:"reset",value:function(){return this.segmentList=[],this}},{key:"addLine",value:function(e,t){return this.segmentList.push({line:!0,x1:e.x,y1:e.y,x2:t.x,y2:t.y}),this}},{key:"addGuideLine",value:function(e,t){return this.segmentList.push({line:!0,guide:!0,x1:e.x,y1:e.y,x2:t.x,y2:t.y}),this}},{key:"addDistanceLine",value:function(e,t){return this.segmentList.push({line:!0,distance:!0,x1:e.x,y1:e.y,x2:t.x,y2:t.y}),this}},{key:"addDistanceAngle",value:function(e,t,n,r,i,a){return this.segmentList.push({angle:!0,rx:t,ry:n,line:a,degree:r,center:e,last:i}),this}},{key:"addPoint",value:function(e,t,n,r){var i=arguments.length>4&&void 0!==arguments[4]&&arguments[4];return this.segmentList.push(dS({},e,{cx:t.x,cy:t.y,selected:i,index:n,segment:r,isFirst:t.isFirst,isLast:t.isLast,isSecond:t.isSecond})),this}},{key:"addStartPoint",value:function(e,t){return this.segmentList.push(dS({},e,{cx:t.x,cy:t.y,start:!0})),this}},{key:"addCurvePoint",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]&&arguments[3];return this.segmentList.push({curve:!0,cx:e.x,cy:e.y,index:t,selected:r,segment:n,isFirst:e.isFirst,isLast:e.isLast,isSecond:e.isSecond}),this}},{key:"addText",value:function(e,t){return this.segmentList.push({type:"text",cx:e.x,cy:e.y,text:t+""}),this}},{key:"toString",value:function(){return this.segmentList.sort((function(e,t){return e.line&&!t.line?-1:!e.line&&t.line?1:0})),this.segmentList.map((function(e){return e.angle?"\n                <path stroke-width='1' \n                    data-distance='true'\n                    fill=\"rgba(0,0,0,0.5)\"\n                    d=\"M ".concat(e.center.x,",").concat(e.center.y," A ").concat(e.rx," ").concat(e.ry,",").concat(e.degree,",0,0,").concat(e.last.x," ").concat(e.last.y," L").concat(e.line.x," ").concat(e.line.y,' Z"\n                />'):e.line?'\n                <line stroke-width=\'1\' \n                    data-segment="true"\n                    data-is-last="'.concat(e.isLast,"\"                \n                    data-guide='").concat(e.guide,"'\n                    data-distance='").concat(e.distance,"'\n                    x1='").concat(e.x1,"' x2='").concat(e.x2,"' y1='").concat(e.y1,"' y2='").concat(e.y2,"' \n                />"):e.text?'\n                <text x="'.concat(e.cx,'" y="').concat(e.cy,'" dx="5" dy="-5" text-anchor="start">').concat(e.text,"</text>\n                "):e.curve?"\n                <circle \n                    cx='".concat(e.cx,"' \n                    cy='").concat(e.cy,"' \n                    r='4'                     \n                    class='curve' \n                    data-selected='").concat(e.selected,"'                    \n                    data-is-last=\"").concat(e.isLast,'"                \n                    data-is-first="').concat(e.isFirst,'"      \n                    data-is-second="').concat(e.isSecond,'"                                  \n                    title="').concat(e.segment," curve\"                \n                    data-index='").concat(e.index,"' \n                    data-segment-point='").concat(e.segment,'\' \n                    data-segment="true" \n                />'):e.start?"\n                <circle \n                    cx='".concat(e.cx,"' \n                    cy='").concat(e.cy,"' \n                    r='4'                    \n                    class='segment'\n                    data-selected='").concat(e.selected,'\'\n                    title="Center"\n                    data-start="true" \n                />'):"\n                <circle \n                    cx='".concat(e.cx,"' \n                    cy='").concat(e.cy,"' \n                    r='4'                    \n                    class='segment'\n                    data-selected='").concat(e.selected,"'\n                    title=\"").concat(e.segment,'"\n                    data-is-last="').concat(e.isLast,'"\n                    data-is-first="').concat(e.isFirst,'"\n                    data-is-second="').concat(e.isSecond,"\"\n                    data-index='").concat(e.index,"' \n                    data-segment-point='").concat(e.segment,'\' \n                    data-segment="true" \n                />')})).join("")}}]),e}();function vS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function yS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?vS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):vS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var gS=["startPoint","endPoint","reversePoint"];function mS(e,t,n,r,i){var a=e.filter((function(e){return!!e&&Math.abs(e[t]-n)<=i})).map((function(e){return{dist:Math.abs(e[t]-n),point:e}}));a.sort((function(e,t){return e.dist<t.dist?-1:1}));var o=null;return a.length&&(r+=(o=a[0].point)[t]-n),{point:o,distanceValue:r}}function bS(e,t,n,r){var i=[],a=gS;return e.filter((function(e){return e})).forEach((function(e){a.filter((function(t){return e[t]})).forEach((function(a){var o=e[a],s=Math.abs(o[t]-n);s<=r&&i.push({dist:s,point:o})}))})),i.sort((function(e,t){return e.dist>t.dist?1:-1})),i.length?i[0].point:null}function kS(e,t,n){for(var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=[],a=0,o=e.length;a<o;a++){var s=a,c=e[s];if(c){if("M"===c.command)i.push({command:"M",values:[c.startPoint]});else{var l=qi.getPrevPoint(e,a);!1===c.curve?!1===l.curve?i.push({command:"L",values:[c.startPoint]}):i.push({command:"Q",values:[l.endPoint,c.startPoint]}):!1===l.curve?qi.isEqual(c.reversePoint,c.startPoint)?i.push({command:"L",values:[c.startPoint]}):i.push({command:"Q",values:[c.reversePoint,c.startPoint]}):i.push({command:"C",values:[l.endPoint,c.reversePoint,c.startPoint]})}c.close&&i.push({command:"Z"})}}var u=i.map((function(e){return xS(t,n,e,r)})).join(" ");return{d:u}}function xS(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=n.command,a=n.values;switch(i){case"Z":return"Z";default:var o=a.map((function(n){var i=n.x-e==0?0:(n.x-e)/r,a=n.y-t==0?0:(n.y-t)/r;return"".concat(i," ").concat(a)})).join(" ");return"".concat(i," ").concat(o)}}var wS=function(){function e(t){zn()(this,e),this.pathEditor=t,this.pathStringManager=new ps,this.guideLineManager=new ps,this.segmentManager=new fS,this.initialize(),this.initializeSelect()}return Bn()(e,null,[{key:"generatorPathString",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1;return kS(e,t,n,r).d}}]),Bn()(e,[{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(e){var t=[],n=["startPoint","endPoint","reversePoint"];this.state.points.forEach((function(r,i){n.forEach((function(n){var a=r[n];(function(e,t){return!(e.x2.value<t.x)&&(!(e.y2.value<t.y)&&(!(e.x.value>t.x)&&!(e.y.value>t.y)))})(e,a)&&t.push({x:a.x,y:a.y,key:n,index:i})}))})),this.select.apply(this,t)}},{key:"select",value:function(){var e=this;this.selectedPointKeys={};for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];this.selectedPointList=n,n.forEach((function(t){var n="".concat(t.key,"_").concat(t.index);e.selectedPointKeys[n]=!0}))}},{key:"selectKeyIndex",value:function(e,t){if(this.state.points[t]){var n=this.state.points[t][e];n&&!this.isSelectedSegment(e,t)&&this.select({x:n.x,y:n.y,key:e,index:t})}}},{key:"reselect",value:function(){var e=this;this.selectedPointList.forEach((function(t){var n=e.state.points[t.index][t.key];t.x=n.x,t.y=n.y}))}},{key:"isSelectedSegment",value:function(e,t){var n="".concat(e,"_").concat(t);return this.selectedPointKeys[n]}},{key:"commitTransformMatrix",value:function(e,t){var n=D.d.transformMat4([],[e.x,e.y,0],t);return{x:n[0],y:n[1]}}},{key:"transformMat4",value:function(e){var t=this;this.transformPoints.forEach((function(n,r){var i=t.state.points[r];Object.assign(i.startPoint,t.commitTransformMatrix(n.startPoint,e)),Object.assign(i.endPoint,t.commitTransformMatrix(n.endPoint,e)),Object.assign(i.reversePoint,t.commitTransformMatrix(n.reversePoint,e))}))}},{key:"transform",value:function(e){arguments.length>1&&void 0!==arguments[1]&&arguments[1],arguments.length>2&&void 0!==arguments[2]&&arguments[2];var t=this.transformRect,n=t.x,r=t.y,i=t.width,a=t.height,o=D.a.create();switch(D.a.translate(o,o,[n,r,0]),e){case"flipX":D.a.scale(o,o,[-1,1,1]),D.a.translate(o,o,[-i,0,0]);break;case"flipY":D.a.scale(o,o,[1,-1,1]),D.a.translate(o,o,[0,-a,0]);break;case"flip":D.a.scale(o,o,[-1,-1,1]),D.a.translate(o,o,[-i,-a,0])}D.a.translate(o,o,[-n,-r,0]),this.transformMat4(o)}},{key:"initTransform",value:function(e){this.transformRect=ht(e),this.transformPoints=this.clonePoints.map((function(e){return{startPoint:ht(e.startPoint),endPoint:ht(e.endPoint),reversePoint:ht(e.reversePoint)}}))}},{key:"setConnectedPoint",value:function(e,t){var n=this.state,r=n.dragXY.x+e,i=n.dragXY.y+t,a={x:r,y:i},o={x:r,y:i};n.dragPoints&&(n.reversePoint=qi.getReversePoint(n.startPoint,a));var s={startPoint:n.startPoint,endPoint:a,curve:!!n.dragPoints,reversePoint:o,connected:!0,close:!0};n.points.push(s)}},{key:"setLastPoint",value:function(e){var t=this.state,n={startPoint:e,endPoint:ht(e),curve:!1,reversePoint:ht(e),connected:!1,close:!1};t.points.push(n)}},{key:"setCachePoint",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=this.state,i=r.points;this.snapPointList=[],r.selectedIndex=e,r.connectedPoint=qi.getPrevPoint(i,e),r.connectedPoint&&!r.connectedPoint.connected&&(r.connectedPoint=null),r.segment=qi.getIndexPoint(i,e),r.segment.connected&&(r.connectedPoint=qi.getNextPoint(i,e));var a=qi.isFirst(r.segment);if(a){var o=qi.getLastPoint(i,e);o.connected&&(r.connectedPoint=o)}r.segmentKey=t,r.isCurveSegment=r.segment.curve&&"startPoint"!=r.segmentKey,r.originalSegment=ht(r.segment),r.connectedPoint&&(r.originalConnectedPoint=ht(r.connectedPoint)),r.cachedPoints=[],i.filter((function(e){return e&&e!=r.segment})).forEach((function(e){r.cachedPoints.push(e.startPoint,e.reversePoint,e.endPoint)})),r.cachedPoints.push.apply(r.cachedPoints,n.map((function(e){var t=k()(e,3);return{x:t[0],y:t[1],z:t[2]}})))}},{key:"moveSegment",value:function(e,t,n){var r=this.state,i=r.originalSegment[e],a=r.segment[e];i&&(a.x=i.x+t,a.y=i.y+n)}},{key:"calculateToCurve",value:function(e,t,n){var r=(t.startPoint.x+n.startPoint.x)/2,i=(t.startPoint.y+n.startPoint.y)/2,a=(t.startPoint.x-r)/2,o=(t.startPoint.y-i)/2;return e.endPoint={x:e.startPoint.x+a,y:e.startPoint.y+o},e.reversePoint={x:e.startPoint.x-a,y:e.startPoint.y-o},{dx:a,dy:o}}},{key:"convertToCurve",value:function(e){var t=this.state.points,n=t[e];if(n.curve)if(n.curve=!1,n.reversePoint=ht(n.startPoint),n.endPoint=ht(n.startPoint),"M"===n.command){var r=qi.getPrevPoint(t,n.index);r.connected&&(r.curve=!1,r.reversePoint=ht(r.startPoint),r.endPoint=ht(r.startPoint))}else{if((i=qi.getNextPoint(t,e))&&"M"===i.command)(o=i).curve=!1,o.reversePoint=ht(o.startPoint),o.endPoint=ht(o.startPoint)}else{n.curve=!0;var i,a=qi.getPrevPoint(t,e);if((i=qi.getNextPoint(t,e))&&i.index<e&&"M"===i.command){var o=i;i=qi.getNextPoint(t,o.index),this.calculateToCurve(n,i,a),o.curve=!0,o.endPoint=ht(n.endPoint),o.reversePoint=ht(n.reversePoint)}else if(i&&i.index>e&&"M"!==i.command)this.calculateToCurve(n,i,a);else if(!i&&a){var s=(n.startPoint.x-a.startPoint.x)/3,c=(n.startPoint.y-a.startPoint.y)/3;n.endPoint={x:n.startPoint.x+s,y:n.startPoint.y+c},n.reversePoint=qi.getReversePoint(n.startPoint,n.endPoint)}else if(!a&&i){s=(n.startPoint.x-i.startPoint.x)/3,c=(n.startPoint.y-i.startPoint.y)/3;n.endPoint={x:n.startPoint.x+s,y:n.startPoint.y+c},n.reverse=qi.getReversePoint(n.startPoint,n.endPoint)}}}},{key:"moveCurveSegment",value:function(e,t,n){var r=this.state;this.moveSegment(e,t,n);var i="endPoint"===e?"reversePoint":"endPoint";r.segment[i]=qi.getReversePoint(r.segment.startPoint,r.segment[e])}},{key:"rotateSegmentTarget",value:function(e,t){var n=this.state;if(n.originalSegment&&n.segment){var r=n.originalSegment.startPoint,i=r.x,a=r.y,o=n.segment[e],s=o.x,c=o.y,l=n.originalSegment[t],u=l.x,h=l.y,p=B(ne(s-i,c-a),G(u,h,i,a),i,a),d=p.x,f=p.y;n.segment[t]={x:d,y:f}}}},{key:"rotateSegment",value:function(e){this.rotateSegmentTarget(e,"endPoint"===e?"reversePoint":"endPoint")}},{key:"calculateSnap",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:1,i=this.state,a=i.cachedPoints,o=i.originalSegment[e];if(!e)return{dx:t,dy:n,snapPointList:[]};var s=o.x+t,c=o.y+n,l=mS(a,"x",s,t,r),u=l.point,h=(t=l.distanceValue,mS(a,"y",c,n,r)),p=h.point,d=(n=h.distanceValue,{x:o.x+t,y:o.y+n}),f=[];return u&&f.push({startPoint:u,endPoint:d}),p&&f.push({startPoint:p,endPoint:d}),{dx:t,dy:n,snapPointList:f}}},{key:"copySegment",value:function(e,t){t.startPoint=ht(e.startPoint),t.endPoint=ht(e.endPoint),t.reversePoint=ht(e.reversePoint)}},{key:"moveSelectedSegment",value:function(e,t){var n=this;this.selectedPointList.forEach((function(r){var i=n.state.points[r.index][r.key];i.x=r.x+e,i.y=r.y+t}))}},{key:"removeSelectedSegment",value:function(){var e=this;this.selectedPointList.forEach((function(t){e.state.points[t.index][t.key].removed=!0}));var t=qi.splitPoints(this.state.points),n=qi.recoverPoints(t.map((function(e){return e.filter((function(e){return!e.startPoint.removed})).map((function(e){return e.endPoint.removed&&(e.endPoint=ht(e.startPoint)),e.reversePoint.removed&&(e.reversePoint=ht(e.startPoint)),qi.isEqual(e.endPoint,e.startPoint,e.reversePoint)&&(e.command="L",e.curve=!1),e}))})));this.state.points=n,this.select()}},{key:"move",value:function(e,t,n){var r=this.state,i=r.isCurveSegment,a=r.segmentKey,o=r.connectedPoint,s=this.calculateSnap(a,e,t,3),c=(e=s.dx,t=s.dy,s.snapPointList);if(this.snapPointList=c||[],this.selectedPointList.length>1)this.moveSelectedSegment(e,t);else if(i)if(n.shiftKey)this.moveSegment(a,e,t);else if(n.altKey)this.moveSegment(a,e,t),this.rotateSegment(a);else{this.moveSegment(a,e,t);var l="endPoint"===a?"reversePoint":"endPoint";r.segment[l]=qi.getReversePoint(r.segment.startPoint,r.segment[a])}else this.moveSegment("startPoint",e,t),this.moveSegment("endPoint",e,t),this.moveSegment("reversePoint",e,t);o&&this.copySegment(r.segment,r.connectedPoint)}},{key:"moveEnd",value:function(e,t){var n=this.state,r=n.points,i=n.dragXY.x+e,a=n.dragXY.y+t,o={x:i,y:a},s={x:i,y:a};n.dragPoints&&(s=qi.getReversePoint(n.startPoint,o)),r.push({command:0===n.clickCount?"M":"",startPoint:n.startPoint,endPoint:o,curve:!!n.dragPoints,reversePoint:s}),n.startPoint=null,n.dragPoints=!1,n.moveXY=null}},{key:"setPoint",value:function(e){var t=e.first[0],n=e.second[e.second.length-1],r=this.clonePoints,i=qi.getPoint(r,t),a=qi.getPoint(r,n),o=[yS({},i,{endPoint:e.first[1]}),{startPoint:e.first[3],reversePoint:e.first[2],curve:!0,endPoint:e.second[1]},yS({},a,{reversePoint:e.second[2]})],s=qi.getIndex(r,t);return r.splice.apply(r,[s,2].concat(o)),this.state.points=r,s+1}},{key:"setPointQuard",value:function(e){var t=e.first[0],n=e.second[e.second.length-1],r=this.clonePoints,i=qi.getPoint(r,t),a=qi.getPoint(r,n);if(i.curve&&!1===a.curve){var o=[yS({},i,{endPoint:i.startPoint}),{startPoint:e.first[2],reversePoint:e.first[1],curve:!0,endPoint:e.second[1]}],s=qi.getIndex(r,t);r.splice.apply(r,[s,1].concat(j()(o)))}else{o=[yS({},i),{startPoint:e.first[2],reversePoint:e.first[1],curve:!0,endPoint:e.second[1]},yS({},a,{reversePoint:e.second[1],curve:!0})],s=qi.getIndex(r,t);r.splice.apply(r,[s,2].concat(j()(o)))}return this.state.points=r,s+1}},{key:"setPointLine",value:function(e){var t=e.first[0],n=this.clonePoints,r=[{command:"L",startPoint:e.first[1],curve:!1,endPoint:e.first[1],reversePoint:e.first[1]}],i=qi.getIndex(n,t);return n.splice.apply(n,[i+1,0].concat(r)),this.state.points=n,i+1}},{key:"toPath",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return kS(this.clonePoints,e,t,n)}},{key:"makeSVGPath",value:function(){return this.initialize(),this.makePointGuide(this.clonePoints),this.makeMovePositionGuide(),this.toSVGString()}},{key:"makeTriangleDistancePointGuide",value:function(e,t){var n=Math.min(e.startPoint.x,t.startPoint.x),r=Math.max(e.startPoint.x,t.startPoint.x),i=Math.min(e.startPoint.y,t.startPoint.y),a=Math.max(e.startPoint.y,t.startPoint.y);if(e.startPoint.x<t.startPoint.x&&e.startPoint.y<t.startPoint.y){this.segmentManager.addDistanceLine({x:n,y:i},{x:r,y:i}).addDistanceLine({x:r,y:i},{x:r,y:a});var o=n,s=i,c=ne(r-n,a-i)-180,l=B(0,20,o,s),u=l.x,h=l.y,p=B(c/2,20,o,s),d=p.x,f=p.y,v=B(c,20,o,s);this.segmentManager.addDistanceAngle(v,20,20,c,{x:u,y:h},{x:u-20,y:h}).addText({x:d-5,y:f+15},c)}else e.startPoint.x<t.startPoint.x&&e.startPoint.y>t.startPoint.y?this.segmentManager.addDistanceLine({x:n,y:a},{x:r,y:a}).addDistanceLine({x:r,y:i},{x:r,y:a}):e.startPoint.x>t.startPoint.x&&e.startPoint.y>t.startPoint.y?this.segmentManager.addDistanceLine({x:n,y:i},{x:n,y:a}).addDistanceLine({x:n,y:a},{x:r,y:a}):e.startPoint.x>t.startPoint.x&&e.startPoint.y<t.startPoint.y&&this.segmentManager.addDistanceLine({x:n,y:a},{x:r,y:a}).addDistanceLine({x:r,y:i},{x:r,y:a})}},{key:"makeDistancePointGuide",value:function(e,t,n,r){t.selected&&(e&&this.makeTriangleDistancePointGuide(e,t),n&&this.makeTriangleDistancePointGuide(t,n))}},{key:"makeStartPointGuide",value:function(e,t,n,r){t.startPoint.isFirst=!0,this.pathStringManager.M(t.startPoint),!1===t.curve?(this.segmentManager.addPoint({},t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),t.startPoint.isLast||this.segmentManager.addText(t.startPoint,r+1)):(this.segmentManager.addPoint({},t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)).addGuideLine(t.startPoint,t.endPoint),!1===qi.isEqual(t.startPoint,t.endPoint)&&this.segmentManager.addCurvePoint(t.endPoint,r,"endPoint",this.isSelectedSegment("endPoint",r)))}},{key:"makeMiddlePointGuideSegment",value:function(e,t,n,r){var i=this.segmentManager;!1===t.curve?!1===e.curve?(i.addPoint({},t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),t.startPoint.isLast||i.addText(t.startPoint,r+1)):(i.addGuideLine(e.startPoint,e.endPoint).addCurvePoint(t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),!1===qi.isEqual(e.startPoint,e.endPoint)&&i.addCurvePoint(e.endPoint,e.index,"endPoint",this.isSelectedSegment("endPoint",e.index)),t.startPoint.isLast||i.addText(t.startPoint,r+1)):!1===e.curve?qi.isEqual(t.reversePoint,t.startPoint)?(i.addPoint({},t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),t.startPoint.isLast||i.addText(t.startPoint,r+1)):(i.addGuideLine(t.startPoint,t.reversePoint).addCurvePoint(t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),!1===qi.isEqual(t.startPoint,t.reversePoint)&&i.addCurvePoint(t.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)),t.startPoint.isLast||i.addText(t.startPoint,r+1)):t.connected?(i.addGuideLine(e.startPoint,e.endPoint).addGuideLine(t.startPoint,t.reversePoint),!1===qi.isEqual(e.startPoint,e.endPoint)&&i.addCurvePoint(e.endPoint,e.index,"endPoint",this.isSelectedSegment("endPoint",e.index)),!1===qi.isEqual(t.startPoint,t.reversePoint)&&i.addCurvePoint(t.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r))):(i.addGuideLine(e.startPoint,e.endPoint).addGuideLine(t.startPoint,t.reversePoint).addCurvePoint(t.startPoint,r,"startPoint",this.isSelectedSegment("startPoint",r)),!1===qi.isEqual(e.startPoint,e.endPoint)&&i.addCurvePoint(e.endPoint,e.index,"endPoint",this.isSelectedSegment("endPoint",e.index)),!1===qi.isEqual(t.startPoint,t.reversePoint)&&i.addCurvePoint(t.reversePoint,r,"reversePoint",this.isSelectedSegment("reversePoint",r)),t.startPoint.isLast||i.addText(t.startPoint,r+1))}},{key:"makeMiddlePointGuideRealPath",value:function(e,t,n,r){var i=this.pathStringManager;!1===t.curve?!1===e.curve?i.L(t.startPoint):i.Q(e.endPoint,t.startPoint):!1===e.curve?qi.isEqual(t.reversePoint,t.startPoint)?i.L(t.startPoint):i.Q(t.reversePoint,t.startPoint):i.C(e.endPoint,t.reversePoint,t.startPoint)}},{key:"makeMiddlePointGuideSplitLine",value:function(e,t,n,r){!1===t.curve?!1===e.curve?this.splitLines.push((new ps).M(e.startPoint).L(t.startPoint).toString("split-path")):this.splitLines.push((new ps).M(e.startPoint).Q(e.endPoint,t.startPoint).toString("split-path")):!1===e.curve?qi.isEqual(t.reversePoint,t.startPoint)?this.splitLines.push((new ps).M(e.startPoint).L(t.startPoint).toString("split-path")):this.splitLines.push((new ps).M(e.startPoint).Q(t.reversePoint,t.startPoint).toString("split-path")):this.splitLines.push((new ps).M(e.startPoint).C(e.endPoint,t.reversePoint,t.startPoint).toString("split-path"))}},{key:"makePointGuide",value:function(e){for(var t=this.state.selectedIndex,n=0,r=e.length;n<r;n++){var i=e[n];if(i){var a=qi.getNextPoint(e,n),o=qi.getPrevPoint(e,n);o&&"M"===o.command&&i.startPoint&&(i.startPoint.isSecond=!0),i.startPoint&&(i.startPoint.isLast=a?"M"===a.command:n===r-1),i.selected=t===n,"M"===i.command?this.makeStartPointGuide(o,i,a,n):(this.makeMiddlePointGuideRealPath(o,i,a,n),this.makeMiddlePointGuideSplitLine(o,i,a,n),this.makeMiddlePointGuideSegment(o,i,a,n)),i.close&&this.pathStringManager.Z()}}}},{key:"makeMovePositionGuide",value:function(){var e=this.state,t=e.points,n=e.startPoint,r=e.moveXY,i=e.dragPoints,a=(e.altKey,e.snapPointList);if(r){a=a||[];var o=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,r=bS(e,"x",t.x,n),i=bS(e,"y",t.y,n),a=yS({},t);r&&(a.x=r.x),i&&(a.y=i.y);var o=[];return r&&o.push({startPoint:r,endPoint:a}),i&&o.push({startPoint:i,endPoint:a}),{snapPointList:o,moveXY:a}}(t,r,3),s=o.snapPointList,c=o.moveXY;a.push.apply(a,s),e.moveXY=c,r=c,this.snapPointList=a;var l=t[t.length-1];if(i)if(l){if(l.curve){var u=qi.getReversePoint(n,r);d=u.x,f=u.y;this.guideLineManager.M(l.startPoint).C(l.endPoint,{x:d,y:f},n),this.segmentManager.addGuideLine(l.startPoint,l.endPoint).addGuideLine(n,{x:d,y:f}).addGuideLine(n,r).addCurvePoint(l.endPoint).addCurvePoint({x:d,y:f}).addCurvePoint(r).addPoint(!1,n)}else if(!1===l.curve){var h=qi.getReversePoint(n,r);d=h.x,f=h.y;this.guideLineManager.M(l.startPoint).Q({x:d,y:f},n),this.segmentManager.addGuideLine(r,{x:d,y:f}).addPoint(!1,n).addCurvePoint({x:d,y:f}).addCurvePoint(r)}}else{var p=qi.getReversePoint(n,r),d=p.x,f=p.y;this.guideLineManager.M(r).L(n).L({x:d,y:f}),this.segmentManager.addCurvePoint(n).addCurvePoint(r).addCurvePoint({x:d,y:f})}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 e=[];if(this.snapPointList){var t=new ps;e=this.snapPointList.map((function(e){return t.reset(),t.M(e.startPoint).L(e.endPoint).X(e.startPoint).toString("snap-path")}))}return e.join("")}},{key:"toSVGString",value:function(){return'\n        <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\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 j()(this.state.points)}},{key:"selectedLength",get:function(){return this.selectedPointList.length}}]),e}();function SS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function PS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?SS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):SS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var jS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,PS({itemType:"layer",name:"New Layer",tagName:"div"},e))}},{key:"getDefaultTitle",value:function(){return"Layer"}},{key:"getIcon",value:function(){return xf.rect}},{key:"toCloneObject",value:function(){return PS({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("tagName"))}}],[{key:"getIcon",value:function(){return xf.rect}}]),t}(tS);function OS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function $S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?OS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):OS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var CS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,$S({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":0,"stroke-dasharray":" ","text-anchor":"start"},e))}},{key:"toCloneObject",value:function(){return $S({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("overflow","stroke","stroke-width","svgfilter","fill","fill-rule","fill-opacity","stroke-linecap","stroke-linejoin","stroke-dashoffset","stroke-dasharray","text-anchor"))}},{key:"getDefaultTitle",value:function(){return"SVG"}},{key:"isSVG",value:function(){return!0}}]),t}(jS);function ES(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function TS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ES(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ES(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var VS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return xf.edit}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,TS({itemType:"svg-path",name:"New Path","stroke-width":1,d:"",totalLength:0},e))}},{key:"enableHasChildren",value:function(){return!1}},{key:"setCache",value:function(){si()(Xn()(t.prototype),"setCache",this).call(this),this.cachePath=new ea(this.json.d),this.cachePath.scale(1/this.json.width.value,1/this.json.height.value)}},{key:"recover",value:function(){si()(Xn()(t.prototype),"recover",this).call(this),this.cachePath||this.setCache();var e=this.json.width.value,n=this.json.height.value;this.json.d=this.cachePath.clone().scaleTo(e,n)}},{key:"toCloneObject",value:function(){return TS({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("d"))}},{key:"getDefaultTitle",value:function(){return"Path"}},{key:"toAnimationKeyframes",value:function(e){var t=e.filter((function(e){return rv(e.property)&&iv(e.property)})),n=e.filter((function(e){return av(e.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] path'),properties:t}]}}]),t}(CS);function DS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function IS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?DS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):DS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function MS(e){var t=k()(e,2);return{x:t[0],y:t[1]}}aa.registerComponent("svg-path",VS);var LS=["fill","fill-opacity","stroke","stroke-width"],RS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initialize",value:function(){si()(Xn()(t.prototype),"initialize",this).call(this),this.pathParser=new ea,this.pathGenerator=new wS(this)}},{key:"initState",value:function(){return{changeEvent:"updatePathItem",isShow:!1,points:[],mode:"path",clickCount:0,isSegment:!1,isFirstSegment:!1,screenX:nr.z(),screenY:nr.z(),screenWidth:nr.z(),screenHeight:nr.z()}}},{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='segment-box' ref='$segmentBox'></div>\n        </div>"}},{key:"isShow",value:function(){return this.state.isShow}},{key:"initRect",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.state.rect&&!e||(this.state.rect=this.parent.refs.$body.rect())}},{key:vr("document")+Fr("isShow")+Gr+Zr+qr,value:function(){this.state.current?(this.refreshPathLayer(),this.trigger("hidePathEditor")):this.addPathLayer(),!this.state.current&&this.state.points.length?this.trigger("initPathEditorView"):this.trigger("hidePathEditor")}},{key:vr("document")+Fr("isShow")+Hr+Zr+qr,value:function(){this.state.current?this.refreshPathLayer():this.addPathLayer(),this.trigger("hidePathEditor")}},{key:"makePathLayer",value:function(){var e,t=this,n=this.$selection.currentProject;if(n){var r=new ea(this.pathGenerator.toPath().d);r.transformMat4(this.$viewport.matrixInverse);var i=r.getBBox(),a=D.d.distance(i[1],i[0]),o=D.d.distance(i[3],i[0]);r.translate(-i[0][0],-i[0][1]);var s={x:nr.px(i[0][0]),y:nr.px(i[0][1]),width:nr.px(a),height:nr.px(o),d:r.d,totalLength:this.totalPathLength,fill:"#C4C4C4"};LS.forEach((function(e){t.state[e]&&(s[e]=t.state[e])})),e=(this.$selection.getArtboardByPoint(i[0])||n).appendChildItem(new VS(s))}return e}},{key:"updatePathLayer",value:function(){var e=this.pathGenerator.toPath().d,t=new ea(e);t.transformMat4(this.$viewport.matrixInverse),this.emit(this.state.changeEvent,{d:t.d,box:this.state.box,totalLength:this.totalPathLength})}},{key:"addPathLayer",value:function(){this.changeMode("modify");var e=this.makePathLayer();e&&e.totalLength&&(this.$selection.select(e),this.trigger("hidePathEditor"),this.emit("refreshAll"))}},{key:"changeMode",value:function(e,t){this.setState(IS({mode:e,clickCount:0,moveXY:null},t),!1),this.emit("changePathManager",this.state.mode)}},{key:Df("changePathManager"),value:function(e){this.setState(IS({},e,{clickCount:0}),!1),this.renderPath()}},{key:"isMode",value:function(e){return this.state.mode===e}},{key:Df("updateViewport"),value:function(e,t){if(this.$el.isShow()){var n=this.pathGenerator.toPath().d,r=new ea(n);r.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:r.d})}}},{key:"refresh",value:function(e){e&&e.d&&(this.pathParser.reset(e.d),this.pathParser.transformMat4(this.$viewport.matrix),this.state.cachedMatrixInverse=this.$viewport.matrixInverse,this.state.points=this.pathParser.convertGenerator()),this.pathGenerator.initializeSelect(),this.renderPath()}},{key:Df("showPathEditor"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"path",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};"move"===e&&(t.current=null,t.points=[]),t.box=t.box||"canvas",this.changeMode(e,t),this.refresh(t),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:Df("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:Df("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.pathParser.reset(""),this.setState(this.initState(),!1),this.refs.$view.empty(),this.$el.hide(),this.emit("hidePathManager")}},{key:ni("$view"),value:function(){return{class:{path:"path"===this.state.mode,modify:"modify"===this.state.mode,box:"box"===this.state.box,"segment-move":"segment-move"===this.state.mode},innerHTML:this.pathGenerator.makeSVGPath()}}},{key:ni("$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")}},{key:"getPathRect",value:function(){this.initRect(!0);var e=this.refs.$view.$("path.object"),t={x:0,y:0,width:0,height:0};return e&&((t=e.rect()).x-=this.state.rect.x,t.y-=this.state.rect.y),t}},{key:"resetTransformZone",value:function(){var e=this.getPathRect();this.state.transformZoneRect=e}},{key:Vr("$view")+Zr,value:function(e){if(this.initRect(),this.isMode("path")&&this.state.rect)this.state.moveXY={x:e.xy.x-this.state.rect.x,y:e.xy.y-this.state.rect.y},this.state.altKey=e.altKey,this.renderPath();else{var t=rr.create(e.target),n=t.hasClass("split-path");this.state.splitXY=n?this.calculatePointOnLine(t.attr("d"),{x:e.xy.x-this.state.rect.x,y:e.xy.y-this.state.rect.y}):null,this.bindData("$splitCircle"),this.state.altKey=!1}}},{key:Cr("$view :not(.split-path)")+Zr+qr+Wr()+Ur(),value:function(e){this.initRect(),this.state.altKey=!1;var t=this.isMode("path");this.state.dragXY={x:e.xy.x-this.state.rect.x,y:e.xy.y-this.state.rect.y},this.state.isOnCanvas=!1;var n=rr.create(e.target);if(n.hasClass("svg-editor-canvas")&&!t?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")),t){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 i=n.attrs("data-index","data-segment-point"),a=k()(i,2),o=(r=a[0],a[1]);this.pathGenerator.setCachePoint(+r,o,this.$viewport.applyVerties(this.$snapManager.getSnapPoints())),this.pathGenerator.selectKeyIndex(o,r)}}},{key:"hideSelectBox",value:function(){this.refs.$segmentBox.css({left:nr.px(-1e5)})}},{key:"renderSelectBox",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r={left:nr.px(e.x+(t<0?t:0)),top:nr.px(e.y+(n<0?n:0)),width:nr.px(Math.abs(t)),height:nr.px(Math.abs(n))};this.refs.$segmentBox.css(r)}},{key:"getSelectBox",value:function(){var e=this.refs.$segmentBox.styles("left","top","width","height").map((function(e){return nr.parse(e)})),t=k()(e,4),n={x:t[0],y:t[1],width:t[2],height:t[3]};return n.x2=nr.px(n.x.value+n.width.value),n.y2=nr.px(n.y.value+n.height.value),n}},{key:"move",value:function(e,t){if(this.state.isOnCanvas)this.renderSelectBox(this.state.dragXY,e,t);else if(this.isMode("segment-move")){var n=this.$config.get("bodyEvent");this.pathGenerator.move(e,t,n),this.renderPath(),this.updatePathLayer()}else if(this.isMode("path")){if(G(e,t,0,0)>=2){n=this.$config.get("bodyEvent");this.state.dragPoints=!n.altKey}}}},{key:"renderSegment",value:function(e){this.pathGenerator.selectedLength&&(this.pathGenerator.reselect(),st(e)&&e(),this.renderPath(),this.updatePathLayer())}},{key:Df("deleteSegment"),value:function(){var e=this;this.renderSegment((function(){e.pathGenerator.removeSelectedSegment()}))}},{key:Df("moveSegment"),value:function(e,t){var n=this;this.renderSegment((function(){n.pathGenerator.moveSelectedSegment(e,t)}))}},{key:Df("initPathEditorView"),value:function(){this.pathParser.reset(""),this.setState(this.initState(),!1),this.state.isShow=!0,this.refs.$view.empty(),this.$el.focus()}},{key:"end",value:function(e,t){this.state.isOnCanvas?0===e&&0===t?(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(e,t),this.renderPath(),this.state.current?this.refreshPathLayer():(this.addPathLayer(),this.trigger("initPathEditorView"))):this.state.isSplitPath||(this.pathGenerator.moveEnd(e,t),this.state.clickCount++,this.renderPath()),this.state.isSplitPath=!1))}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var e=this.refs.$view.$("path.object");return e?e.totalLength:0}},{key:"isBoxMode",get:function(){return"box"===this.state.box}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:Df("changePathTransform"),value:function(e){this.resetTransformZone();var t=this.state.transformZoneRect,n=t.width,r=t.height;switch(this.pathGenerator.initTransform(this.state.transformZoneRect),e){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:Df("changePathUtil"),value:function(e){switch(e){case"reverse":var t=this.pathGenerator.toPath().d,n=new ea(t);n.reverse(),n.transformMat4(this.state.cachedMatrixInverse),this.refresh({d:n.d})}}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"calculatePointOnLine",value:function(e,t){var n=new ea(e);if("C"===n.segments[1].command){var r=[MS(n.segments[0].values),MS(n.segments[1].values.slice(0,2)),MS(n.segments[1].values.slice(2,4)),MS(n.segments[1].values.slice(4,6))],i=Me.apply(void 0,j()(r).concat([200]))(t.x,t.y);return He(r,i).first[3]}if("Q"===n.segments[1].command){r=[MS(n.segments[0].values),MS(n.segments[1].values.slice(0,2)),MS(n.segments[1].values.slice(2,4))],i=Le.apply(void 0,j()(r).concat([200]))(t.x,t.y);return Ne(r,i).first[2]}if("L"===n.segments[1].command){r=[MS(n.segments[0].values),MS(n.segments[1].values.slice(0,2))],i=Re.apply(void 0,j()(r).concat([200]))(t.x,t.y);return Xe(r,i).first[1]}return t}},{key:Cr("$view .split-path")+Wr()+Ur(),value:function(e){this.initRect();var t=new ea(e.$dt.attr("d")),n={x:e.xy.x-this.state.rect.x,y:e.xy.y-this.state.rect.y},r=-1;if("path"===this.state.mode)return this.state.dragXY={x:e.xy.x-this.state.rect.x,y:e.xy.y-this.state.rect.y},this.state.startPoint=this.state.dragXY,this.pathGenerator.setLastPoint(this.state.startPoint),this.state.isSplitPath=!0,this.renderPath(),void(this.state.current?this.refreshPathLayer():(this.addPathLayer(),this.trigger("initPathEditorView")));if("C"===t.segments[1].command){var i=[MS(t.segments[0].values),MS(t.segments[1].values.slice(0,2)),MS(t.segments[1].values.slice(2,4)),MS(t.segments[1].values.slice(4,6))],a=Me.apply(void 0,j()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPoint(He(i,a))}else if("Q"===t.segments[1].command){i=[MS(t.segments[0].values),MS(t.segments[1].values.slice(0,2)),MS(t.segments[1].values.slice(2,4))],a=Le.apply(void 0,j()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointQuard(Ne(i,a))}else if("L"===t.segments[1].command){i=[MS(t.segments[0].values),MS(t.segments[1].values.slice(0,2))],a=Re.apply(void 0,j()(i).concat([200]))(n.x,n.y);r=this.pathGenerator.setPointLine(Xe(i,a))}this.renderPath(),this.refreshPathLayer(),this.changeMode("segment-move"),this.pathGenerator.setCachePoint(r,"startPoint",this.$viewport.applyVerties(this.$snapManager.getSnapPoints())),this.pathGenerator.selectKeyIndex("startPoint",r)}}]),t}(function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"convertToCurve",value:function(e){this.pathGenerator.convertToCurve(e),this.renderPath(),this.refreshPathLayer()}},{key:dr("$view [data-segment]"),value:function(e){var t=+e.$dt.attr("data-index");this.convertToCurve(t)}},{key:Rr("$view [data-segment]")+Zr+_r(300),value:function(e){var t=+e.$dt.attr("data-index");this.convertToCurve(t)}}]),t}(If))));function AS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function zS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?AS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):AS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var FS=["fill","fill-opacity","stroke","stroke-width","stroke-linecap","stroke-linejoin"],BS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initialize",value:function(){si()(Xn()(t.prototype),"initialize",this).call(this),this.pathParser=new ea}},{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:nr.z(),screenY:nr.z(),screenWidth:nr.z(),screenHeight:nr.z()}}},{key:Df("changeDrawManager"),value:function(e){this.setState(zS({},e),!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 e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];this.state.rect&&!e||(this.state.rect=this.parent.refs.$body.rect())}},{key:vr("document")+Fr("isShow")+Hr+Gr+Zr+qr,value:function(){this.trigger("hidePathDrawEditor")}},{key:"makePathLayer",value:function(e){var t,n=this,r=this.$selection.currentProject;if(r){var i=qi.simply(this.state.points,this.state.tolerance),a=new ea(ps.makePathByPoints(i)),o=new ea(wS.generatorPathString(a.convertGenerator()));o.transformMat4(this.$viewport.matrixInverse);var s=o.getBBox(),c=D.d.distance(s[1],s[0]),l=D.d.distance(s[3],s[0]);o.translate(-s[0][0],-s[0][1]);var u={x:nr.px(s[0][0]),y:nr.px(s[0][1]),width:nr.px(c),height:nr.px(l),d:o.d,totalLength:this.totalPathLength};FS.forEach((function(e){n.state[e]&&Object.assign(u,m()({},e,n.state[e]))})),t=r.appendChildItem(new VS(u))}return t}},{key:"addPathLayer",value:function(){var e=this.getPathRect();if(0!==e.width&&0!==e.height){var t=this.makePathLayer(e);t&&(this.$selection.select(t),this.trigger("hidePathDrawEditor"),this.emit("refreshAll"))}}},{key:"changeMode",value:function(e){this.setState(zS({},this.initState(),{},e),!1)}},{key:"getCurrentObject",value:function(){var e=this.state.current;return e?{current:e,d:e.d,screenX:e.screenX,screenY:e.screenY,screenWidth:e.screenWidth,screenHeight:e.screenHeight}:null}},{key:Df("showPathDrawEditor"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.changeMode(e),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:Df("initPathDrawEditor"),value:function(){this.pathParser.reset(""),this.refs.$view.empty()}},{key:Df("hidePathDrawEditor"),value:function(){this.$el.isShow()&&(this.trigger("initPathDrawEditor"),this.$el.hide(),this.emit("finishPathEdit"),this.emit("hideDrawManager"),this.emit("change.mode.view"))}},{key:Df("hideAddViewLayer"),value:function(){this.$el.hide(),this.emit("hideDrawManager")}},{key:"getInnerId",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";return"draw-manager-"+e}},{key:ni("$view"),value:function(){return{innerHTML:'\n            <svg width="100%" height="100%" class=\'svg-editor-canvas\'>\n                '.concat(this.toDefString,"\n                <path \n                    class='object' \n                    fill=\"").concat(this.toFillValue,'"\n                    stroke="').concat(this.toStrokeValue,'"\n                    fill-opacity="').concat(this.state["fill-opacity"],'"\n                    stroke-width="').concat(this.state["stroke-width"],'"\n                    stroke-linecap="').concat(this.state["stroke-linecap"],'"\n                    stroke-linejoin="').concat(this.state["stroke-linejoin"],'"\n                    d="').concat(ps.makePathByPoints(this.state.points),'" \n                />\n            </svg>\n            ')}}},{key:"renderPath",value:function(){this.bindData("$view")}},{key:Df("resizeEditor"),value:function(){this.initRect(!0)}},{key:"getPathRect",value:function(){this.initRect(!0);var e=this.refs.$view.$("path.object"),t={x:nr.z(),y:nr.z(),width:nr.z(),height:nr.z()};return e&&((t=e.rect()).x-=this.state.rect.x,t.y-=this.state.rect.y),t}},{key:Cr("$view")+Wr()+Ur(),value:function(e){this.initRect(),this.state.altKey=!1,this.state.startXY={x:e.xy.x-this.state.rect.x,y:e.xy.y-this.state.rect.y},this.state.points=[this.state.startXY]}},{key:"move",value:function(e,t,n,r){this.state.points.push({x:this.state.startXY.x+e,y:this.state.startXY.y+t,pressure:r}),this.renderPath()}},{key:"end",value:function(e,t){this.addPathLayer(),this.trigger("initPathDrawEditor")}},{key:"scale",get:function(){return this.$viewport.scale}},{key:"totalPathLength",get:function(){if(!this.refs.$view)return 0;var e=this.refs.$view.$("path.object");return e?e.totalLength:0}},{key:"toFillSVG",get:function(){return bl.parseImage(this.state.fill||"transparent").toSVGString(this.fillId)}},{key:"toStrokeSVG",get:function(){return bl.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 e=this.toDefInnerString.trim();return("\n            <defs>\n            ".concat(e,"\n            </defs>\n        "))}},{key:"fillId",get:function(){return this.getInnerId("fill")}},{key:"strokeId",get:function(){return this.getInnerId("stroke")}},{key:"toFillValue",get:function(){return bl.parseImage(this.state.fill||"transparent").toFillValue(this.fillId)}},{key:"toStrokeValue",get:function(){return bl.parseImage(this.state.stroke||"black").toFillValue(this.strokeId)}}]),t}(If),GS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n        <div class='layer-add-view'>\n            <div class='area' ref='$area'></div>\n            <div class='area-rect' ref='$areaRect'></div>\n            <div class='area-pointer' ref='$mousePointer'></div>\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:"initState",value:function(){return{dragStart:!1,width:0,height:0,color:Mn.random(),fontSize:30,showRectInfo:!1,areaVerties:Ri(0,0,0,0),content:"Insert a text",pathManager:new ps,rect:{},containerItem:void 0}}},{key:"checkNotDragStart",value:function(){return!1===Boolean(this.state.dragStart)}},{key:Vr("$el")+Fr("checkNotDragStart"),value:function(e){var t=this.$viewport.createWorldPosition(e.clientX,e.clientY),n=this.$snapManager.checkPoint(t);!1===D.d.equals(n,t)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(this.state.target),this.state.targetPositionVertext=D.d.clone(this.state.target),this.state.targetGuides=this.$snapManager.findGuideOne([this.state.target])):(this.state.target=null,this.state.targetGuides=[],this.state.targetPositionVertext=null),this.bindData("$mousePointer")}},{key:Cr("$el")+Wr()+Ur(),value:function(e){this.initMousePoint=this.state.targetPositionVertext?this.state.targetPositionVertext:this.$viewport.createWorldPosition(e.clientX,e.clientY),this.state.dragStart=!0,this.state.color="#C4C4C4",this.state.text="Insert a text",this.state.areaVerties=Ri(0,0,0,0),this.bindData("$area"),this.bindData("$areaRect")}},{key:"createLayerTemplate",value:function(e,t){var n=this.state,r=n.type,i=n.text,a=n.color;switch(r){case"artboard":return"<div class='draw-item' style='background-color: white;'></div>";case"rect":return"<div class='draw-item' style='background-color: ".concat(a,";'></div>");case"circle":return"<div class='draw-item' style='background-color: ".concat(a,"; border-radius: 100%;'></div>");case"video":case"audio":case"image":case"iframe":case"cube":case"cylinder":return"<div class='draw-item' style='outline: 1px solid blue;'></div>";case"text":case"svg-text":return"<div class='draw-item' style='font-size: 30px;outline: 1px solid blue;'>".concat(i,"</div>");case"svg-rect":return"\n            <div class='draw-item'>\n                <svg width=\"".concat(e,'" height="').concat(t,'" style="width:100%; height:100%;" overflow="visible">\n                    <path d="').concat(ps.makeRect(0,0,e,t),'" stroke-width="1" stroke="black" fill="transparent" />\n                </svg>\n            </div>\n            ');case"svg-circle":return"\n            <div class='draw-item'>\n                <svg width=\"".concat(e,'" height="').concat(t,'" style="width:100%; height:100%;" overflow="visible">\n                    <path d="').concat(ps.makeCircle(0,0,e,t),'" stroke-width="1" stroke="black" fill="transparent" />\n                </svg>\n            </div>\n            ');case"svg-textpath":return"\n            <div class='draw-item' style='outline: 1px solid blue;'>\n                <svg width=\"".concat(e,'" height="').concat(t,'" style="width:100%; height:100%;font-size: ').concat(t,'px;" overflow="visible">\n                    <defs>\n                        <path id=\'layer-add-path\' d="').concat(ps.makeLine(0,t,e,t),'" />\n                    </defs>\n                    <text>\n                        <textPath \n                          xlink:href="#layer-add-path"\n                          textLength="100%"\n                          lengthAdjust="spacingAndGlyphs"\n                          startOffset="0em"\n                        >').concat(i,"</textPath>\n                    </text>\n                </svg>\n            </div>\n            ")}}},{key:ni("$area"),value:function(){var e=Fi(this.state.areaVerties),t=e.left,n=e.top,r=e.width,i=e.height;return{style:{left:t,top:n,width:r,height:i},innerHTML:this.createLayerTemplate(r.value,i.value)}}},{key:ni("$areaRect"),value:function(){var e=this.state,t=e.areaVerties,n=e.showRectInfo,r=Fi(this.$viewport.applyVertiesInverse(t)),i=r.width,a=r.height;return{style:{display:n?"inline-block":"none",left:nr.px(t[2][0]),top:nr.px(t[2][1])},innerHTML:"".concat(i.value," x ").concat(a.value)}}},{key:"makeMousePointer",value:function(){var e=this;if(!this.state.target)return"";var t=this.state.targetGuides||[];return('\n        <svg width="100%" height="100%">\n            '.concat(t.map((function(t){return e.state.pathManager.reset(),t=e.$viewport.applyVerties([t[0],t[1]]),e.state.pathManager.M({x:t[0][0],y:t[0][1]}).L({x:t[1][0],y:t[1][1]}).X({x:t[0][0],y:t[0][1]}).X({x:t[1][0],y:t[1][1]}).toString("layer-add-snap-pointer")})).join("\n"),"\n        </svg>\n    "))}},{key:ni("$mousePointer"),value:function(){return{innerHTML:this.makeMousePointer()}}},{key:"move",value:function(){var e=this.$config.get("bodyEvent"),t=this.$viewport.createWorldPosition(e.clientX,e.clientY),n=this.$snapManager.checkPoint(t);!1===D.d.equals(n,t)?(this.state.target=n,this.state.targetVertex=this.$viewport.applyVertex(n),this.state.targetGuides=this.$snapManager.findGuideOne([n])):(this.state.target=null,this.state.targetGuides=[]);var r=e.shiftKey,i=Math.min(n[0],this.initMousePoint[0]),a=Math.min(n[1],this.initMousePoint[1]),o=Math.max(n[0],this.initMousePoint[0])-i,s=Math.max(n[1],this.initMousePoint[1])-a;r&&(s=o);var c=Ri(i,a,o,s);this.state.areaVerties=this.$viewport.applyVerties(c),this.state.showRectInfo=!0,this.bindData("$area"),this.bindData("$areaRect"),this.bindData("$mousePointer")}},{key:"end",value:function(e,t){var n=this.$config.get("bodyEvent").altKey,r=this.state,i=r.color,a=r.text,o=r.fontSize,s=r.areaVerties,c=this.$viewport.applyVertiesInverse(s),l="artboard"===this.state.type?null:this.$selection.getArtboardByPoint(c[0]),u=Fi(c),h={x:u.x,y:u.y,width:u.width,height:u.height,"background-color":i,content:a,"font-size":o};switch(this.state.type){case"text":case"svg-text":case"svg-textpath":delete h["background-color"];break;default:delete h.content}switch(this.state.type){case"image":this.trigger("openImage",h,l);break;case"video":this.trigger("openVideo",h,l);break;case"audio":this.trigger("openAudio",h,l);break;default:this.emit("newComponent",this.state.type,h,!0,l)}n||this.trigger("hideLayerAppendView"),this.state.dragStart=!1,this.state.showRectInfo=!1,this.state.target=null,this.bindData("$areaRect")}},{key:Df("showLayerAppendView"),value:function(e){this.state.type=e,this.state.isShow=!0,this.refs.$area.empty(),this.$el.show(),this.$el.focus(),this.$snapManager.clear(),this.emit("change.mode.view","CanvasView")}},{key:Df("hideLayerAppendView"),value:function(){this.$el.isShow()&&(this.state.isShow=!1,this.$el.hide(),this.emit("change.mode.view"))}},{key:Df("hideAddViewLayer"),value:function(){this.state.isShow=!1,this.$el.hide()}},{key:"isShow",value:function(){return this.state.isShow}},{key:vr("document")+Fr("isShow")+Hr+Gr+Zr+qr,value:function(){this.trigger("hideLayerAppendView")}},{key:kr("$file"),value:function(e){var t=this;this.refs.$file.files.forEach((function(e){t.emit("updateImage",e,t.state.rect,t.state.containerItem)}))}},{key:kr("$video"),value:function(e){var t=this;this.refs.$video.files.forEach((function(e){t.emit("updateVideo",e,t.state.rect,t.state.containerItem)}))}},{key:Df("openImage"),value:function(e,t){this.state.rect=e,this.state.containerItem=t,this.refs.$file.click()}},{key:Df("openVideo"),value:function(e,t){this.state.rect=e,this.state.containerItem=t,this.refs.$video.click()}},{key:"scale",get:function(){return this.$viewport.scale}}]),t}(If);function HS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function NS(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?HS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):HS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var XS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"<div class='grid-layout-line-view' style='width:100%;height:100%;pointer-events:none;'></div>"}},{key:Jr("$el"),value:function(){if(1!==this.$selection.length)return"";var e=this.$selection.current;if(e.isInGrid()){var t=e.parent,n=t.screenX,r=t.screenY,i=t.width,a=t.height,o=t.toGridLayoutCSS();return"<div style='".concat(bt(NS({position:"absolute",left:n,top:r,width:i,height:a,border:"1px solid black"},o)),"'>\n                ").concat(t.layers.map((function(e){var t=e.toLayoutItemCSS();return("<div style='".concat(bt(NS({},t,{border:"1px solid dashed"})),"'></div>"))})).join(""),"\n            </div>")}return("<div></div>")}},{key:Df("refreshGridLayoutLine","refreshSelectionTool","refreshSelection"),value:function(){this.refresh()}},{key:Df("updateViewport"),value:function(){this.refresh()}}]),t}(If),YS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n            <div class='hover-view'>\n                <div class='hover-rect' ref='$hoverRect'></div>            \n            </div>\n        "}},{key:Df("config:bodyEvent"),value:function(){var e=rr.create(this.$config.get("bodyEvent").target).data("id");this.$editor.isPointerUp?(this.$selection.setHoverId(""),this.renderHoverLayer()):this.$selection.setHoverId(e)&&this.renderHoverLayer()}},{key:Df("updateViewport"),value:function(){this.$selection.setHoverId(""),this.renderHoverLayer()}},{key:"renderHoverLayer",value:function(){var e=this.$selection.hoverItems;if(0===e.length)this.refs.$hoverRect.updateDiff("");else{var t=e[0].verties(),n=this.createPointerLine(this.$viewport.applyVerties(t));this.refs.$hoverRect.updateDiff(n)}}},{key:"createPointerLine",value:function(e){return 0===e.length?"":'\n        <svg class=\'line\' overflow="visible">\n            <path \n                d="\n                    M '.concat(e[0][0],", ").concat(e[0][1]," \n                    L ").concat(e[1][0],", ").concat(e[1][1]," \n                    L ").concat(e[2][0],", ").concat(e[2][1]," \n                    L ").concat(e[3][0],", ").concat(e[3][1]," \n                    L ").concat(e[0][0],", ").concat(e[0][1],'\n                    Z\n                " \n                stroke-width="2"\n                />\n        </svg>')}}]),t}(If),_S=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{StyleView:Uw,HoverView:YS,SelectionToolView:qw,GroupSelectionToolView:oS,GuideLineView:hS,PathEditorView:RS,PathDrawView:BS,LayerAppendView:GS,GridLayoutLineView:XS}}},{key:"initState",value:function(){return{mode:"selection",x:nr.z(),y:nr.z(),width:nr.px(1e4),height:nr.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                <object refClass='StyleView' ref='$styleView' />\n                <object refClass='GuideLineView' ref='$guideLineView' />\n                <object refClass='HoverView' ref='$hoverView' />                \n                <object refClass='GridLayoutLineView' ref='$gridLayoutLineView' />\n                <object refClass='SelectionToolView' ref='$selectionTool' />\n                <object refClass='GroupSelectionToolView' ref='$groupSelectionTool' />\n                <object refClass='LayerAppendView' ref='$objectAddView' />\n                <object refClass='PathEditorView' ref='$pathEditorView' />\n                <object refClass='PathDrawView' ref='$pathDrawView' />\n          \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:Df("afterChangeMode"),value:function(){this.$el.attr("data-mode",this.$editor.mode)}},{key:Df("refElement"),value:function(e,t){st(t)&&t(this.getElement(e))}},{key:"getElement",value:function(e){return this.state.cachedCurrentElement[e]||(this.state.cachedCurrentElement[e]=this.refs.$view.$('[data-id="'.concat(e,'"]'))),this.state.cachedCurrentElement[e]}},{key:"checkEmptyElement",value:function(e){var t=rr.create(e.target),n=this.$viewport.createWorldPosition(e.clientX,e.clientY),r=this.$shortcuts.getGeneratedKeyCode($u.space);return!this.$keyboardManager.check(r)&&("selection"===this.state.mode&&(!e.altKey&&(t.hasClass("artboard")?!this.$selection.check({id:t.attr("data-id")})&&!this.$selection.hasPoint(n):!this.$selection.hasPoint(n)&&(!1===t.hasClass("element-item")&&!1===t.hasClass("artboard-title")&&!1===t.hasClass("selection-tool-item")&&!1===t.hasClass("pointer")&&!1===t.hasClass("rotate-pointer")&&!1===t.hasClass("layer-add-view")&&!1===t.hasClass("handle")&&!1===t.hasClass("path-draw-container")&&!1===t.isTag("svg")&&!1===t.isTag("path")&&!1===t.isTag("textPath")&&!1===t.isTag("polygon")&&!1===t.isTag("text")&&!1===t.isTag("img")&&"true"!==t.attr("data-segment")))))}},{key:Cr("$body")+Fr("checkEmptyElement")+Wr("movePointer")+Ur("moveEndPointer"),value:function(e){if(this.$target=rr.create(e.target),this.dragXY={x:e.xy.x,y:e.xy.y},this.rect=this.refs.$body.rect(),this.canvasOffset=this.refs.$view.rect(),this.canvasPosition={x:this.canvasOffset.left,y:this.canvasOffset.top},this.dragXY.x-=this.rect.x,this.dragXY.y-=this.rect.y,this.$editor.isSelectionMode()){var t={left:nr.px(this.dragXY.x),top:nr.px(this.dragXY.y),width:nr.z(),height:nr.z()};this.refs.$dragAreaRect.css(t),this.state.cachedCurrentElement={}}}},{key:"getSelectedItems",value:function(e,t){var n=this.$selection.currentProject,r=[],i=[];return n&&(0===e.width&&0===e.height?r=[]:(n.layers.forEach((function(e){e.is("artboard")&&e.isIncludeByArea(t)?i.push(e):e.is("artboard")&&e.checkInArea(t)&&!1===e.hasChildren()?r.push(e):r.push.apply(r,e.checkInAreaForAll(t))})),r.length>1&&(r=r.filter((function(e){return!1===e.is("artboard")}))))),i.length?i:r}},{key:"movePointer",value:function(e,t){this.$config.get("bodyEvent").shiftKey&&(t=e);var n={left:nr.px(this.dragXY.x+(e<0?e:0)),top:nr.px(this.dragXY.y+(t<0?t:0)),width:nr.px(Math.abs(e)),height:nr.px(Math.abs(t))};if(this.refs.$dragAreaRect.css(n),this.$editor.isSelectionMode()){var r=n.top,i=n.width,a=n.height,o={x:n.left.value,y:r.value,width:i.value,height:a.value},s=this.$viewport.createAreaVerties(o.x,o.y,o.width,o.height);if(this.$selection.currentProject){var c,l=this.getSelectedItems(o,s);(c=this.$selection).select.apply(c,j()(l))&&(this.selectCurrent.apply(this,j()(l)),this.emit("refreshSelectionTool",!0))}}}},{key:"moveEndPointer",value:function(e,t){var n=this.refs.$dragAreaRect.styles("left","top","width","height").map((function(e){return nr.parse(e)})),r=k()(n,4),i=r[0],a=r[1],o=r[2],s=r[3],c={x:i.value,y:a.value,width:o.value,height:s.value},l=this.$viewport.createAreaVerties(c.x,c.y,c.width,c.height);if(this.refs.$dragAreaRect.css({left:nr.px(-1e4),top:nr.z(),width:nr.z(),height:nr.z()}),this.$selection.currentProject){var u,h=this.getSelectedItems(c,l);(u=this.$selection).select.apply(u,j()(h))&&this.selectCurrent.apply(this,j()(h))}else this.$selection.select();this.emit("history.refreshSelection"),this.emit("refreshSelectionTool",!0),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:dr("$view .element-item.text"),value:function(e){e.$dt.addClass("focused"),e.$dt.attr("contenteditable","true"),e.$dt.focus(),e.$dt.select()}},{key:Sr("$view .element-item.text"),value:function(e){e.$dt.removeAttr("contenteditable"),e.$dt.removeClass("focused")}},{key:vr("$view .element-item.text"),value:function(e){var t=e.$dt.html(),n=e.$dt.text(),r=e.$dt.attr("data-id"),i=[];this.$selection.items.filter((function(e){return e.id===r})).forEach((function(e){e.reset({content:t,text:n}),i.push({id:e.id,content:t,text:n})})),this.emit("refreshContent",i),this.emit("refreshSelectionTool",!1)}},{key:"checkEditMode",value:function(e){var t=this.$viewport.createWorldPosition(e.clientX,e.clientY);if(this.$selection.hasPoint(t))return!0;var n=this.$shortcuts.getGeneratedKeyCode($u.space);if(this.$keyboardManager.check(n))return!1;var r=rr.create(e.target),i=r.closest("element-item");if(!i)return!1;if(i.hasClass("focused"))return!1;var a=i.attr("data-id");if(!1===e.altKey&&i.hasClass("artboard")){var o=this.$selection.currentProject.searchById(a);if(o&&o.hasChildren()&&!1===r.hasClass("artboard-title"))return!1}return this.$editor.isSelectionMode()}},{key:Cr("$view")+Fr("checkEditMode")+Wr("calculateMovedElement")+Ur("calculateEndedElement"),value:function(e){this.startXY=e.xy,this.initMousePoint=this.$viewport.createWorldPosition(e.clientX,e.clientY);var t=this.$selection.hasPoint(this.initMousePoint),n=rr.create(e.target),r=n.closest("element-item"),i=r&&r.attr("data-id");if(t&&r&&!1===r.hasClass("artboard")&&(t=!1),e.altKey)t||(n.hasClass("artboard-title")?this.$selection.selectById(i):!1===this.$selection.check({id:i})&&this.$selection.selectById(i)),!1===this.$selection.isEmpty&&(this.$selection.selectAfterCopy(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.selectCurrent.apply(this,j()(this.$selection.items)),this.initializeDragSelection(),this.emit("history.refreshSelection"));else{if(t);else if(n.hasClass("artboard-title"))this.$selection.selectById(i);else if(e.shiftKey)this.$selection.toggleById(i);else if(!1===this.$selection.check({id:i})){var a=this.$selection.currentProject.searchById(i);a&&a.is("artboard")&&a.hasChildren()||this.$selection.selectById(i)}this.selectCurrent.apply(this,j()(this.$selection.items)),this.initializeDragSelection(),this.emit("history.refreshSelection")}}},{key:"initializeDragSelection",value:function(){this.$selection.reselect(),this.$snapManager.clear(),this.emit("refreshSelectionTool")}},{key:"calculateMovedElement",value:function(){var e=this,t=this.$config.get("bodyEvent"),n=this.$viewport.createWorldPosition(t.clientX,t.clientY),r=D.d.floor([],D.d.subtract([],n,this.initMousePoint));this.selectionToolView.moveTo(r),this.$selection.changeArtBoard()&&(this.initMousePoint=n,this.$selection.reselect(),this.$snapManager.clear(),this.trigger("refreshAllCanvas"),this.emit("refreshLayerTreeView"),this.emit("refreshSelectionTool",!0)),this.nextTick((function(){e.emit("refreshSelectionStyleView"),e.emit("refreshSelectionTool",!1),e.emit("refreshRect")}))}},{key:Df("refreshArtBoardName"),value:function(e,t){this.$el.$("[data-id='".concat(e,"'] > .artboard-title")).html(t)}},{key:"calculateEndedElement",value:function(e,t){var n=this,r=this.$config.get("bodyEvent").xy,i=r.x-this.startXY.x,a=r.y-this.startXY.y;if(0===i&&0===a){if(this.$selection.current.isSVG())return void this.emit("openPathEditor")}else this.nextTick((function(){n.command("setAttributeForMulti","move item",n.$selection.cloneValue("x","y","width","height"))}))}},{key:ni("$body"),value:function(){var e=this.$editor,t=e.canvasWidth,n=e.canvasHeight;return{"data-mode":e.mode,tabIndex:-1,style:{width:nr.px(t),height:nr.px(n)}}}},{key:ni("$view"),value:function(){var e=this.$viewport,t=e.translate,n=e.transformOrigin,r=e.scale,i="translate(".concat(t[0],"px, ").concat(t[1],"px) scale(").concat(r||1,")"),a="".concat(n[0],"px ").concat(n[1],"px");return this.refs.$view.$$(".artboard-title").forEach((function(e){e.css("transform-origin","bottom left"),e.css("transform","scale(".concat(1/r,")"))})),{style:{"transform-origin":a,transform:i}}}},{key:"selectCurrent",value:function(){var e=this;this.state.cachedCurrentElement={};var t=this.$el.$$(".selected");t.length&&t.forEach((function(e){return e.removeClass("selected")}));for(var n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];if(r.length){var a=r.map((function(e){return"[data-id='".concat(e.id,"']")})).join(","),o=this.$el.$$(a);o.length&&o.forEach((function(t){e.state.cachedCurrentElement[t.attr("data-id")]=t,t.addClass("selected")}))}}},{key:Df("refreshCanvasForPartial","refreshSelectionStyleView"),value:function(e){var t=this,n=e?[e]:this.$selection.items;n.forEach((function(e){t.updateElement(e)})),this.selectCurrent.apply(this,j()(n))}},{key:"updateElement",value:function(e){e&&_b.update(e,this.getElement(e.id))}},{key:"updateTimelineElement",value:function(e){e&&_b.update(e,this.getElement(e.id))}},{key:Df("playTimeline","moveTimeline"),value:function(){var e=this,t=this.$selection.currentProject,n=t.getSelectedTimeline();n&&n.animations.map((function(e){return t.searchById(e.id)})).forEach((function(t){e.updateTimelineElement(t,!0,!1)}))}},{key:Df("refreshAllCanvas"),value:function(){var e=this.$selection.currentProject,t=_b.render(e)||"";this.setState({html:t},!1),this.refs.$view.updateDiff(t),this.bindData("$view")}},{key:Df("refreshAllElementBoundSize"),value:function(){var e=this,t=this.$selection.items.map((function(e){return e.is("artboard")?e:e.parent}));j()(new Set(t)).forEach((function(t){e.trigger("refreshElementBoundSize",t)}))}},{key:Df("refreshElementBoundSize"),value:function(e){var t=this;e&&e.layers.forEach((function(e){if(e.isLayoutItem()){var n=t.getElement(e.id);if(n){var r=n.offsetRect(),i=r.x,a=r.y,o=r.width,s=r.height;e.reset({x:nr.px(i),y:nr.px(a),width:nr.px(o),height:nr.px(s)}),t.trigger("refreshSelectionStyleView",e,!0)}}t.trigger("refreshElementBoundSize",e)}))}},{key:Df("updateViewport"),value:function(){this.bindData("$view")}},{key:"selectionToolView",get:function(){return this.$selection.isMany?this.children.$groupSelectionTool:this.children.$selectionTool}}]),t}(If);ki({HTMLRenderView:_S});var KS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{NumberInputEditor:kv}}},{key:"template",value:function(){return"     \n      <div class='page-tools'>\n        <button type='button' ref='$minus'>".concat(xf.remove2,"</button>\n        <div class='select'>\n          <object refClass=\"NumberInputEditor\"  ref='$scale' min='10' max='240' step=\"1\" key=\"scale\" value=\"").concat(100*this.$viewport.scale,"\" onchange=\"changeRangeEditor\" />\n        </div>\n        <label>%</label>\n        <button type='button' ref='$plus'>").concat(xf.add,"</button>        \n        <button type='button' ref='$center'>").concat(xf.gps_fixed,"</button>                \n      </div>\n\n    ")}},{key:Df("updateViewport"),value:function(){var e=Math.floor(100*this.$viewport.scale);this.children.$scale.setValue(e)}},{key:Df("changeRangeEditor")+Yr(1e3),value:function(e,t){this.$viewport.setScale(t/100),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:pr("$plus")+Zr+qr,value:function(){var e=this.$viewport.scale;this.$viewport.setScale(e+.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:pr("$minus")+Zr+qr,value:function(){var e=this.$viewport.scale;this.$viewport.setScale(e-.01),this.emit("updateViewport"),this.trigger("updateViewport")}},{key:pr("$center")+Zr+qr,value:function(){this.emit("moveSelectionToCenter")}}]),t}(If),WS={"segment-move":"modify",modify:"modify",path:"path"},US=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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 qg}},{key:Df("refreshSelection"),value:function(){var e=this.$selection.current;e&&(this.children.$fill.setValue(e.fill||"rgba(0, 0, 0, 0)"),this.children.$stroke.setValue(e.stroke||"rgba(0, 0, 0, 1)"),this.children.$fillOpacity.setValue(e["fill-opacity"]||nr.number(1)),this.children.$strokeWidth.setValue(e["stroke-width"]||nr.number(1)))}},{key:"template",value:function(){this.$selection.current;return("\n      <div class='path-manager'>\n        <div class='tools' ref='$mode' data-selected-value='".concat(this.state.mode,"'>\n            <button type=\"button\" data-value='modify' title='").concat(this.$i18n("path.manager.mode.modify"),"' > ").concat(xf.device_hub,"</button>\n            <button type=\"button\" data-value='path' title='").concat(this.$i18n("path.manager.mode.path"),"' > ").concat(xf.control_point,"</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(xf.flip,"</button>\n            <button type=\"button\" data-value='flipY' title='").concat(this.$i18n("path.manager.mode.flipY"),"'>").concat(xf.flip,"</button>\n            <button type=\"button\" data-value='flip' title='").concat(this.$i18n("path.manager.mode.flipOrigin"),"'>").concat(xf.flip,"</button>\n        </div>\n\n        <div class='tools' ref='$util'>\n            <button type=\"button\" data-value='reverse' title='").concat(this.$i18n("path.manager.mode.transform"),"' >").concat(xf.swap_horiz,'</button>\n        </div>        \n        <div class=\'tools\'>      \n          <div>\n            <object refClass="FillSingleEditor" ref="$fill" simple="true" label="').concat(this.$i18n("svg.item.property.fill"),'" key="fill" onchange="changeValue" />\n          </div>\n          <div>\n            <object refClass="FillSingleEditor" ref="$stroke" simple="true" label="').concat(this.$i18n("svg.item.property.stroke"),'" key="stroke" onchange="changeValue" />\n          </div>      \n          <div >\n            <span \n              refClass="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            <span \n              refClass="NumberInputEditor" \n              ref="$strokeWidth" \n              label="').concat(this.$i18n("svg.item.property.strokeWidth"),'" \n              key="stroke-width" \n              onchange="changeValue"\n            />\n          </div>\n        </div>\n      </div>    \n    '))}},{key:Df("setColorAsset"),value:function(e){var t=e.color;this.$el.isShow()&&(this.setState({stroke:t},!1),this.children.$stroke.setValue(t),this.updateData({stroke:t}),this.command("setAttribute","change color assets",{stroke:t},null,!0))}},{key:Df("changeValue"),value:function(e,t,n){this.command("setAttribute","change path",m()({},e,t),null,!0),this.updateData(m()({},e,t))}},{key:ni("$mode"),value:function(){return{"data-selected-value":WS[this.state.mode]}}},{key:"refresh",value:function(){this.bindData("$mode")}},{key:pr("$flip button"),value:function(e){var t=e.$dt.attr("data-value");this.emit("changePathTransform",t)}},{key:pr("$util button"),value:function(e){var t=e.$dt.attr("data-value");this.emit("changePathUtil",t)}},{key:pr("$mode button"),value:function(e){var t=e.$dt.attr("data-value");this.updateData({mode:t}),this.refresh()}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.emit(this.state.changeEvent,e)}},{key:Df("changePathManager"),value:function(e){this.setState({mode:e})}},{key:Df("showPathManager"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.changeEvent=e.changeEvent||"changePathManager",this.setState(e),this.$el.show(),this.emit("addStatusBarMessage",this.state.msg),this.emit("change.mode.view","PathEditorView")}},{key:Df("hidePathManager"),value:function(){this.$el.hide()}}]),t}(If);function ZS(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var qS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ZS(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ZS(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},qg)}},{key:Df("refreshSelection"),value:function(){var e=this.$selection.current;e&&(this.children.$stroke.setValue(e.stroke||"rgba(0, 0, 0, 1)"),this.children.$strokeWidth.setValue(e["stroke-width"]||nr.number(1)))}},{key:Df("setColorAsset"),value:function(e){var t=e.color;this.$el.isShow()&&(this.setState({stroke:t},!1),this.children.$stroke.setValue(t),this.updateData({stroke:t}))}},{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            <object refClass="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            <object refClass="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            <object refClass="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            <object refClass="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            <object refClass="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:Df("changeValue"),value:function(e,t,n){this.updateData(m()({},e,t))}},{key:"updateData",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};this.setState(e,!1),this.state.instance.trigger(this.state.changeEvent,e)}},{key:Df("changePathManager"),value:function(e){this.setState({mode:e})}},{key:Df("showDrawManager"),value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e.changeEvent=e.changeEvent||"changeDrawManager",this.setState(e),this.$el.show(),this.emit("addStatusBarMessage",this.state.msg),this.emit("hidePathManager")}},{key:Df("hideDrawManager"),value:function(){this.$el.hide()}}]),t}(If),JS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{PathManager:US,DrawManager:qS}}},{key:"template",value:function(){return"\n      <div class='page-subeditor'>\n        <object refClass='PathManager' />\n        <object refClass='DrawManager' />\n        <object refClass='SelectionManager' />\n      </div>\n    "}}]),t}(If),QS=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{PageTools:KS,HTMLRenderView:_S,PageSubEditor:JS}}},{key:"initState",value:function(){return{cursor:"auto",cursorArgs:[]}}},{key:"afterRender",value:function(){var e=this;this.emit("load.json"),this.trigger("resizeCanvas"),this.nextTick((function(){e.emit("moveSelectionToCenter")}))}},{key:"template",value:function(){return"\n      <div class='page-container' tabIndex=\"-1\" ref='$container'>\n        <div class='page-view'>\n          <div class='page-lock scrollbar' ref='$lock'>\n            <object refClass='HTMLRenderView' ref='$elementView' />\n            <div ref='$viewport'></div>\n          </div>\n        </div>\n        \x3c!--<PageSubEditor /> --\x3e\n        <object refClass='PageTools' />\n      </div>\n    "}},{key:"makeViewportConsole",value:function(){if(!this.$viewport.verties)return"";var e=this.$viewport.pos;return("\n      <div style='background-color: rgba(0, 0, 0, 0.5); color: white;position:absolute;left:0px;top:0px;bottom:0px;right:0px;pointer-events:none;'>\n        <div style='position:absolute;width:1px;height:100%;top:0px;left:50%;transform:translateX(-50%);background-color:black;'></div>  \n        <div style='position:absolute;height:1px;width:100%;top:50%;transform:translateY(-50%);background-color:black;'></div>                \n        <div style='position:absolute;display:inline-block;left:0px;top:50%;transform:translateY(-50%);'>".concat(Math.floor(this.$viewport.minX),"</div>\n        <div style='position:absolute;display:inline-block;right:0px;top:50%;transform:translateY(-50%);'>").concat(Math.floor(this.$viewport.maxX),"</div>\n        <div style='position:absolute;display:inline-block;left:50%;top:0px;transform:translateX(-50%)'>").concat(Math.floor(this.$viewport.minY),"</div>\n        <div style='position:absolute;display:inline-block;left:50%;bottom:0px;transform:translateX(-50%)'>").concat(Math.floor(this.$viewport.maxY),"</div>\n        <div style='position:absolute;top:50%;left:50%;display:inline-block;'>").concat(this.$viewport.transformOrigin.map((function(e){return Math.floor(e)})).join(", "),"</div>\n        <div style='position:absolute;left:").concat(e[0],"%;top:").concat(e[1],"%;display:inline-block;'>\n          mouse: ").concat(this.$viewport.mouse.map((function(e){return Math.floor(e)})).join(", ")," <br />\n          translate: ").concat(this.$viewport.translate.join(", ")," <br />          \n          zoom : ").concat(this.$viewport.zoomFactor," <br />\n        </div>                  \n\n      </div>\n    "))}},{key:"checkSpace",value:function(){return this.$keyboardManager.check(this.$shortcuts.getGeneratedKeyCode($u.space))}},{key:Cr("$lock")+Fr("checkSpace")+Wr("movePan"),value:function(e){this.lastDist=D.d.create(),this.emit("addStatusBarMessage",this.$i18n("viewport.panning.enable"))}},{key:"movePan",value:function(e,t){var n,r=D.d.fromValues(e,t,0);(n=this.$viewport).pan.apply(n,j()(D.d.transformMat4([],D.d.subtract([],this.lastDist,r),this.$viewport.scaleMatrixInverse))),this.lastDist=r}},{key:ni("$viewport"),value:function(){return""}},{key:ni("$container"),value:function(){var e,t;return li.a.async((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,li.a.awrap((e=this.$editor.cursorManager).load.apply(e,[this.state.cursor].concat(j()(this.state.cursorArgs||[]))));case 2:return t=n.sent,n.abrupt("return",{style:{cursor:t}});case 4:case"end":return n.stop()}}),null,this)}},{key:mr("$lock")+Zr,value:function(){}},{key:gr("$lock")+Zr,value:function(e){if(e.dataTransfer.getData("text/artboard")){var t=this.$viewport.createWorldPosition(e.clientX,e.clientY);this.emit("drop.asset",{artboard:{id:e.dataTransfer.getData("text/artboard"),center:t}})}else{Zf.getAllDropItems(e);var n=rr.create(e.target).attr("data-id");if(n)this.emit("drop.asset",{gradient:e.dataTransfer.getData("text/gradient"),pattern:e.dataTransfer.getData("text/pattern"),color:e.dataTransfer.getData("text/color"),imageUrl:e.dataTransfer.getData("image/info")},n);else{var r=e.dataTransfer.getData("image/info");this.emit("dropImageUrl",r)}}}},{key:Mr("$lock")+Zr,value:function(e){var t=this,n=function(e){var t=e.deltaX,n=e.deltaY;if(0===t&&e.shiftKey){var r=[t,n];n=r[0],t=r[1]}return e.deltaMode===WheelEvent.DOM_DELTA_LINE?n*=8:e.deltaMode===WheelEvent.DOM_DELTA_PAGE&&(n*=24),[ri(t,24),ri(n,24),0]}(e),r=k()(n,2),i=r[0],a=r[1];if(this.state.gesture)if(e.ctrlKey){var o=1-2.5*a/100;this.$viewport.zoom(o)}else{var s=-2.5*i,c=-2.5*a;this.$viewport.pan(-s/this.$viewport.scale,-c/this.$viewport.scale,0)}else e.ctrlKey&&this.$viewport.setMousePoint(e.clientX,e.clientY),this.emit("startGesture"),this.state.gesture=!0;clearTimeout(this.state.timer),this.state.timer=setTimeout((function(){t.state.gesture=void 0,t.emit("endGesture")}),200)}},{key:"refreshCanvasSize",value:function(){this.$viewport.refreshCanvasSize(this.refs.$lock.rect())}},{key:Df("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}},{key:Df("updateViewport"),value:function(){this.bindData("$viewport")}},{key:Df("changeIconView"),value:function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];"".concat(this.state.cursor," ").concat(this.state.cursorArgs)!=="".concat(e," ").concat(n)&&(this.state.cursor=e,this.state.cursorArgs=n,this.bindData("$container"))}}]),t}(If);ki({CanvasView:QS});var eP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n      <div class='tool-menu center'>\n        <div class='items'>\n          <div class='draw-items' ref='$items' data-selected-value=\"".concat(this.$editor.layout,"\">\n\n            <object refClass='SelectTool' />\n            <object refClass='AddArtBoard' />\n            <span data-item='css'>\n              <object refClass='AddRect' />\n              <object refClass='AddCircle' />         \n              <object refClass='AddText' />\n              <object refClass='AddImage' />\n              <object refClass='AddVideo' />\n              <object refClass='AddIFrame' />\n            </span>            \n            <span data-item='svg'>\n              <div class='divider'></div>\n              <object refClass='AddDrawPath' />\n              <object refClass='AddPath' />\n              <object refClass='AddSVGRect' />\n              <object refClass='AddSVGCircle' />            \n              \x3c!-- <AddSVGText /> --\x3e\n              <object refClass='AddSVGTextPath' />\n              <object refClass='AddPolygon' />\n            </span>\n          </div>\n        </div>\n\n      </div>\n    ")}},{key:Df("changedEditorlayout"),value:function(){this.refs.$items.attr("data-selected-value",this.$editor.layout)}},{key:Df("noneSelectMenu"),value:function(){var e=this.refs.$items.$(".selected");e&&e.removeClass("selected")}},{key:pr("$items button"),value:function(e){e.$dt.onlyOneClass("selected")}}]),t}(If);ki({ToolMenu:eP});var tP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{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    "}}]),t}(If);ki({LogoView:tP});var nP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return Fk}},{key:"template",value:function(){return'\n      <div class=\'external-tool-menu  right\'>\n        <div class=\'items\'>\n          <object refClass="Download" />\n          <object refClass="Save" />\n          <object refClass="Github" />\n          <object refClass="Manual" />\n          \x3c!-- LoginButton /--\x3e\n          \x3c!-- SignButton /--\x3e\n        </div>                \n      </div>\n    '}}]),t}(If);ki({ExternalToolMenu:nP});var rP=Object.keys(Ws),iP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Hf}}},{key:"template",value:function(){var e=this,t=rP.map((function(t){var n=e.$i18n("app.lang.".concat(t));return"".concat(t,":").concat(n)}));return"\n            <div class='status-selector'>\n                <label>".concat(this.$i18n("app.label.lang"),"</label>\n                <div class='item'>\n                    <object refClass=\"SelectEditor\"  \n                        ref='$locale' \n                        options=\"").concat(t.join(","),'" \n                        value="').concat(this.$editor.locale,'" \n                        onchange="changeLocale"\n                    /> \n                </div>\n            </div>\n        ')}},{key:Df("changeLocale"),value:function(e,t){this.emit("setLocale",t)}}]),t}(If),aP=["dark","light","toon"],oP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Hf}}},{key:"template",value:function(){var e=this,t=aP.map((function(t){var n=e.$i18n("app.theme.".concat(t));return"".concat(t,":").concat(n)}));return"\n            <div class='status-selector'>\n                <label>".concat(this.$i18n("app.label.theme"),"</label>\n                <div class='item'>\n                    <object refClass=\"SelectEditor\"  \n                        ref='$locale' \n                        options=\"").concat(t.join(","),'" \n                        value="').concat(this.$editor.theme,'" \n                        onchange="changeItem"\n                    /> \n                </div>\n            </div>\n        ')}},{key:Df("changeItem"),value:function(e,t){this.emit("switchTheme",t)}}]),t}(If),sP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{SelectEditor:Hf}}},{key:"template",value:function(){var e=this,t=["all","css","svg"].map((function(t){var n=e.$i18n("app.layout.".concat(t));return"".concat(t,":").concat(n)}));return"\n            <div class='status-selector'>\n                <label>".concat(this.$i18n("app.label.layout"),"</label>\n                <div class='item'>\n                    <object refClass=\"SelectEditor\"  \n                        ref='$locale' \n                        options=\"").concat(t,'" \n                        value="').concat(this.$editor.layout,'" \n                        onchange="changeEditorLayoutValue"\n                    /> \n                </div>\n            </div>\n        ')}},{key:Df("changeEditorLayoutValue"),value:function(e,t){this.emit("setEditorLayout",t)}}]),t}(If),cP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initState",value:function(){return{version:"0.10.6"}}},{key:"template",value:function(){return'<div class="version-view">v'.concat(this.state.version,"</div>")}}]),t}(If),lP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"components",value:function(){return{LayoutSelector:sP,LanguageSelector:iP,ThemeSwitcher:oP,VersionView:cP}}},{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                    <object refClass=\"LayoutSelector\" />\n                    <object refClass=\"ThemeSwitcher\" />\n                    <object refClass=\"LanguageSelector\" />\n                    <object refClass=\"VersionView\" />\n                </div>\n            </div>\n        "}},{key:"initState",value:function(){return{msg:""}}},{key:ni("$msg"),value:function(){return{text:this.state.msg}}},{key:Df("addStatusBarMessage"),value:function(e){this.setState({msg:e})}}]),t}(If);ki({StatusBar:lP});var uP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n            <div class='notification-view'>\n            </div>\n        "}},{key:Lr("$el"),value:function(e){rr.create(e.target).remove()}},{key:pr("$el .item > .icon"),value:function(e){e.$dt.parent().remove()}},{key:"getMessageTemplate",value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:2e3;return("\n        <div class='item ".concat(e,"' style='transition-duration: ").concat(r,"ms;'>\n            <div class='title'>").concat(t,"</div> \n            <div class='description'>").concat(n,"</div>\n            <span class='icon'>").concat(xf.close,"</span>\n        </div>\n    "))}},{key:Df("notify"),value:function(e,t,n){var r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:2e3,i=rr.createByHTML(this.getMessageTemplate(e,t,n,r));this.$el.prepend(i),setTimeout((function(e){e.css("opacity",0)}),100,i)}}]),t}(If);ki({NotificationView:uP});var hP=[],pP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n            <div class=\"horizontal-ruler\">\n                <div class='horizontal-ruler-container' ref='$layerRuler'></div>                            \n                <div class='horizontal-ruler-container' ref='$ruler'></div>\n            </div>\n        "}},{key:"afterRender",value:function(){this.refreshCanvasSize()}},{key:"refreshCanvasSize",value:function(){this.state.rect=this.$el.rect()}},{key:"makeLine",value:function(e,t,n,r,i,a){var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:3,s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,l=n-n%t,u=r+r%t,h=(l-n)/i*a,p=(l+t-n)/i*a;if(!(Math.abs(p-h)<o))for(var d=l;d<u;d+=t)if(0==d||d%c!=0){var f=Math.floor((d-n)/i*a);e.push("M ".concat(f," ").concat(30-s," L ").concat(f," 30 "))}}},{key:"makeLineText",value:function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=(arguments.length>6&&void 0!==arguments[6]&&arguments[6],arguments.length>7&&void 0!==arguments[7]?arguments[7]:10),s=[],c=t-t%e,l=n+n%e,u=(c-t)/r*i,h=(c+e-t)/r*i;if(!(Math.abs(h-u)<a)){for(var p=c;p<l;p+=e)if(0==p||p%o!=0){var d=Math.floor((p-t)/r*i);s.push('<text x="'.concat(d,'" y="',0,'" dx="2" dy="8" text-anchor="middle" alignment-baseline="bottom" >').concat(p,"</text>"))}return s.join("")}}},{key:"makeRulerForCurrentArtboard",value:function(){var e=this.$selection.current;if(!e)return"";var t=e.artboard;if(!t)return"";var n=t.verties(),r=this.$viewport,i=r.minX,a=(r.maxX,r.width),o=this.state.rect.width,s=(n[0][0]-i)/a*o,c=(n[2][0]-i)/a*o;return"\n            M ".concat(s," 20 \n            L ").concat(s," 30 \n            L ").concat(c," 30 \n            L ").concat(c," 20 \n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var e=this.$selection.verties.map((function(e){return e[0]})),t=Math.min.apply(Math,j()(e)),n=Math.max.apply(Math,j()(e)),r=this.$viewport,i=r.minX,a=r.width,o=this.state.rect.width,s=(t-i)/a*o,c=(n-i)/a*o;return"\n            M ".concat(s," 10 \n            L ").concat(s," 20 \n            L ").concat(c," 20 \n            L ").concat(c," 10 \n            Z\n        ")}},{key:"makeRuler",value:function(){var e=this.$viewport,t=e.minX,n=e.maxX,r=e.width,i=this.state.rect.width;return hP=[],this.makeLine(hP,200,t,n,r,i,10,20,1e4),this.makeLine(hP,100,t,n,r,i,10,20,200),this.makeLine(hP,50,t,n,r,i,10,20,100),this.makeLine(hP,10,t,n,r,i,10,20,50),this.makeLine(hP,5,t,n,r,i,10,20,10),this.makeLine(hP,1,t,n,r,i,10,20,5),this.makeLine(hP,.5,t,n,r,i,10,20,1),hP.join("")}},{key:"makeRulerText",value:function(){var e=this.$viewport,t=e.minX,n=e.maxX,r=e.width,i=this.state.rect.width;return[this.makeLineText(200,t,n,r,i,5,25,1e4),this.makeLineText(100,t,n,r,i,5,20,200),this.makeLineText(50,t,n,r,i,20,18,100),this.makeLineText(10,t,n,r,i,20,15,50),this.makeLineText(5,t,n,r,i,20,13,10),this.makeLineText(1,t,n,r,i,20,20,5)].join("")}},{key:Jr("$ruler")+Xr,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" width="100%" overflow="hidden">\n                <path d="'.concat(this.makeRuler(),'" fill="transparent" stroke-width="0.5" stroke="white" transform="translate(0.5, 0)" />\n                ').concat(this.makeRulerText(),"                \n            </svg>\n        ")}},{key:Jr("$layerRuler")+Xr,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" width="100%" overflow="hidden">\n                <path d="'.concat(this.makeRulerForCurrent(),'" fill="rgba(100, 255, 255, 0.5)" />\n            </svg>\n        ')}},{key:Df("updateViewport"),value:function(){this.refresh()}},{key:Df("refreshSelection","refreshRect"),value:function(){this.load("$layerRuler")}},{key:Df("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),t}(If);ki({HorizontalRuler:pP});var dP=[],fP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"template",value:function(){return"\n            <div class=\"vertical-ruler\">\n                <div class='vertical-ruler-container' ref='$layerRuler'></div>                                        \n                <div class='vertical-ruler-container' ref='$body'></div>\n            </div>\n        "}},{key:"afterRender",value:function(){this.refreshCanvasSize()}},{key:"refreshCanvasSize",value:function(){this.state.rect=this.$el.rect()}},{key:"makeLine",value:function(e,t,n,r,i,a){var o=arguments.length>6&&void 0!==arguments[6]?arguments[6]:3,s=arguments.length>7&&void 0!==arguments[7]?arguments[7]:30,c=arguments.length>8&&void 0!==arguments[8]?arguments[8]:10,l=n-n%t,u=r+r%t,h=(l-n)/i*a,p=(l+t-n)/i*a;if(!(Math.abs(p-h)<o))for(var d=l;d<u;d+=t)if(0==d||d%c!=0){var f=Math.floor((d-n)/i*a);e.push("M ".concat(30-s," ").concat(f," L 30 ").concat(f))}}},{key:"makeLineText",value:function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:3,o=(arguments.length>6&&void 0!==arguments[6]&&arguments[6],arguments.length>7&&void 0!==arguments[7]?arguments[7]:10),s=[],c=t-t%e,l=n+n%e,u=(c-t)/r*i,h=(c+e-t)/r*i;if(!(Math.abs(h-u)<a)){for(var p=c;p<l;p+=e)if(!(p>0&&p%o==0)){var d=Math.floor((p-t)/r*i);s.push('<text x="'.concat(1,'" y="',d,'" dy="3" dx="-4" transform="rotate(270, 5, ').concat(d,')">').concat(p,"</text>"))}return s.join("")}}},{key:"makeRulerForCurrentArtboard",value:function(){var e=this.$selection.current;if(!e)return"";var t=e.artboard;if(!t)return"";var n=t.verties(),r=this.$viewport,i=r.minY,a=(r.maxY,r.height),o=this.state.rect.height,s=(n[0][1]-i)/a*o,c=(n[2][1]-i)/a*o;return"\n            M 20 ".concat(s,"\n            L 30 ").concat(s,"\n            L 30 ").concat(c,"\n            L 20 ").concat(c,"\n            Z\n        ")}},{key:"makeRulerForCurrent",value:function(){if(!this.$selection.current)return"";var e=this.$viewport,t=e.minY,n=(e.maxY,e.height),r=this.state.rect.height,i=this.$selection.verties.map((function(e){return e[1]})),a=(Math.min.apply(Math,i)-t)/n*r,o=(Math.max.apply(Math,i)-t)/n*r;return"\n            M 10 ".concat(a,"\n            L 20 ").concat(a,"\n            L 20 ").concat(o,"\n            L 10 ").concat(o,"\n            Z\n        ")}},{key:"makeRuler",value:function(){var e=this.$viewport,t=e.minY,n=e.maxY,r=e.height,i=this.state.rect.height;return dP=[],this.makeLine(dP,200,t,n,r,i,10,18,1e4),this.makeLine(dP,100,t,n,r,i,10,18,200),this.makeLine(dP,50,t,n,r,i,10,18,100),this.makeLine(dP,10,t,n,r,i,10,18,50),this.makeLine(dP,5,t,n,r,i,10,18,10),this.makeLine(dP,1,t,n,r,i,10,18,5),this.makeLine(dP,.5,t,n,r,i,10,18,1),dP.join("")}},{key:"makeRulerText",value:function(){var e=this.$viewport,t=e.minY,n=e.maxY,r=e.height,i=this.state.rect.height;return[this.makeLineText(200,t,n,r,i,5,25,1e4),this.makeLineText(100,t,n,r,i,5,22,200),this.makeLineText(50,t,n,r,i,20,18,100),this.makeLineText(10,t,n,r,i,20,15,50),this.makeLineText(5,t,n,r,i,20,12,10),this.makeLineText(1,t,n,r,i,20,10,5)].join("")}},{key:Jr("$body")+Xr,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" height="100%" overflow="hidden">\n                <path d="'.concat(this.makeRuler(),'" fill="transparent" stroke-width="0.5" stroke="white" transform="translate(0, 0.5)" />\n                ').concat(this.makeRulerText(),"\n            </svg>\n        ")}},{key:Jr("$layerRuler")+Xr,value:function(){return this.state.rect&&0!=this.state.rect.width||(this.state.rect=this.$el.rect()),'\n            <svg width="100%" height="100%" overflow="hidden">\n                <path d="'.concat(this.makeRulerForCurrent(),'" fill="rgba(100, 255, 255, 0.5)" />\n            </svg>\n        ')}},{key:Df("updateViewport"),value:function(){this.refresh()}},{key:Df("refreshSelection","refreshRect"),value:function(){this.load("$layerRuler")}},{key:Df("resize.window","resizeCanvas"),value:function(){this.refreshCanvasSize()}}]),t}(If);ki({VerticalRuler:fP});var vP=["TEXTAREA","INPUT","SELECT"],yP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"initialize",value:function(){si()(Xn()(t.prototype),"initialize",this).call(this);var e=rr.body();e.attr("data-theme",this.$editor.theme),e.addClass(navigator.userAgent.includes("Windows")?"ua-window":"ua-default")}},{key:"initState",value:function(){return{hideLeftPanel:!1,hideRightPanel:!1,leftSize:340,rightSize:300,bottomSize:30,lastBottomSize:150}}},{key:Df("changed.locale"),value:function(){this.rerender()}},{key:"template",value:function(){return"\n      <div class=\"layout-main\">\n        <div class='layout-top' ref='$top'>\n          <div class='logo-item'>\n            <label class='logo' title='EasyLogic Studio'></label>\n          </div>      \n          <object refClass=\"ToolMenu\" />\n          <object refClass='PageSubEditor' />    \n        </div>\n        <div class=\"layout-middle\" ref='$middle'>\n          <div class=\"layout-header\" ref='$headerPanel'>\n  \n          </div>        \n          <div class=\"layout-body\" ref='$bodyPanel'>\n            <object refClass='HorizontalRuler' />\n            <object refClass='VerticalRuler' />\n            <object refClass='CanvasView' />        \n          </div>                           \n          <div class='layout-left' ref='$leftPanel'>\n            <object refClass='ObjectList' />\n          </div>\n          <div class=\"layout-right\" ref='$rightPanel'>\n            <object refClass='Inspector' />\n          </div>\n\n          <div class='layout-footer' ref='$footerPanel'>\n            <div class='footer-splitter' ref='$footerSplitter' title=\"".concat(this.$i18n("timeline.property.resize"),"\"></div>\n            <object refClass='TimelineProperty' />\n          </div>   \n          <div class='splitter' ref='$splitter'></div>\n          <button type=\"button\" class='toggleLeft' ref='$toggleLeftButton'></button>\n          <button type=\"button\" class='toggleRight' ref='$toggleRightButton'></button>\n        </div>\n        \n        <object refClass='StatusBar' />\n        <object refClass='Test' />\n        <object refClass='ColorPickerPopup' />\n        <object refClass='BoxShadowPropertyPopup' />\n        <object refClass='BackgroundImagePositionPopup' />\n        <object refClass='TextShadowPropertyPopup' />\n        <object refClass='AnimationPropertyPopup' />\n        <object refClass='TransitionPropertyPopup' />\n        <object refClass='KeyframePopup' />\n        <object refClass='ClipPathPopup' />\n        <object refClass='SVGPropertyPopup' />\n        <object refClass='SelectorPopup' />\n        <object refClass='ImageSelectPopup' />\n        <object refClass='GradientPickerPopup' />\n        <object refClass='FillPickerPopup' />\n        <object refClass='PatternInfoPopup' />\n        <object refClass='SVGFilterPopup' />\n        <object refClass='ExportWindow' />\n        <object refClass='ShortcutWindow' />\n        \x3c!-- LoginWindow / --\x3e\n        \x3c!-- SignWindow / --\x3e\n        \x3c!-- ImageFileView / --\x3e\n        <object refClass='NotificationView' />\n      </div>\n    ")}},{key:ni("$headerPanel"),value:function(){var e="".concat(this.state.leftSize,"px"),t="".concat(this.state.rightSize,"px");return this.state.hideLeftPanel&&(e="0px"),this.state.hideRightPanel&&(t="0px"),{style:{left:e,right:t}}}},{key:ni("$splitter"),value:function(){var e="".concat(this.state.leftSize,"px");return this.state.hideLeftPanel&&(e="0px"),{style:{left:e}}}},{key:ni("$leftPanel"),value:function(){var e="0px",t=nr.px(this.state.leftSize),n=nr.px(this.state.bottomSize);return this.state.hideLeftPanel&&(e="-".concat(this.state.leftSize,"px")),{style:{left:e,width:t,bottom:n}}}},{key:ni("$toggleLeftButton"),value:function(){var e="0px",t=xf.arrowRight;return!1===this.state.hideLeftPanel&&(e="".concat(this.state.leftSize,"px"),t=xf.arrowLeft),{style:{left:e},html:t}}},{key:ni("$toggleRightButton"),value:function(){var e="0px",t=xf.arrowLeft;return!1===this.state.hideRightPanel&&(e="".concat(this.state.rightSize,"px"),t=xf.arrowRight),{style:{right:e},html:t}}},{key:ni("$rightPanel"),value:function(){var e="0px",t=nr.px(this.state.bottomSize);return this.state.hideRightPanel&&(e="-".concat(this.state.rightSize,"px")),{style:{right:e,bottom:t}}}},{key:ni("$bodyPanel"),value:function(){var e="".concat(this.state.leftSize,"px"),t="".concat(this.state.rightSize,"px"),n="".concat(this.state.bottomSize,"px");return this.state.hideLeftPanel&&(e="0px"),this.state.hideRightPanel&&(t="0px"),{style:{left:e,right:t,bottom:n}}}},{key:ni("$footerPanel"),value:function(){return{style:{height:nr.px(this.state.bottomSize)}}}},{key:"components",value:function(){return{ToolMenu:eP,PageSubEditor:JS,CanvasView:QS,LogoView:tP,ExternalToolMenu:nP,StatusBar:lP,PreviewToolMenu:Tw,NotificationView:uP,HorizontalRuler:pP,VerticalRuler:fP}}},{key:Cr("$splitter")+Wr("moveSplitter"),value:function(){this.minSize=this.$theme("left_size"),this.maxSize=this.$theme("left_max_size"),this.leftSize=nr.parse(this.refs.$splitter.css("left")).value}},{key:"moveSplitter",value:function(e){this.setState({leftSize:Math.max(Math.min(this.leftSize+e,this.maxSize),this.minSize)})}},{key:Cr("$footerSplitter")+Wr("moveFooterSplitter"),value:function(){this.minFooterSize=this.$theme("bottom_size"),this.maxFooterSize=this.$theme("bottom_max_size"),this.bottomSize=nr.parse(this.refs.$footerPanel.css("height")).value}},{key:"moveFooterSplitter",value:function(e,t){var n=Math.max(Math.min(this.bottomSize-t,this.maxFooterSize),this.minFooterSize);this.setState({bottomSize:n,lastBottomSize:n}),this.trigger("changeTimelineHeight")}},{key:Df("changeTimelineHeight")+Kr(100),value:function(){this.emit("refreshTimeline")}},{key:"refresh",value:function(){this.bindData("$splitter"),this.bindData("$headerPanel"),this.bindData("$leftPanel"),this.bindData("$rightPanel"),this.bindData("$toggleRightButton"),this.bindData("$toggleLeftButton"),this.bindData("$bodyPanel"),this.bindData("$footerPanel"),this.emit("resizeEditor")}},{key:pr("$toggleRightButton"),value:function(){var e=this;this.toggleState("hideRightPanel"),setTimeout((function(){e.emit("resizeCanvas")}),100)}},{key:pr("$toggleLeftButton"),value:function(){var e=this;this.toggleState("hideLeftPanel"),setTimeout((function(){e.emit("resizeCanvas")}),100)}},{key:Df("changeTheme"),value:function(){rr.body().attr("data-theme",this.$editor.theme)}},{key:Df("toggleFooter"),value:function(e){this.$el.toggleClass("show-footer",e),this.$el.hasClass("show-footer")?30===this.state.bottomSize&&(this.state.bottomSize=this.state.lastBottomSize||this.$theme("bottom_size")):this.state.bottomSize=30,this.refresh()}},{key:Lr("$el .layout-footer"),value:function(e){this.emit("toggleFooterEnd")}},{key:Df("refreshAll"),value:function(){this.emit("refreshProjectList"),this.trigger("refreshAllSelectProject")}},{key:Df("refreshAllSelectProject"),value:function(){this.emit("refreshArtboard")}},{key:mr("$middle")+Zr,value:function(e){}},{key:gr("$middle")+Zr,value:function(e){}},{key:"isNotFormElement",value:function(e){var t=e.target.tagName;return!vP.includes(t)&&"true"!==rr.create(e.target).attr("contenteditable")}},{key:fr("document")+Fr("isNotFormElement"),value:function(e){this.emit("keymap.keydown",e)}},{key:vr("document")+Fr("isNotFormElement"),value:function(e){this.emit("keymap.keyup",e)}}]),t}(If);function gP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?gP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):gP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function bP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}ki({DesignEditor:yP});var kP=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?bP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):bP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},Hc,{},Wo,{BackgroundImage:So,BorderImage:function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"addImageResource",value:function(e){return this.clear("image-resource"),this.addItem("image-resource",e)}},{key:"addGradient",value:function(e){return this.addImageResource(e)}},{key:"setImageUrl",value:function(e){e.images&&e.images.length&&this.reset({type:"image",image:this.createImage(e.images[0])})}},{key:"createImage",value:function(e){return new Ua({url:e})}},{key:"setGradient",value:function(e){this.reset({type:e.type,image:this.createGradient(e,this.json.image)})}},{key:"createGradient",value:function(e,t){var n=e.colorsteps,r=e.angle,i=e.radialType,a=e.radialPosition,o=t.toJSON();switch(delete o.itemType,delete o.type,e.type){case"static-gradient":return new Ya(mP({},o,{colorsteps:n}));case"linear-gradient":return new to(mP({},o,{colorsteps:n,angle:r}));case"repeating-linear-gradient":return new no(mP({},o,{colorsteps:n,angle:r}));case"radial-gradient":return new so(mP({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"repeating-radial-gradient":return new co(mP({},o,{colorsteps:n,radialType:i,radialPosition:a}));case"conic-gradient":return new fo(mP({},o,{colorsteps:n,angle:r,radialPosition:a}));case"repeating-conic-gradient":return new vo(mP({},o,{colorsteps:n,angle:r,radialPosition:a}))}return new Na}},{key:"getDefaultObject",value:function(){return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,{itemType:"border-image",checked:!1,repeat:"stretch",slice:{},width:{},image:Ya.create()})}},{key:"convert",value:function(e){return Object.keys(e.slice).forEach((function(t){e.slice[t]=nr.parse(e.slice[t])})),e}},{key:"toBorderImageOffsetCSS",value:function(){var e=this;return Object.keys(this.json.offset).map((function(t){return e.json.offset[t].toString()})).join(" ")}},{key:"toBorderImageCSS",value:function(){if(!this.json.image)return{};var e=this.json.image.toString();return{"border-image-source":"".concat(e)}}},{key:"toBorderImageRepeatCSS",value:function(){return this.json.repeat?{"border-image-repeat":"".concat(this.json.repeat)}:{}}},{key:"toBorderImageWidthCSS",value:function(){var e=this;if(!this.json.width)return{};if(0===Object.keys(this.json.width).filter((function(t){return e.json.width[t].value>0})).length)return{};var t=Object.keys(this.json.width).map((function(t){return e.json.width[t].toString()})).join(" ");return{"border-image-width":"".concat(t)}}},{key:"toBorderImageSliceCSS",value:function(){var e=this;if(!this.json.slice)return{};var t=Object.keys(this.json.slice).map((function(t){var n=e.json.slice[t];return n.isPercent()?n.toString():n.value})).join(" ");return{"border-image-slice":"".concat(t)}}},{key:"toCSS",value:function(){return mP({},this.toBorderImageCSS(),{},this.toBorderImageRepeatCSS(),{},this.toBorderImageSliceCSS(),{},this.toBorderImageWidthCSS())}},{key:"toString",value:function(){return Ze(this.toCSS(),(function(e,t){return"".concat(e,": ").concat(t)})).join(";")}},{key:"image",get:function(){return this.json.image},set:function(e){this.json.image=e}}],[{key:"parse",value:function(e){return new t(e)}},{key:"parseStyle",value:function(e){var n=null;if(e["border-image"]){var r=fn(e["border-image"]);r.str.match(/((linear\-gradient|repeating\-linear\-gradient|radial\-gradient|repeating\-radial\-gradient|conic\-gradient|repeating\-conic\-gradient|url)\(([^\)]*)\))/gi).forEach((function(i,a){var o=null;i=yn(i,r.matches);var s=e["border-image"].replace(i,"").split(" ").map((function(e){return nr.parse(e)}));i.includes("repeating-linear-gradient")?o=no.parse(i):i.includes("linear-gradient")?o=to.parse(i):i.includes("repeating-radial-gradient")?o=co.parse(i):i.includes("radial")?o=so.parse(i):i.includes("repeating-conic-gradient")?o=vo.parse(i):i.includes("conic")?o=fo.parse(i):i.includes("url")&&(o=Ua.parse(i)),n=new t({type:o.type,image:o});var c=s.filter((function(e){return ct(e.value)}));1===c.length?n.reset({slice:{top:c[0].clone(),bottom:c[0].clone(),left:c[0].clone(),right:c[0].clone()}}):2===c.length?n.reset({slice:{top:c[0].clone(),bottom:c[0].clone(),left:c[1].clone(),right:c[1].clone()}}):3===c.length?n.reset({slice:{top:c[0].clone(),bottom:c[2].clone(),left:c[1].clone(),right:c[1].clone()}}):4===c.length&&n.reset({slice:{top:c[0].clone(),bottom:c[2].clone(),left:c[3].clone(),right:c[1].clone()}})}))}return n}}]),t}(Yi),BoxShadow:ba}),xP={ColorStep:Fa,ConicGradient:fo,LinearGradient:to,RadialGradient:so,RepeatingConicGradient:vo,RepeatingLinearGradient:no,RepeatingRadialGradient:co,URLImageResource:Ua},wP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"is",value:function(){for(var e,n=arguments.length,r=new Array(n),i=0;i<n;i++)r[i]=arguments[i];return!!r.includes("component")||(e=si()(Xn()(t.prototype),"is",this)).call.apply(e,[this].concat(r))}},{key:"getProps",value:function(){return[]}}]),t}(jS);function SP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function PP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?SP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):SP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("component",wP);var jP=["front","back","left","right","top","bottom"],OP={"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"},$P={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},CP={filter:!0,"mix-blend-mode":!0,"background-image":!0,"border-radius":!0,border:!0},EP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,PP({itemType:"cube",name:"New Cube","transform-style":"preserve-3d","backface-visibility":"visible",rate:nr.number(1),transform:"rotateX(10deg) rotateY(30deg)",border:"border:1px solid black"},e))}},{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(j()(jP.map((function(e){return{key:"".concat(e,".color"),editor:"ColorViewEditor",editorOptions:{label:e,params:"".concat(e,".color")},defaultValue:"rgba(0, 0, 0, 1)"}}))),["Background Image"],j()(jP.map((function(e){return{key:"".concat(e,".background"),editor:"BackgroundImageEditor",editorOptions:{title:e},defaultValue:""}}))))}},{key:"setCustomKeyframes",value:function(e,t){t.property.includes(".color")&&e.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(OP[t.property]),properties:[PP({},t,{property:"background-color"})]}),t.property.includes(".background")&&e.push({selector:'[data-id="'.concat(this.json.id,'"] ').concat(OP[t.property]),properties:[PP({},t,{property:"background-image"})]})}},{key:"toAnimationKeyframes",value:function(e){var t=this,n=[],r=[],i=[];e.forEach((function(e){e.property.includes(".color")||e.property.includes(".background")?n.push(e):$P[e.property]?r.push(e):CP[e.property]&&i.push(e)}));var a=[];return r.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"]'),properties:r}),i.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"] div'),properties:i}),n.length&&n.forEach((function(e){t.setCustomKeyframes(a,e)})),a}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).rate=nr.parse(e.rate),e}},{key:"toCloneObject",value:function(){var e=this,n={};return jP.forEach((function(t){n["".concat(t,".color")]=e.json["".concat(t,".color")],n["".concat(t,".background")]=e.json["".concat(t,".background")]})),PP({},si()(Xn()(t.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 xf.cube}},{key:"toDefaultCSS",value:function(){var e={};return this.json.x&&(e.left=this.json.x),this.json.y&&(e.top=this.json.y),e.visibility=this.json.visible?"visible":"hidden",PP({},e,{},this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return PP({},this.toVariableCSS(),{},this.toDefaultCSS(),{},this.toWebkitCSS(),{},this.toBoxModelCSS(),{},this.toAnimationCSS(),{},this.toTransitionCSS(),{},this.toLayoutItemCSS())}},{key:"toNestedCSS",value:function(){var e=this.json,t=e.rate.value,n=e.width,r=e.height,i=n.value/2,a=r.value/2,o=e["backface-visibility"],s=PP({},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(bt(s),"\n        ").trim()},{selector:".front",cssText:"\n          transform:rotateY(0deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";     \n          backface-visibility: ").concat(o,";          \n          ").concat(e["front.color"]?"background-color: ".concat(e["front.color"],";"):"","\n          ").concat(e["front.background"]?"".concat(e["front.background"],";"):"","\n\n        ").trim()},{selector:".back",cssText:"\n          transform: rotateY(180deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";        \n          backface-visibility: ").concat(o,";              \n          ").concat(e["back.color"]?"background-color: ".concat(e["back.color"],";"):"","                  \n          ").concat(e["back.background"]?"".concat(e["back.background"],";"):"","\n        ").trim()},{selector:".left",cssText:"\n          transform: rotateY(-90deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";    \n          backface-visibility: ").concat(o,";          \n          ").concat(e["left.color"]?"background-color: ".concat(e["left.color"],";"):"","                          \n          ").concat(e["left.background"]?"".concat(e["left.background"],";"):"","\n        ").trim()},{selector:".right",cssText:"\n          transform: rotateY(90deg) translateZ(".concat(i*t,"px);\n          width: ").concat(n,";\n          height: ").concat(r,";      \n          backface-visibility: ").concat(o,";          \n          ").concat(e["right.color"]?"background-color: ".concat(e["right.color"],";"):"","                        \n          ").concat(e["right.background"]?"".concat(e["right.background"],";"):"","          \n        ").trim()},{selector:".top",cssText:"\n          transform: rotateX(90deg) translateZ(".concat(a*t,"px);\n          top: ").concat(a-i,"px;\n          width: ").concat(n,";\n          height: ").concat(n,";\n          backface-visibility: ").concat(o,";          \n          ").concat(e["top.color"]?"background-color: ".concat(e["top.color"],";"):"","      \n          ").concat(e["top.background"]?"".concat(e["top.background"],";"):"","              \n        ").trim()},{selector:".bottom",cssText:"\n          transform: rotateX(-90deg) translateZ(".concat(a*t,"px);\n          top: ").concat(a-i,"px;          \n          width: ").concat(n,";\n          height: ").concat(n,";    \n          backface-visibility: ").concat(o,";          \n          ").concat(e["bottom.color"]?"background-color: ".concat(e["bottom.color"],";"):"","\n          ").concat(e["bottom.background"]?"".concat(e["bottom.background"],";"):"","                          \n        ").trim()}]}},{key:"toSVG",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=this.json,i=r.width,a=r.height,o=this.toCSS(),s=this.toNestedCSS(),c={},l=s.find((function(e){return"div"===e.selector}))||{cssText:""};return l=l.cssText.replace(/\n/g,""),jP.forEach((function(e){c[e]=s.find((function(t){return t.selector==="."+e}))||{cssText:""},c[e]=c[e].cssText.replace(/\n/g,"")})),n?(delete o.left,delete o.top,"absolute"===o.position&&delete o.position,this.wrapperRootSVG(e,t,i,a,"\n        <foreignObject ".concat(xt({width:i.value,height:a.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(bt(o),'">\n            ').concat(jP.map((function(e){return'<div style="'.concat(l,";").concat(c[e],'"></div>')})).join(""),"          \n          </div>   \n          </div>\n        </foreignObject>          \n\n      "))):"\n        ".concat(this.toDefString,"\n        <foreignObject ").concat(xt({width:i.value,height:a.value,overflow:"visible"}),'>\n          <div xmlns="http://www.w3.org/1999/xhtml">\n            <div style="').concat(bt(o),'">\n              ').concat(jP.map((function(e){return'<div style="'.concat(l,";").concat(c[e],'"></div>')})).join(""),"          \n            </div>   \n          </div>\n        </foreignObject>          \n      ")}},{key:"html",get:function(){var e=this.json,t=e.id,n=e.itemType;return("\n      <div class='element-item ".concat(n,"' data-id=\"").concat(t,'">\n        ').concat(this.toDefString,"\n        ").concat(jP.map((function(e){return"<div class='".concat(e,"'></div>")})).join(""),"\n      </div>"))}},{key:"svg",get:function(){var e=this.json.x.value,t=this.json.y.value;return this.toSVG(e,t)}}],[{key:"getIcon",value:function(){return xf.cube}}]),t}(wP);function TP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function VP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?TP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):TP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("cube",EP);var DP={count:!0,rate:!0,face:!0},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},MP={filter:!0,"mix-blend-mode":!0,"background-image":!0,"background-color":!0,"border-radius":!0,border:!0},LP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,VP({itemType:"cylinder",name:"New Cylinder","transform-style":"preserve-3d","backface-visibility":"visible",transform:"rotateX(10deg) rotateY(30deg)",count:nr.number(40),rate:nr.number(1),border:"border-top: 1px solid black;border-bottom: 1px solid black;"},e))}},{key:"getProps",value:function(){var e=this.json.count.value;return["Side",{key:"count",editor:"NumberRangeEditor",editorOptions:{label:"Count",min:3,max:100,step:1},refresh:!0,defaultValue:e},{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(j()(ft(e).map((function(e,t){return{key:"face.".concat(t,".color"),editor:"ColorViewEditor",editorOptions:{label:"face ".concat(t),params:"face.".concat(t,".color")},defaultValue:"rgba(0, 0, 0, 1)"}}))),["Background"],j()(ft(e).map((function(e,t){return{key:"face.".concat(t,".background"),editor:"BackgroundImageEditor",editorOptions:{title:"face ".concat(t)},defaultValue:""}}))))}},{key:"setCustomKeyframes",value:function(e,t){var n=this;if("rate"===t.property){var r=this.json.width,i=this.json.count.value,a=r.value/2,o=360/i,s=ft(i).map((function(e,r){var i=r*o;return{selector:'[data-id="'.concat(n.json.id,'"] .face[data-index="').concat(r,'"]'),properties:[{keyframes:t.keyframes.map((function(e){var t=e.time,n=e.value,r=e.timing;return{time:t,value:"rotateY(".concat(i,"deg) translateZ(").concat(a*n,"px)"),timing:r}})),property:"transform"}]}}));e.push.apply(e,s)}if(t.property.includes(".color")){var c=t.property.split("."),l=k()(c,3),u=(l[0],l[1]);l[2];e.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(u,'"]'),properties:[VP({},t,{property:"background-color"})]})}if(t.property.includes(".background")){var h=t.property.split("."),p=k()(h,3);p[0],u=p[1],p[2];e.push({selector:'[data-id="'.concat(this.json.id,'"] .face[data-index="').concat(u,'"]'),properties:[VP({},t,{property:"background-image"})]})}}},{key:"toAnimationKeyframes",value:function(e){var t=this,n=[],r=[],i=[];e.forEach((function(e){e.property.includes("face")||DP[e.property]?n.push(e):IP[e.property]?r.push(e):MP[e.property]&&i.push(e)}));var a=[];return r.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"]'),properties:r}),i.length&&a.push({selector:'[data-id="'.concat(this.json.id,'"] div'),properties:i}),n.length&&n.forEach((function(e){t.setCustomKeyframes(a,e)})),a}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).count=nr.parse(e.count),e.rate=nr.parse(e.rate),e}},{key:"toCloneObject",value:function(){var e=this,n={};return ft(this.json.count.value).forEach((function(t,r){n["face.".concat(r,".color")]=e.json["face.".concat(r,".color")],n["face.".concat(r,".background")]=e.json["face.".concat(r,".background")]})),VP({},si()(Xn()(t.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 xf.cylinder}},{key:"toDefaultCSS",value:function(){var e={};return this.json.x&&(e.left=this.json.x),this.json.y&&(e.top=this.json.y),VP({},e,{},this.toKeyListCSS("position","right","bottom","width","height","transform-origin","transform","transform-style","perspective","perspective-origin"))}},{key:"toCSS",value:function(){return VP({},this.toVariableCSS(),{},this.toDefaultCSS(),{},this.toWebkitCSS(),{},this.toBoxModelCSS(),{},this.toAnimationCSS(),{},this.toTransitionCSS())}},{key:"toNestedCSS",value:function(){var e=this.json,t=e.count.value,n=e.width,r=e["backface-visibility"],i=e.rate.value,a=this.cylinderInfo,o=a.angle,s=a.r,c=a.faceWidth,l=VP({},this.toKeyListCSS("filter","mix-blend-mode","border-radius","opacity","background-color"),{},this.toBackgroundImageCSS(),{},this.toBorderCSS(),{},this.toClipPathCSS()),u=ft(t).map((function(t,n){var r=n*o,a="face.".concat(n,".color"),c="face.".concat(n,".background");return{selector:'.face[data-index="'.concat(n,'"]'),cssText:"\n          transform:rotateY(".concat(r,"deg) translateZ(").concat(s*i,"px);\n          ").concat(e[a]?"background-color: ".concat(e[a],";"):"","\n          ").concat(e[c]?"".concat(e[c],";"):"","\n        ").trim()}}));return[{selector:".face",cssText:"\n          position: absolute;\n          left: ".concat(n.value/2-c/2,"px;\n          top: 0px;\n          bottom: 0px;\n          right: 0px;\n          width: ").concat(c,"px;\n          backface-visibility: ").concat(r,";\n          opacity: 1;\n          pointer-events: none;\n          ").concat(bt(l),"\n        ").trim()}].concat(j()(u))}},{key:"updateFunction",value:function(e){if(si()(Xn()(t.prototype),"updateFunction",this).call(this,e),+e.attr("data-count")!==this.json.count.value){e.$$(".face").forEach((function(e){return e.remove()}));var n=ft(this.json.count.value).map((function(e,t){return"<div class='face' data-index=\"".concat(t,'"></div>')})).join("");e.appendHTML(n),e.attr("data-count",this.json.count)}}},{key:"cylinderInfo",get:function(){var e=this.json.width.value,t={x:o=e/2,y:e/2},n=[],r=this.json.count.value;r<3&&(r=3);for(var i=360/r,a=0;a<360;a+=i)n.push(B(a,o,t.x,t.y));var o,s=G(n[0].x,n[0].y,n[1].x,n[1].y),c={x:(n[0].x+n[1].x)/2,y:(n[0].y+n[1].y)/2};return{polygon:n,faceWidth:s,angle:i,r:o=G(c.x,c.y,t.x,t.y)}}},{key:"html",get:function(){var e=this.json,t=e.id,n=e.itemType,r=this.json.count.value;return"\n      <div class='element-item ".concat(n,"' data-id=\"").concat(t,'" data-count="').concat(r,'">\n        ').concat(this.toDefString,"\n        ").concat(ft(r).map((function(e,t){return"<div class='face' data-index=\"".concat(t,'"></div>')})).join(""),"\n      </div>")}},{key:"svg",get:function(){var e=this.json,t=e.width,n=e.height,r=e.x,i=e.y;r=r.value,i=i.value;var a=this.toCSS(),o=this.toNestedCSS(),s=this.json.count.value,c=o.find((function(e){return".face"===e.selector}))||{cssText:""};c=c.cssText.replace(/\n/g,"");var l=ft(s).map((function(e,t){return o[t+1].cssText.replace(/\n/g,"")}));return delete a.left,delete a.top,"absolute"===a.position&&delete a.position,'\n    <g transform="translate('.concat(r,", ").concat(i,')">\n    ').concat(this.toDefString,"\n      <foreignObject ").concat(xt({width:t.value,height:n.value,overflow:"visible"}),'>\n        <div xmlns="http://www.w3.org/1999/xhtml">\n          <div style="').concat(bt(a),'">\n            ').concat(ft(s).map((function(e,t){return"<div class='face' data-index=\"".concat(t,"\" style='").concat(c,";").concat(l[t],";'></div>")})).join(""),"\n          </div>\n        </div>\n      </foreignObject>    \n    </g>\n")}}],[{key:"getIcon",value:function(){return xf.cylinder}}]),t}(wP);function RP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function AP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?RP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):RP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("cylinder",LP);var zP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return xf.image}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,AP({itemType:"image",name:"New Image",elementType:"image",src:""},e))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Image"}},{key:"getIcon",value:function(){return xf.image}},{key:"toCloneObject",value:function(){return AP({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}]),t}(jS);function FP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function BP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?FP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):FP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("image",zP);var GP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return xf.title}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,BP({itemType:"svg-text",name:"New Text",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text","font-weight":nr.number(100),textLength:nr.em(0),lengthAdjust:"spacingAndGlyphs","shape-inside":"","shape-subtract":"","shape-margin":"","shape-padding":""},e))}},{key:"enableHasChildren",value:function(){return!1}},{key:"setCache",value:function(){this.rect=this.clone(!1)}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).textLength=nr.parse(e.textLength),e}},{key:"toCloneObject",value:function(){this.json;return BP({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("totalLength","text","textLength","lengthAdjust","shape-inside"))}},{key:"getDefaultTitle",value:function(){return"Text"}},{key:"toAnimationKeyframes",value:function(e){var t=e.filter((function(e){return rv(e.property)})),n=e.filter((function(e){return av(e.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:n},{selector:'[data-id="'.concat(this.json.id,'"] text'),properties:t}]}}]),t}(CS);function HP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function NP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?HP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):HP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("svgtext",GP);var XP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return xf.text_rotate}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,NP({itemType:"svg-textpath",name:"New TextPath",d:"",totalLength:0,fill:"rgba(0, 0, 0, 1)",text:"Insert a text",textLength:nr.em(0),lengthAdjust:"spacingAndGlyphs",startOffset:nr.em(0)},e))}},{key:"enableHasChildren",value:function(){return!1}},{key:"setCache",value:function(){this.cachePath=new ea(this.json.d),this.cachePath.scale(1/this.json.width.value,1/this.json.height.value)}},{key:"recover",value:function(){this.cachePath||this.setCache();var e=this.json.width.value,t=this.json.height.value;this.json.d=this.cachePath.clone().scaleTo(e,t)}},{key:"convert",value:function(e){return(e=si()(Xn()(t.prototype),"convert",this).call(this,e)).textLength=nr.parse(e.textLength),e.startOffset=nr.parse(e.startOffset),e}},{key:"toCloneObject",value:function(){return NP({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("totalLength","d","text","textLength","lengthAdjust","startOffset"))}},{key:"getDefaultTitle",value:function(){return"TextPath"}},{key:"toAnimationKeyframes",value:function(e){var t=e.filter((function(e){return rv(e.property)})),n=e.filter((function(e){return iv(e.property)})),r=e.filter((function(e){return av(e.property)}));return[{selector:'[data-id="'.concat(this.json.id,'"]'),properties:r},{selector:'[data-id="'.concat(this.json.id,'"] textPath'),properties:t},{selector:'[data-id="'.concat(this.json.id,'"] path'),properties:n}]}}]),t}(CS);function YP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?YP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):YP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("svg-textpath",XP);var KP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return xf.title}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,_P({itemType:"text",name:"New Text",elementType:"p",content:""},e))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Text"}},{key:"toCloneObject",value:function(){return _P({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("content"))}}]),t}(jS);function WP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function UP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?WP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):WP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("text",KP);var ZP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return xf.rect}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,UP({itemType:"rect",name:"New Rect"},e))}},{key:"getDefaultTitle",value:function(){return"Rect"}}]),t}(jS);function qP(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function JP(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?qP(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):qP(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("rect",ZP);var QP=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getIcon",value:function(){return xf.lens}},{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,JP({itemType:"circle",name:"New Circle","border-radius":"100%"},e))}},{key:"getDefaultTitle",value:function(){return"Circle"}}]),t}(jS);function ej(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function tj(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ej(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ej(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("circle",QP);var nj=function(e){function t(){return zn()(this,t),Hn()(this,Xn()(t).apply(this,arguments))}return _n()(t,e),Bn()(t,[{key:"getDefaultObject",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return si()(Xn()(t.prototype),"getDefaultObject",this).call(this,tj({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"},e))}},{key:"enableHasChildren",value:function(){return!1}},{key:"getDefaultTitle",value:function(){return"Video"}},{key:"getIcon",value:function(){return xf.video}},{key:"toCloneObject",value:function(){return tj({},si()(Xn()(t.prototype),"toCloneObject",this).call(this),{},this.attrs("src"))}},{key:"resize",value:function(){this.reset({width:this.json.naturalWidth.clone(),height:this.json.naturalHeight.clone()})}}],[{key:"getIcon",value:function(){return xf.video}}]),t}(jS);function rj(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ij(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?rj(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rj(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}aa.registerComponent("video",nj);var aj=ij({createDesignEditor:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{type:"white"};return Rf(ij({className:"designeditor",container:document.getElementById("app"),template:'\n        <div>\n          <object refClass="DesignEditor" />\n        </div>\n      '},e))},DesignEditor:yP},kP,{},xP,{},{Project:Xs,ArtBoard:iS,RectLayer:ZP,CircleLayer:QP,ImageLayer:zP,TextLayer:KP,VideoLayer:nj,SVGPathItem:VS,SVGTextItem:GP,SVGTextPathItem:XP,Component:wP,CubeLayer:EP,CylinderLayer:LP},{},{AssetParser:Sc,PathGenerator:wS,PathParser:ea,PathStringManager:ps,Point:qi,SegmentManager:fS,PolygonParser:fs},{Length:nr});function oj(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function sj(){return new aj.createDesignEditor({version:"0.10.6"})}t.default=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?oj(Object(n),!0).forEach((function(t){m()(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):oj(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({version:"@@VERSION@@"},Af,{},aj,{startEditor:sj});window.EasylogicEditor=sj(),"serviceWorker"in navigator&&window.addEventListener("load",(function(){navigator.serviceWorker.register("/service-worker.js").then((function(e){console.log("SW registered: ",e)})).catch((function(e){console.log("SW registration failed: ",e)}))}))}})}));
\ No newline at end of file
diff --git a/docs/service-worker.js b/docs/service-worker.js
index 1f0c0497c..74b44098a 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,c,s)=>{i[r]||(i[r]=Promise.resolve().then(()=>{let i={};const n={uri:location.origin+r.slice(1)};return Promise.all(c.map(r=>{switch(r){case"exports":return i;case"module":return n;default:return e(r)}})).then(e=>{const r=s(...e);return i.default||(i.default=r),i})}))}}define("./service-worker.js",["./workbox-24aa846e"],(function(e){"use strict";e.skipWaiting(),e.clientsClaim(),e.precacheAndRoute([{url:"./index.html",revision:"52012308ce12de7aa3672433974727fd"},{url:"3a8ca398e6a5c3b83f4de7c60843a9a0.png",revision:"3a8ca398e6a5c3b83f4de7c60843a9a0"},{url:"icon.png",revision:"3a8ca398e6a5c3b83f4de7c60843a9a0"},{url:"main.css?303cf9964b7327850591",revision:"f56d55fc525d14c843cdc11a93684666"},{url:"main.js?b8ae243bfe1eaa219e07",revision:"4acb6d853bbe8ed7215b549d0a534ef2"},{url:"vendors~main.js?d1e9460fdff256ebbdac",revision:"e0bc252f827bf0625dea96929cc31460"}],{})}));
+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:"d38fc838456cfb3ece984eeb2f5020fc"},{url:"3a8ca398e6a5c3b83f4de7c60843a9a0.png",revision:"3a8ca398e6a5c3b83f4de7c60843a9a0"},{url:"icon.png",revision:"3a8ca398e6a5c3b83f4de7c60843a9a0"},{url:"main.css?303cf9964b7327850591",revision:"f56d55fc525d14c843cdc11a93684666"},{url:"main.js?7ce7c1c148ffcf4724ff",revision:"e303211fa6e29f5c7c357983fb3dca53"},{url:"vendors~main.js?d1e9460fdff256ebbdac",revision:"e0bc252f827bf0625dea96929cc31460"}],{})}));
diff --git a/src/commands/newComponent.js b/src/commands/newComponent.js
index 4b3de5a54..b0cf2da9e 100644
--- a/src/commands/newComponent.js
+++ b/src/commands/newComponent.js
@@ -51,21 +51,12 @@ export default function newComponent (editor, itemType, obj, isSelected = true,
             content: 'Insert a text',
             'font-size': Length.px(30)
         }        
-    } else if (itemType === 'rect') {
-        obj = {
-            ...obj,
-        }        
-    } else if (itemType === 'circle') {
-        obj = {
-            ...obj,
-        }                
     } else if (itemType === 'artboard') {
         obj = {
             ...obj,
             'background-color': 'white'
         }        
-    }
-
+    } 
 
     editor.command('addLayer', `add layer - ${itemType}`, editor.createItem({
         itemType, 
diff --git a/src/i18n/locales/en_US.js b/src/i18n/locales/en_US.js
index 86fb7d0fe..45fb63579 100644
--- a/src/i18n/locales/en_US.js
+++ b/src/i18n/locales/en_US.js
@@ -136,6 +136,8 @@ export default {
     'export.property.title': 'Export',    
     'export.property.download': 'Download',    
 
+    'iframe.property.title': 'IFrame',
+
     'image.property.title': 'Image',
     'image.property.origin': 'Origin',    
     'image.property.size': 'Size',    
diff --git a/src/i18n/locales/fr_FR.js b/src/i18n/locales/fr_FR.js
index 390e043f5..8d0681159 100644
--- a/src/i18n/locales/fr_FR.js
+++ b/src/i18n/locales/fr_FR.js
@@ -133,6 +133,8 @@ export default {
     'export.property.title': 'Exporter',    
     'export.property.download': 'Télécharger',    
 
+    'iframe.property.title': 'IFrame',
+
     'image.property.title': 'Image',
     'image.property.origin': 'Origine',    
     'image.property.size': 'Taille',    
diff --git a/src/i18n/locales/ko_KR.js b/src/i18n/locales/ko_KR.js
index b5387e982..d08c027b5 100644
--- a/src/i18n/locales/ko_KR.js
+++ b/src/i18n/locales/ko_KR.js
@@ -136,6 +136,8 @@ export default {
     'export.property.title': '내보내기',
     'export.property.download': '다운로드',
 
+    'iframe.property.title': '아이프레임',
+
     'image.property.title': '이미지',    
     'image.property.origin': '원본',    
     'image.property.size': '크기',    
diff --git a/src/icon/icon.js b/src/icon/icon.js
index 99cb44c93..e22110c67 100644
--- a/src/icon/icon.js
+++ b/src/icon/icon.js
@@ -152,6 +152,8 @@ import horizontal_distribute from "./horizontal_distribute";
 import delete_forever from "./delete_forever";
 import horizontal_rule from "./horizontal_rule";
 import navigation from "./navigation";
+import web from "./web";
+
 
 
 const alias = {
@@ -161,6 +163,7 @@ const alias = {
 
 export default {
   ...alias,
+  web,
   navigation,
   delete_forever,
   horizontal_rule,
diff --git a/src/icon/web.js b/src/icon/web.js
new file mode 100644
index 000000000..e2e5e5ccb
--- /dev/null
+++ b/src/icon/web.js
@@ -0,0 +1,3 @@
+import _icon_template from "./_icon_template";
+
+export default _icon_template(`<path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-5 14H4v-4h11v4zm0-5H4V9h11v4zm5 5h-4V9h4v9z"/>`)
\ No newline at end of file
diff --git a/src/items/layers/IFrameLayer.js b/src/items/layers/IFrameLayer.js
new file mode 100644
index 000000000..157be359f
--- /dev/null
+++ b/src/items/layers/IFrameLayer.js
@@ -0,0 +1,36 @@
+import { Layer } from "../Layer";
+import icon from "@icon/icon";
+import { ComponentManager } from "@manager/ComponentManager";
+
+export class IFrameLayer extends Layer {
+
+  getIcon () {
+    return icon.web;
+  }  
+
+  getDefaultObject(obj = {}) {
+    return super.getDefaultObject({
+      itemType: 'iframe',
+      elementType: 'iframe',
+      name: 'New IFrame',      
+      url: '',
+      ...obj
+    });
+  }
+
+  toCloneObject() {
+    return {
+      ...super.toCloneObject(),
+      ...this.attrs('url'),
+    }
+  }
+
+
+  getDefaultTitle() {
+    return "IFrame";
+  } 
+
+
+}
+ 
+ComponentManager.registerComponent('iframe', IFrameLayer); 
\ No newline at end of file
diff --git a/src/renderer/HTMLRenderer/IFrameRender.js b/src/renderer/HTMLRenderer/IFrameRender.js
new file mode 100644
index 000000000..d95a59f20
--- /dev/null
+++ b/src/renderer/HTMLRenderer/IFrameRender.js
@@ -0,0 +1,35 @@
+import LayerRender from "./LayerRender";
+
+export default class IFrameRender extends LayerRender {
+    
+
+    update (item, currentElement) {
+
+        let $iframe = currentElement.$("iframe");
+    
+        if ($iframe) {
+          $iframe.attr('src', item.url || 'about:blank');    
+        }
+    
+        super.update(item, currentElement);
+    }    
+
+  /**
+   * 
+   * @param {Item} item 
+   */
+   render (item) {
+    var {id, url =  'about:blank'} = item;
+
+    return /*html*/`
+      <div class='element-item iframe' data-id="${id}">
+        ${this.toDefString(item)}
+        <iframe 
+            width="100%" 
+            height="100%" 
+            style="border:0px;width:100%;height:100%;pointer-events:none;" 
+            src="${url}"
+        ></iframe>
+      </div>`
+  }
+}
\ No newline at end of file
diff --git a/src/renderer/HTMLRenderer/index.js b/src/renderer/HTMLRenderer/index.js
index 63a3b75d1..dce34e53e 100644
--- a/src/renderer/HTMLRenderer/index.js
+++ b/src/renderer/HTMLRenderer/index.js
@@ -4,6 +4,7 @@ import { Item } from '@items/Item';
 import ArtBoardRender from './ArtBoardRender';
 import CircleRender from './CircleRender';
 import CubeRender from './CubeRender';
+import IFrameRender from './IFrameRender';
 import ImageRender from './ImageRender';
 import ProjectRender from './ProjectRender';
 import RectRender from './RectRender';
@@ -40,6 +41,7 @@ const renderers = {
     'svg-text': new SVGTextRender(),
     'svg-textpath': new SVGTextPathRender(),
     'cube': new CubeRender(),
+    'iframe': new IFrameRender(),
 }
 
 export default {
diff --git a/src/ui/control/ComponentItems.js b/src/ui/control/ComponentItems.js
index b41912634..51c1dd5c9 100644
--- a/src/ui/control/ComponentItems.js
+++ b/src/ui/control/ComponentItems.js
@@ -1,14 +1,10 @@
 import UIElement from "@core/UIElement";
-import menuItems from "../menu-items";
+import "../menu-items";
 import { CLICK } from "@core/Event";
 import { registElement } from "@core/registerElement";
 
 export default class ComponentItems extends UIElement {
 
-  components() {
-    return menuItems
-  }
-
   template() {
     return /*html*/`
       <div class='component-items'>
@@ -27,6 +23,7 @@ export default class ComponentItems extends UIElement {
             <object refClass="AddText" title='Text' />
             <object refClass="AddImage" title='Image' />
             <object refClass="AddVideo" title='Video' />
+            <object refClass="AddIFrame" title='IFrame' />            
           </div>
         </div>
         <div class='group'>
diff --git a/src/ui/control/Inspector.js b/src/ui/control/Inspector.js
index 8b6ab3151..5269403da 100644
--- a/src/ui/control/Inspector.js
+++ b/src/ui/control/Inspector.js
@@ -1,7 +1,7 @@
 import UIElement from "@core/UIElement";
 
 import { CLICK } from "@core/Event";
-import property from "../property/index";
+import "../property/index";
 import icon from "@icon/icon";
 import { registElement } from "@core/registerElement";
 
@@ -54,6 +54,9 @@ export default class Inspector extends UIElement {
                 <!-- Video --> 
                 <object refClass="VideoProperty" />
 
+                <!-- IFrame --> 
+                <object refClass="IFrameProperty" />                
+
                 <!-- Component -->
                 <object refClass="ComponentProperty" />                
                 
@@ -129,10 +132,6 @@ export default class Inspector extends UIElement {
     `;
   }
 
-  components() {
-    return property;
-  }
-
   [CLICK("$header .tab-item:not(.empty-item)")](e) {
 
     var selectedIndex = +e.$dt.attr('data-value')
diff --git a/src/ui/control/LayerTab.js b/src/ui/control/LayerTab.js
index 00b0f89be..01eac92aa 100644
--- a/src/ui/control/LayerTab.js
+++ b/src/ui/control/LayerTab.js
@@ -1,28 +1,17 @@
 import UIElement from "@core/UIElement";
-import ObjectItems from "./ObjectItems";
+import "./ObjectItems";
 import { CLICK } from "@core/Event";
-import LibraryItems from "./LibraryItems";
-import ComponentItems from "./ComponentItems";
+import "./LibraryItems";
+import "./ComponentItems";
 import icon from "@icon/icon";
-import PreviewToolMenu from "../view/PreviewToolMenu";
-import ShortCutItems from "./ShortCutItems";
-import property from "../property";
-import ArtboardItems from "./ArtboardItems";
+import "../view/PreviewToolMenu";
+import "./ShortCutItems";
+import "../property";
+import "./ArtboardItems";
 import { registElement } from "@core/registerElement";
 
 
 export default class LayerTab extends UIElement {
-  components() {
-    return {
-      ShortCutItems,
-      ...property,
-      ObjectItems, 
-      ComponentItems,
-      LibraryItems,
-      PreviewToolMenu,
-      ArtboardItems
-    }
-  }
 
   initState() {
     return {
diff --git a/src/ui/control/LibraryItems.js b/src/ui/control/LibraryItems.js
index c87a386e1..c5fca4d1e 100644
--- a/src/ui/control/LibraryItems.js
+++ b/src/ui/control/LibraryItems.js
@@ -4,11 +4,7 @@ import clipArt from "../clip-art";
 import { registElement } from "@core/registerElement";
 
 export default class LibraryItems extends UIElement {
-  components() {
-    return {
 
-    }
-  }
   template() {
     return /*html*/`
       <div class='library-items'>
diff --git a/src/ui/control/ObjectItems.js b/src/ui/control/ObjectItems.js
index b167234c7..fa7ed3673 100644
--- a/src/ui/control/ObjectItems.js
+++ b/src/ui/control/ObjectItems.js
@@ -1,14 +1,8 @@
 import { registElement } from "@core/registerElement";
 import UIElement from "@core/UIElement";
-import LayerTreeProperty from "../property/LayerTreeProperty";
-
+import "../property/LayerTreeProperty";
 
 export default class ObjectItems extends UIElement {
-  components() {
-    return {
-      LayerTreeProperty
-    }
-  }
   template() {
     return /*html*/`
       <div class='object-items'>
diff --git a/src/ui/control/ObjectList.js b/src/ui/control/ObjectList.js
index 70fca9ccd..947a8ad63 100644
--- a/src/ui/control/ObjectList.js
+++ b/src/ui/control/ObjectList.js
@@ -1,13 +1,8 @@
 import { registElement } from "@core/registerElement";
 import UIElement from "@core/UIElement";
-import LayerTab from "./LayerTab";
+import "./LayerTab";
 
 export default class ObjectList extends UIElement {
-  components() {
-    return {
-      LayerTab
-    }
-  }
   template() {
     return /*html*/`
       <div class="feature-control object-list">
diff --git a/src/ui/menu-items/AddIFrame.js b/src/ui/menu-items/AddIFrame.js
new file mode 100644
index 000000000..98a02b508
--- /dev/null
+++ b/src/ui/menu-items/AddIFrame.js
@@ -0,0 +1,22 @@
+import MenuItem from "./MenuItem";
+import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
+ 
+export default class AddIFrame extends MenuItem {
+  getIconString() {
+    return 'web';
+  }
+  getTitle() {
+    return this.props.title || "IFrame";
+  }
+
+  clickButton(e) {
+    this.emit('addLayerView', 'iframe');
+  }
+
+  [EVENT('addLayerView')] (type) {
+    this.setSelected(type === 'iframe');
+  }
+}
+
+registElement({ AddIFrame })
\ No newline at end of file
diff --git a/src/ui/menu-items/index.js b/src/ui/menu-items/index.js
index d184aae02..87794b76d 100644
--- a/src/ui/menu-items/index.js
+++ b/src/ui/menu-items/index.js
@@ -32,9 +32,11 @@ import AddDrawPath from "./AddDrawPath";
 import AddDrawBrush from "./AddDrawBrush";
 import AddVideo from "./AddVideo";
 import KeyBoard from "./KeyBoard";
+import AddIFrame from "./AddIFrame";
 
 
 export default {
+  AddIFrame,
   KeyBoard,
   AddVideo,
   AddDrawBrush,  
diff --git a/src/ui/property-editor/PathDataEditor.js b/src/ui/property-editor/PathDataEditor.js
index 6e9e28d08..ef9f06d35 100644
--- a/src/ui/property-editor/PathDataEditor.js
+++ b/src/ui/property-editor/PathDataEditor.js
@@ -1,6 +1,7 @@
 import UIElement from "@core/UIElement";
 import { LOAD, INPUT, DEBOUNCE, CLICK } from "@core/Event";
 import PathParser from "@parser/PathParser";
+import { registElement } from "@core/registerElement";
 
 
 export default class PathDataEditor extends UIElement {
@@ -137,4 +138,6 @@ export default class PathDataEditor extends UIElement {
             this.updateData();
         }
     }
-}
\ No newline at end of file
+}
+
+registElement({ PathDataEditor })
\ No newline at end of file
diff --git a/src/ui/property-editor/SVGFilterSelectEditor.js b/src/ui/property-editor/SVGFilterSelectEditor.js
index 86db235b9..8f4a195b1 100644
--- a/src/ui/property-editor/SVGFilterSelectEditor.js
+++ b/src/ui/property-editor/SVGFilterSelectEditor.js
@@ -1,6 +1,7 @@
 import UIElement, { EVENT } from "@core/UIElement";
 import { LOAD, CHANGE, BIND, DEBOUNCE, CLICK } from "@core/Event";
 import icon from "@icon/icon";
+import { registElement } from "@core/registerElement";
 
 export default class SVGFilterSelectEditor extends UIElement {
 
@@ -182,4 +183,6 @@ export default class SVGFilterSelectEditor extends UIElement {
             this.emit('refreshSVGArea');
         }
     }    
-}
\ No newline at end of file
+}
+
+registElement({ SVGFilterSelectEditor })
\ No newline at end of file
diff --git a/src/ui/property-editor/TextAreaEditor.js b/src/ui/property-editor/TextAreaEditor.js
index 12aa61dee..3a79ea27e 100644
--- a/src/ui/property-editor/TextAreaEditor.js
+++ b/src/ui/property-editor/TextAreaEditor.js
@@ -1,6 +1,7 @@
 import UIElement from "@core/UIElement";
 import { BIND, INPUT } from "@core/Event";
 import { Length } from "@unit/Length";
+import { registElement } from "@core/registerElement";
 
 export default class TextAreaEditor extends UIElement {
 
@@ -59,4 +60,6 @@ export default class TextAreaEditor extends UIElement {
 
         this.parent.trigger(this.props.onchange, this.props.key, this.state.value, this.props.params)
     }
-}
\ No newline at end of file
+}
+
+registElement({ TextAreaEditor })
\ No newline at end of file
diff --git a/src/ui/property-editor/TextEditor.js b/src/ui/property-editor/TextEditor.js
index bced86807..f22e8cb67 100644
--- a/src/ui/property-editor/TextEditor.js
+++ b/src/ui/property-editor/TextEditor.js
@@ -1,5 +1,6 @@
 import UIElement from "@core/UIElement";
 import { BIND, INPUT } from "@core/Event";
+import { registElement } from "@core/registerElement";
 
 export default class TextEditor extends UIElement {
 
@@ -45,4 +46,6 @@ export default class TextEditor extends UIElement {
 
         this.parent.trigger(this.props.onchange, this.props.key, this.state.value, this.props.params)
     }
-}
\ No newline at end of file
+}
+
+registElement({ TextEditor })
\ No newline at end of file
diff --git a/src/ui/property-editor/TextShadowEditor.js b/src/ui/property-editor/TextShadowEditor.js
index 76e356d83..cd979a850 100644
--- a/src/ui/property-editor/TextShadowEditor.js
+++ b/src/ui/property-editor/TextShadowEditor.js
@@ -1,4 +1,5 @@
 import { CLICK, LOAD } from "@core/Event";
+import { registElement } from "@core/registerElement";
 import UIElement, { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
 import { TextShadow } from "@property-parser/TextShadow";
@@ -141,3 +142,5 @@ export default class TextShadowEditor extends UIElement {
 
   }
 }
+
+registElement({ TextShadowEditor })
\ No newline at end of file
diff --git a/src/ui/property-editor/TransformEditor.js b/src/ui/property-editor/TransformEditor.js
index 86526461f..e8f75c028 100644
--- a/src/ui/property-editor/TransformEditor.js
+++ b/src/ui/property-editor/TransformEditor.js
@@ -13,6 +13,7 @@ import UIElement, { EVENT } from "@core/UIElement";
 import RangeEditor from "./RangeEditor";
 import { Length } from "@unit/Length";
 import NumberInputEditor from "./NumberInputEditor";
+import { registElement } from "@core/registerElement";
 
 var transformList = [
   'perspective',  
@@ -409,3 +410,5 @@ export default class TransformEditor extends UIElement {
     this.modifyTransform();
   }
 }
+
+registElement({ TransformEditor })
\ No newline at end of file
diff --git a/src/ui/property-editor/TransformOriginEditor.js b/src/ui/property-editor/TransformOriginEditor.js
index bc1a3c688..931a45a33 100644
--- a/src/ui/property-editor/TransformOriginEditor.js
+++ b/src/ui/property-editor/TransformOriginEditor.js
@@ -1,8 +1,8 @@
 import { CLICK, LOAD } from "@core/Event";
 import { Length } from "@unit/Length";
-import icon from "@icon/icon";
 import UIElement, { EVENT } from "@core/UIElement";
 import RangeEditor from "./RangeEditor";
+import { registElement } from "@core/registerElement";
 
 
 const typeList = [
@@ -161,3 +161,5 @@ export default class TransformOriginEditor extends UIElement {
 
 
 }
+
+registElement({ TransformOriginEditor })
\ No newline at end of file
diff --git a/src/ui/property-editor/VarEditor.js b/src/ui/property-editor/VarEditor.js
index 7d2de36b2..5531dd2ab 100644
--- a/src/ui/property-editor/VarEditor.js
+++ b/src/ui/property-editor/VarEditor.js
@@ -1,6 +1,7 @@
 import UIElement, { EVENT } from "@core/UIElement";
 import { INPUT, LOAD, CLICK } from "@core/Event";
 import icon from "@icon/icon";
+import { registElement } from "@core/registerElement";
 
 export default class VarEditor extends UIElement {
 
@@ -94,4 +95,6 @@ export default class VarEditor extends UIElement {
         this.parent.trigger(this.props.onchange, value, this.props.params)
     }
 
-}
\ No newline at end of file
+}
+
+registElement({ VarEditor })
\ No newline at end of file
diff --git a/src/ui/property-editor/clip-path/CircleEditor.js b/src/ui/property-editor/clip-path/CircleEditor.js
index 8b39cd35b..261524d45 100644
--- a/src/ui/property-editor/clip-path/CircleEditor.js
+++ b/src/ui/property-editor/clip-path/CircleEditor.js
@@ -4,6 +4,7 @@ import { isUndefined } from "@core/functions/func";
 import { Length } from "@unit/Length";
 import { POINTERSTART, MOVE, END, BIND } from "@core/Event";
 import RangeEditor from "../RangeEditor";
+import { registElement } from "@core/registerElement";
 
 export default class CircleEditor extends UIElement {
 
@@ -149,4 +150,6 @@ export default class CircleEditor extends UIElement {
             })
         }
     }
-}
\ No newline at end of file
+}
+
+registElement({ CircleEditor })
\ No newline at end of file
diff --git a/src/ui/property/AppearanceProperty.js b/src/ui/property/AppearanceProperty.js
index 02126cf03..cb24d680f 100644
--- a/src/ui/property/AppearanceProperty.js
+++ b/src/ui/property/AppearanceProperty.js
@@ -102,7 +102,7 @@ export default class AppearanceProperty extends BaseProperty {
   }
 
   [EVENT('refreshSelection')]() {
-    this.refreshShow(['project', 'artboard', 'rect', 'circle', 'image', 'video', 'text']);
+    this.refreshShow(['project', 'artboard', 'rect', 'circle', 'image', 'video', 'iframe', 'text']);
   }
 }
 
diff --git a/src/ui/property/BackgroundClipProperty.js b/src/ui/property/BackgroundClipProperty.js
index 93070ad43..1a2e9e55c 100644
--- a/src/ui/property/BackgroundClipProperty.js
+++ b/src/ui/property/BackgroundClipProperty.js
@@ -1,6 +1,7 @@
 import BaseProperty from "./BaseProperty";
 import { LOAD, DEBOUNCE } from "@core/Event";
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 export default class BackgroundClipProperty extends BaseProperty {
   
@@ -33,3 +34,5 @@ export default class BackgroundClipProperty extends BaseProperty {
     this.refreshShow(['rect', 'circle', 'text']);
   }  
 }
+
+registElement({ BackgroundClipProperty })
\ No newline at end of file
diff --git a/src/ui/property/BackgroundImageProperty.js b/src/ui/property/BackgroundImageProperty.js
index 0c93396c5..6479aecaf 100644
--- a/src/ui/property/BackgroundImageProperty.js
+++ b/src/ui/property/BackgroundImageProperty.js
@@ -4,6 +4,7 @@ import {
 } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
+import { registElement } from "@core/registerElement";
 
 
 export default class BackgroundImageProperty extends BaseProperty {
@@ -73,3 +74,5 @@ export default class BackgroundImageProperty extends BaseProperty {
   }
 
 }
+
+registElement({ BackgroundImageProperty })
\ No newline at end of file
diff --git a/src/ui/property/BorderImageProperty.js b/src/ui/property/BorderImageProperty.js
index 7d546f5a4..58a238586 100644
--- a/src/ui/property/BorderImageProperty.js
+++ b/src/ui/property/BorderImageProperty.js
@@ -4,6 +4,7 @@ import { Position } from "@unit/Length";
 import icon from "@icon/icon";
 
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 const typeList = [
   { key: "top", title: "Top" },
@@ -134,10 +135,7 @@ export default class BorderImageProperty extends BaseProperty {
 
   getBody() {
 
-    var current  = this.$selection.current || {borderImage: { image: {}}} ;
-  
-
-    return `
+    return /*html*/`
       <div class="property-item border-image-item" ref='$borderImageView'></div>    
       <div class="property-item border-slice-item">
         <div class="slice-selector" data-selected-value="all" ref="$selector">
@@ -371,3 +369,5 @@ export default class BorderImageProperty extends BaseProperty {
   }
 
 }
+
+registElement({ BorderImageProperty })
\ No newline at end of file
diff --git a/src/ui/property/BorderNewProperty.js b/src/ui/property/BorderNewProperty.js
index ac9f0f5ee..c908befde 100644
--- a/src/ui/property/BorderNewProperty.js
+++ b/src/ui/property/BorderNewProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { LOAD, DEBOUNCE } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import BorderEditor from "../property-editor/BorderEditor";
+import { registElement } from "@core/registerElement";
 
 
 export default class BorderNewProperty extends BaseProperty {
@@ -47,3 +48,5 @@ export default class BorderNewProperty extends BaseProperty {
   }
 
 }
+
+registElement({ BorderNewProperty })
\ No newline at end of file
diff --git a/src/ui/property/BorderRadiusProperty.js b/src/ui/property/BorderRadiusProperty.js
index b4cb9c140..567f31001 100644
--- a/src/ui/property/BorderRadiusProperty.js
+++ b/src/ui/property/BorderRadiusProperty.js
@@ -1,6 +1,7 @@
 import BaseProperty from "./BaseProperty";
 import { LOAD, DEBOUNCE } from "@core/Event";
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 
 export default class BorderRadiusProperty extends BaseProperty {
@@ -45,3 +46,5 @@ export default class BorderRadiusProperty extends BaseProperty {
   }
 
 }
+
+registElement({ BorderRadiusProperty })
\ No newline at end of file
diff --git a/src/ui/property/BoxModelProperty.js b/src/ui/property/BoxModelProperty.js
index 832fc22f8..53644134d 100644
--- a/src/ui/property/BoxModelProperty.js
+++ b/src/ui/property/BoxModelProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { INPUT, LOAD, DEBOUNCE } from "@core/Event";
 import { Length } from "@unit/Length";
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 const fields = ["margin", "padding"];
 let styleKeys = [];
@@ -86,3 +87,5 @@ export default class BoxModelProperty extends BaseProperty {
     this.command("setAttribute", 'change padding or margin', data)    
   }
 }
+
+registElement({ BoxModelProperty })
\ No newline at end of file
diff --git a/src/ui/property/BoxShadowProperty.js b/src/ui/property/BoxShadowProperty.js
index db89a8ca7..90114ef7f 100644
--- a/src/ui/property/BoxShadowProperty.js
+++ b/src/ui/property/BoxShadowProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { LOAD, DEBOUNCE, CLICK } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
+import { registElement } from "@core/registerElement";
 
 
 export default class BoxShadowProperty extends BaseProperty {
@@ -55,3 +56,5 @@ export default class BoxShadowProperty extends BaseProperty {
 
   }
 }
+
+registElement({ BoxShadowProperty })
\ No newline at end of file
diff --git a/src/ui/property/ClipPathProperty.js b/src/ui/property/ClipPathProperty.js
index 592753d7b..31f804ade 100644
--- a/src/ui/property/ClipPathProperty.js
+++ b/src/ui/property/ClipPathProperty.js
@@ -4,13 +4,12 @@ import {
   LOAD,
   CLICK,
   PREVENT,
-  DEBOUNCE
 } from "@core/Event";
 
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 import { ClipPath } from "@property-parser/ClipPath";
 
-
 var clipPathList = [
   'circle',
   'ellipse',
@@ -186,3 +185,5 @@ export default class ClipPathProperty extends BaseProperty {
   }
 
 }
+
+registElement({ ClipPathProperty })
\ No newline at end of file
diff --git a/src/ui/property/CodeViewProperty.js b/src/ui/property/CodeViewProperty.js
index 199e61ae2..73b273a87 100644
--- a/src/ui/property/CodeViewProperty.js
+++ b/src/ui/property/CodeViewProperty.js
@@ -3,6 +3,7 @@ import { LOAD, DEBOUNCE, DOMDIFF } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import HTMLRenderer from "@renderer/HTMLRenderer";
 import SVGRenderer from "@renderer/SVGRenderer";
+import { registElement } from "@core/registerElement";
 
 
 export default class CodeViewProperty extends BaseProperty {
@@ -32,3 +33,5 @@ export default class CodeViewProperty extends BaseProperty {
     ]
   }
 }
+
+registElement({CodeViewProperty })
diff --git a/src/ui/property/ColorAssetsProperty.js b/src/ui/property/ColorAssetsProperty.js
index 5b309cf11..d77874174 100644
--- a/src/ui/property/ColorAssetsProperty.js
+++ b/src/ui/property/ColorAssetsProperty.js
@@ -4,6 +4,7 @@ import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
 import Color from "@core/Color";
 import colors from "@preset/colors";
+import { registElement } from "@core/registerElement";
 
 export default class ColorAssetsProperty extends BaseProperty {
 
@@ -151,3 +152,5 @@ export default class ColorAssetsProperty extends BaseProperty {
       }, false)
   }
 }
+
+registElement({ ColorAssetsProperty })
\ No newline at end of file
diff --git a/src/ui/property/ComponentProperty.js b/src/ui/property/ComponentProperty.js
index 354225579..b7d2607b9 100644
--- a/src/ui/property/ComponentProperty.js
+++ b/src/ui/property/ComponentProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { EVENT } from "@core/UIElement";
 import { DEBOUNCE, LOAD } from "@core/Event";
 import { isString, OBJECT_TO_PROPERTY } from "@core/functions/func";
+import { registElement } from "@core/registerElement";
 
 
 export default class ComponentProperty extends BaseProperty {
@@ -145,3 +146,5 @@ export default class ComponentProperty extends BaseProperty {
     }, null, true)
   }
 }
+
+registElement({ ComponentProperty })
\ No newline at end of file
diff --git a/src/ui/property/ContentProperty.js b/src/ui/property/ContentProperty.js
index 3d4881b92..8b8af01e9 100644
--- a/src/ui/property/ContentProperty.js
+++ b/src/ui/property/ContentProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { INPUT, BIND, DEBOUNCE } from "@core/Event";
 
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 export default class ContentProperty extends BaseProperty {
   getTitle() {
@@ -48,3 +49,6 @@ export default class ContentProperty extends BaseProperty {
     }
   }
 }
+
+
+registElement({ ContentProperty })
\ No newline at end of file
diff --git a/src/ui/property/DisplayProperty.js b/src/ui/property/DisplayProperty.js
index 6ff0498d1..e5d03b105 100644
--- a/src/ui/property/DisplayProperty.js
+++ b/src/ui/property/DisplayProperty.js
@@ -4,6 +4,7 @@ import { EVENT } from "@core/UIElement";
 
 import RangeEditor from "../property-editor/RangeEditor";
 import SelectEditor from "../property-editor/SelectEditor";
+import { registElement } from "@core/registerElement";
 
 export default class DisplayProperty extends BaseProperty {
   components() {
@@ -60,3 +61,5 @@ export default class DisplayProperty extends BaseProperty {
     })
   }
 }
+
+registElement({ DisplayProperty })
\ No newline at end of file
diff --git a/src/ui/property/ExportProperty.js b/src/ui/property/ExportProperty.js
index 181edbf89..93bb5e44b 100644
--- a/src/ui/property/ExportProperty.js
+++ b/src/ui/property/ExportProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { DEBOUNCE, CLICK } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
+import { registElement } from "@core/registerElement";
 
 export default class ExportProperty extends BaseProperty {
 
@@ -41,3 +42,5 @@ export default class ExportProperty extends BaseProperty {
     this.emit('downloadPNG');
   }  
 }
+
+registElement({ ExportProperty })
\ No newline at end of file
diff --git a/src/ui/property/FilterProperty.js b/src/ui/property/FilterProperty.js
index 05d03e13b..84d1fc9c5 100644
--- a/src/ui/property/FilterProperty.js
+++ b/src/ui/property/FilterProperty.js
@@ -6,6 +6,7 @@ import {
 import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
 import { filter_list } from "@util/Resource";
+import { registElement } from "@core/registerElement";
 
 
 export default class FilterProperty extends BaseProperty {
@@ -121,3 +122,5 @@ export default class FilterProperty extends BaseProperty {
     this.load('$filterSelect');
   }
 }
+
+registElement({ FilterProperty })
\ No newline at end of file
diff --git a/src/ui/property/FlexLayoutItemProperty.js b/src/ui/property/FlexLayoutItemProperty.js
index ccb935370..8406c63f7 100644
--- a/src/ui/property/FlexLayoutItemProperty.js
+++ b/src/ui/property/FlexLayoutItemProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { DEBOUNCE, LOAD } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import { CSS_TO_STRING } from "@core/functions/func";
+import { registElement } from "@core/registerElement";
 
 
 export default class FlexLayoutItemProperty extends BaseProperty {
@@ -127,3 +128,5 @@ export default class FlexLayoutItemProperty extends BaseProperty {
     });
   }
 }
+
+registElement({ FlexLayoutItemProperty })
\ No newline at end of file
diff --git a/src/ui/property/FontProperty.js b/src/ui/property/FontProperty.js
index 5af807bd8..e615779b6 100644
--- a/src/ui/property/FontProperty.js
+++ b/src/ui/property/FontProperty.js
@@ -1,5 +1,6 @@
 import BaseProperty from "./BaseProperty";
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 export default class FontProperty extends BaseProperty {
 
@@ -119,3 +120,5 @@ export default class FontProperty extends BaseProperty {
     })
   }
 }
+
+registElement({ FontProperty })
\ No newline at end of file
diff --git a/src/ui/property/FontSpacingProperty.js b/src/ui/property/FontSpacingProperty.js
index e9f4e55e7..a26694f8c 100644
--- a/src/ui/property/FontSpacingProperty.js
+++ b/src/ui/property/FontSpacingProperty.js
@@ -1,6 +1,7 @@
 import BaseProperty from "./BaseProperty";
 import { EVENT } from "@core/UIElement";
 import { Length } from "@unit/Length";
+import { registElement } from "@core/registerElement";
 
 export default class FontSpacingProperty extends BaseProperty {
 
@@ -80,3 +81,5 @@ export default class FontSpacingProperty extends BaseProperty {
   }
 
 }
+
+registElement({ FontSpacingProperty })
\ No newline at end of file
diff --git a/src/ui/property/GradientAssetsProperty.js b/src/ui/property/GradientAssetsProperty.js
index ef1089906..8b21823e5 100644
--- a/src/ui/property/GradientAssetsProperty.js
+++ b/src/ui/property/GradientAssetsProperty.js
@@ -4,6 +4,7 @@ import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
 import { Gradient } from "@property-parser/image-resource/Gradient";
 import gradients from "@preset/gradients";
+import { registElement } from "@core/registerElement";
 
 export default class GradientAssetsProperty extends BaseProperty {
 
@@ -126,3 +127,5 @@ export default class GradientAssetsProperty extends BaseProperty {
 
   }
 }
+
+registElement({ GradientAssetsProperty })
\ No newline at end of file
diff --git a/src/ui/property/GridLayoutItemProperty.js b/src/ui/property/GridLayoutItemProperty.js
index ab4846759..aedfbc77c 100644
--- a/src/ui/property/GridLayoutItemProperty.js
+++ b/src/ui/property/GridLayoutItemProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { DEBOUNCE, LOAD } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import { CSS_TO_STRING, STRING_TO_CSS } from "@core/functions/func";
+import { registElement } from "@core/registerElement";
 
 
 export default class GridLayoutItemProperty extends BaseProperty {
@@ -137,3 +138,5 @@ export default class GridLayoutItemProperty extends BaseProperty {
     });
   }
 }
+
+registElement({ GridLayoutItemProperty })
\ No newline at end of file
diff --git a/src/ui/property/HistoryProperty.js b/src/ui/property/HistoryProperty.js
index b813e1f26..5fbcb2932 100644
--- a/src/ui/property/HistoryProperty.js
+++ b/src/ui/property/HistoryProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { EVENT } from "@core/UIElement";
 import { LOAD, DOMDIFF } from "@core/Event";
 import icon from "@icon/icon";
+import { registElement } from "@core/registerElement";
 
 export default class HistoryProperty extends BaseProperty {
 
@@ -37,3 +38,5 @@ export default class HistoryProperty extends BaseProperty {
     this.refresh();
   }
 }
+
+registElement({ HistoryProperty })
\ No newline at end of file
diff --git a/src/ui/property/IFrameProperty.js b/src/ui/property/IFrameProperty.js
new file mode 100644
index 000000000..d820ceb34
--- /dev/null
+++ b/src/ui/property/IFrameProperty.js
@@ -0,0 +1,45 @@
+import BaseProperty from "./BaseProperty";
+import { DEBOUNCE } from "@core/Event";
+import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
+
+export default class IFrameProperty extends BaseProperty {
+
+  getClassName() {
+    return 'item'
+  }
+
+  getTitle() {
+    return this.$i18n('iframe.property.title')
+  }
+
+  getBody() {
+    return /*html*/`
+      <div ref='$body' style='padding-top: 3px;'>
+        <object refClass="TextEditor" ref="$input" label="URL" key="url" onchange="changeText" />
+      </div>
+    `;
+  }  
+
+  [EVENT('changeText') + DEBOUNCE(100)] (key, value) {
+    var current = this.$selection.current;
+
+    if (current) {
+      current.reset({
+        [key]: value,
+      })
+
+      this.command('setAttribute', 'change iframe url', {
+        [key]: value,
+      }, current.id);      
+    }
+  }
+
+  [EVENT('refreshSelection') + DEBOUNCE(100)]() {
+
+    this.refreshShow(['iframe'])
+
+  }
+}
+
+registElement({ IFrameProperty })
\ No newline at end of file
diff --git a/src/ui/property/ImageAssetPicker.js b/src/ui/property/ImageAssetPicker.js
index c3e8bd845..5c0f5668c 100644
--- a/src/ui/property/ImageAssetPicker.js
+++ b/src/ui/property/ImageAssetPicker.js
@@ -1,4 +1,5 @@
 import { LOAD, DOMDIFF, CLICK } from "@core/Event";
+import { registElement } from "@core/registerElement";
 import UIElement, { EVENT } from "@core/UIElement";
 
 
@@ -49,3 +50,5 @@ export default class ImageAssetPicker extends UIElement {
     this.refresh();
   }
 }
+
+registElement({ ImageAssetPicker })
\ No newline at end of file
diff --git a/src/ui/property/ImageAssetsProperty.js b/src/ui/property/ImageAssetsProperty.js
index acf20cb03..9e9ac6ff3 100644
--- a/src/ui/property/ImageAssetsProperty.js
+++ b/src/ui/property/ImageAssetsProperty.js
@@ -3,6 +3,7 @@ import { LOAD, CLICK, DOMDIFF, DRAGSTART, CHANGE } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
 import revokeObjectUrl from "@util/revokeObjectUrl";
+import { registElement } from "@core/registerElement";
 
 
 export default class ImageAssetsProperty extends BaseProperty {
@@ -127,3 +128,5 @@ export default class ImageAssetsProperty extends BaseProperty {
   }
 
 }
+
+registElement({ ImageAssetsProperty })
\ No newline at end of file
diff --git a/src/ui/property/ImageProperty.js b/src/ui/property/ImageProperty.js
index 689ad304c..41f06f860 100644
--- a/src/ui/property/ImageProperty.js
+++ b/src/ui/property/ImageProperty.js
@@ -3,6 +3,7 @@ import { LOAD, CLICK, BIND, DEBOUNCE } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
 import { Length } from "@unit/Length";
+import { registElement } from "@core/registerElement";
 
 const image_size = [
   '',
@@ -107,3 +108,5 @@ export default class ImageProperty extends BaseProperty {
 
   }
 }
+
+registElement({ ImageProperty })
\ No newline at end of file
diff --git a/src/ui/property/KeyframeProperty.js b/src/ui/property/KeyframeProperty.js
index 77912a717..abbc45bb5 100644
--- a/src/ui/property/KeyframeProperty.js
+++ b/src/ui/property/KeyframeProperty.js
@@ -10,6 +10,7 @@ import {
 import { EVENT } from "@core/UIElement";
 
 import { Keyframe } from "@property-parser/Keyframe";
+import { registElement } from "@core/registerElement";
 
 export default class KeyFrameProperty extends BaseProperty {
   getTitle() {
@@ -233,3 +234,5 @@ export default class KeyFrameProperty extends BaseProperty {
   }
 
 }
+
+registElement({ KeyFrameProperty })
\ No newline at end of file
diff --git a/src/ui/property/LayerTreeProperty.js b/src/ui/property/LayerTreeProperty.js
index a030cf7ec..54eacd88f 100644
--- a/src/ui/property/LayerTreeProperty.js
+++ b/src/ui/property/LayerTreeProperty.js
@@ -5,6 +5,7 @@ import { EVENT } from "@core/UIElement";
 
 import Color from "@core/Color";
 import { Length } from "@unit/Length";
+import { registElement } from "@core/registerElement";
 
 const DRAG_START_CLASS = 'drag-start'
 
@@ -451,3 +452,6 @@ export default class LayerTreeProperty extends BaseProperty {
 
 
 }
+
+
+registElement({ LayerTreeProperty })
\ No newline at end of file
diff --git a/src/ui/property/LayoutProperty.js b/src/ui/property/LayoutProperty.js
index 822e3e4ca..69d64d16b 100644
--- a/src/ui/property/LayoutProperty.js
+++ b/src/ui/property/LayoutProperty.js
@@ -1,6 +1,7 @@
 import BaseProperty from "./BaseProperty";
 import { DEBOUNCE, LOAD} from "@core/Event";
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 export default class LayoutProperty extends BaseProperty {
 
@@ -83,3 +84,5 @@ export default class LayoutProperty extends BaseProperty {
     this.refreshShow(['rect', 'circle', 'artboard'], true);
   }
 }
+
+registElement({ LayoutProperty })
\ No newline at end of file
diff --git a/src/ui/property/MotionProperty.js b/src/ui/property/MotionProperty.js
index 03c9be403..d01a65bd1 100644
--- a/src/ui/property/MotionProperty.js
+++ b/src/ui/property/MotionProperty.js
@@ -3,6 +3,7 @@ import { DEBOUNCE } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 
 import OffsetPathListEditor from "../property-editor/OffsetPathListEditor";
+import { registElement } from "@core/registerElement";
 
 
 export default class MotionProperty extends BaseProperty {
@@ -47,3 +48,5 @@ export default class MotionProperty extends BaseProperty {
 
   }
 }
+
+registElement({ MotionProperty })
\ No newline at end of file
diff --git a/src/ui/property/PathDataProperty.js b/src/ui/property/PathDataProperty.js
index 0b810615f..2aa80887a 100644
--- a/src/ui/property/PathDataProperty.js
+++ b/src/ui/property/PathDataProperty.js
@@ -1,7 +1,8 @@
 import BaseProperty from "./BaseProperty";
 import { EVENT } from "@core/UIElement";
-import PathDataEditor from "../property-editor/PathDataEditor";
+import "../property-editor/PathDataEditor";
 import { DEBOUNCE } from "@core/Event";
+import { registElement } from "@core/registerElement";
 
 
 export default class PathDataProperty extends BaseProperty {
@@ -18,13 +19,6 @@ export default class PathDataProperty extends BaseProperty {
     return current.is('svg-path', 'svg-brush', 'svg-textpath')
   }
 
-  components () {
-    return {
-      PathDataEditor
-    }
-  }
-
-
   [EVENT('refreshStyleView', 'refreshRect') + DEBOUNCE(100)]() {
     this.refresh();
   }  
@@ -58,3 +52,5 @@ export default class PathDataProperty extends BaseProperty {
     
   }
 }
+
+registElement({ PathDataProperty })
\ No newline at end of file
diff --git a/src/ui/property/PatternAssetsProperty.js b/src/ui/property/PatternAssetsProperty.js
index abc178256..340d20e9e 100644
--- a/src/ui/property/PatternAssetsProperty.js
+++ b/src/ui/property/PatternAssetsProperty.js
@@ -4,6 +4,7 @@ import { EVENT } from "@core/UIElement";
 import patterns from "@preset/patterns";
 import { Pattern } from "@property-parser/Pattern";
 import { CSS_TO_STRING } from "@core/functions/func";
+import { registElement } from "@core/registerElement";
 
 export default class PatternAssetsProperty extends BaseProperty {
 
@@ -95,3 +96,5 @@ export default class PatternAssetsProperty extends BaseProperty {
   }  
 
 }
+
+registElement({ PatternAssetsProperty })
\ No newline at end of file
diff --git a/src/ui/property/PatternProperty.js b/src/ui/property/PatternProperty.js
index 853738f1d..d8204bf78 100644
--- a/src/ui/property/PatternProperty.js
+++ b/src/ui/property/PatternProperty.js
@@ -6,6 +6,7 @@ import {
 import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
 import { pattern_list } from "@util/Resource";
+import { registElement } from "@core/registerElement";
 
 
 export default class PatternProperty extends BaseProperty {
@@ -85,3 +86,5 @@ export default class PatternProperty extends BaseProperty {
     this.load('$patternSelect');
   }
 }
+
+registElement({ PatternProperty })
\ No newline at end of file
diff --git a/src/ui/property/PerspectiveOriginProperty.js b/src/ui/property/PerspectiveOriginProperty.js
index 30bd3f6e3..a0736f9ac 100644
--- a/src/ui/property/PerspectiveOriginProperty.js
+++ b/src/ui/property/PerspectiveOriginProperty.js
@@ -3,6 +3,7 @@ import { LOAD, CLICK, DEBOUNCE } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 
 import icon from "@icon/icon";
+import { registElement } from "@core/registerElement";
 
 export default class PerspectiveOriginProperty extends BaseProperty {
 
@@ -62,3 +63,5 @@ export default class PerspectiveOriginProperty extends BaseProperty {
   }
 
 }
+
+registElement({ PerspectiveOriginProperty })
\ No newline at end of file
diff --git a/src/ui/property/PerspectiveProperty.js b/src/ui/property/PerspectiveProperty.js
index 76dc7b90c..869d7718f 100644
--- a/src/ui/property/PerspectiveProperty.js
+++ b/src/ui/property/PerspectiveProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { LOAD, CLICK, DEBOUNCE } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
+import { registElement } from "@core/registerElement";
 
 export default class PerspectiveProperty extends BaseProperty {
 
@@ -58,3 +59,5 @@ export default class PerspectiveProperty extends BaseProperty {
     this.refreshShowIsNot(['project']);
   }
 }
+
+registElement({ PerspectiveProperty })
\ No newline at end of file
diff --git a/src/ui/property/PositionProperty.js b/src/ui/property/PositionProperty.js
index 89634902d..7cc2b1aef 100644
--- a/src/ui/property/PositionProperty.js
+++ b/src/ui/property/PositionProperty.js
@@ -1,6 +1,7 @@
 import BaseProperty from "./BaseProperty";
 import { EVENT } from "@core/UIElement";
 import { Transform } from "@property-parser/Transform";
+import { registElement } from "@core/registerElement";
 
 export default class PositionProperty extends BaseProperty {
   getTitle() {
@@ -140,3 +141,5 @@ export default class PositionProperty extends BaseProperty {
 
 
 }
+
+registElement({ PositionProperty })
\ No newline at end of file
diff --git a/src/ui/property/ProjectInformationProperty.js b/src/ui/property/ProjectInformationProperty.js
index 86921f566..767ed57fe 100644
--- a/src/ui/property/ProjectInformationProperty.js
+++ b/src/ui/property/ProjectInformationProperty.js
@@ -1,6 +1,7 @@
 import BaseProperty from "./BaseProperty";
 import { EVENT } from "@core/UIElement";
 import { CHANGEINPUT } from "@core/Event";
+import { registElement } from "@core/registerElement";
 
 export default class ProjectInformationProperty extends BaseProperty {
   getTitle() {
@@ -59,3 +60,5 @@ export default class ProjectInformationProperty extends BaseProperty {
   }
 
 }
+
+registElement({ ProjectInformationProperty })
\ No newline at end of file
diff --git a/src/ui/property/ProjectProperty.js b/src/ui/property/ProjectProperty.js
index 62c952c38..0804c6ae0 100644
--- a/src/ui/property/ProjectProperty.js
+++ b/src/ui/property/ProjectProperty.js
@@ -3,6 +3,7 @@ import { LOAD, CLICK, PREVENT, STOP, FOCUSOUT, DOUBLECLICK, DOMDIFF, KEYDOWN, EN
 import icon from "@icon/icon";
 
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 
 export default class ProjectProperty extends BaseProperty {
@@ -114,3 +115,5 @@ export default class ProjectProperty extends BaseProperty {
   }
 
 }
+
+registElement({ ProjectProperty })
\ No newline at end of file
diff --git a/src/ui/property/SVGFilterAssetsProperty.js b/src/ui/property/SVGFilterAssetsProperty.js
index 7088904e8..4aa344854 100644
--- a/src/ui/property/SVGFilterAssetsProperty.js
+++ b/src/ui/property/SVGFilterAssetsProperty.js
@@ -4,6 +4,7 @@ import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
 import { SVGFilter } from "@property-parser/SVGFilter";
 import { uuidShort } from "@core/functions/math";
+import { registElement } from "@core/registerElement";
 
 
 export default class SVGFilterAssetsProperty extends BaseProperty {
@@ -177,3 +178,5 @@ export default class SVGFilterAssetsProperty extends BaseProperty {
     this.refresh()
   }
 }
+
+registElement({ SVGFilterAssetsProperty })
\ No newline at end of file
diff --git a/src/ui/property/SVGImageAssetsProperty.js b/src/ui/property/SVGImageAssetsProperty.js
index 068bf3520..765252f3a 100644
--- a/src/ui/property/SVGImageAssetsProperty.js
+++ b/src/ui/property/SVGImageAssetsProperty.js
@@ -3,6 +3,7 @@ import { LOAD, CLICK, INPUT, DEBOUNCE } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
 import { uuidShort } from "@core/functions/math";
+import { registElement } from "@core/registerElement";
 
 
 export default class SVGImageAssetsProperty extends BaseProperty {
@@ -140,3 +141,5 @@ export default class SVGImageAssetsProperty extends BaseProperty {
   }
 
 }
+
+registElement({ SVGImageAssetsProperty })
\ No newline at end of file
diff --git a/src/ui/property/SVGItemProperty.js b/src/ui/property/SVGItemProperty.js
index efadda2d9..ef0a1aa51 100644
--- a/src/ui/property/SVGItemProperty.js
+++ b/src/ui/property/SVGItemProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { EVENT } from "@core/UIElement";
 import { Length } from "@unit/Length";
 import { BIND, CLICK, THROTTLE } from "@core/Event";
+import { registElement } from "@core/registerElement";
 
 export default class SVGItemProperty extends BaseProperty {
 
@@ -219,3 +220,5 @@ export default class SVGItemProperty extends BaseProperty {
     })
   }
 }
+
+registElement({ SVGItemProperty })
\ No newline at end of file
diff --git a/src/ui/property/SVGTextProperty.js b/src/ui/property/SVGTextProperty.js
index be5ee2437..505068558 100644
--- a/src/ui/property/SVGTextProperty.js
+++ b/src/ui/property/SVGTextProperty.js
@@ -1,5 +1,6 @@
 import BaseProperty from "./BaseProperty";
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 export default class SVGTextProperty extends BaseProperty {
 
@@ -104,3 +105,5 @@ export default class SVGTextProperty extends BaseProperty {
   }
 
 }
+
+registElement({ SVGTextProperty })
\ No newline at end of file
diff --git a/src/ui/property/SelectorProperty.js b/src/ui/property/SelectorProperty.js
index 75730ede3..7d4b6cb0e 100644
--- a/src/ui/property/SelectorProperty.js
+++ b/src/ui/property/SelectorProperty.js
@@ -13,6 +13,7 @@ import {
 import { EVENT } from "@core/UIElement";
 
 import { Selector } from "@property-parser/Selector";
+import { registElement } from "@core/registerElement";
 
 const selectorList = [
   '',   // custom 
@@ -216,3 +217,5 @@ export default class SelectorProperty extends BaseProperty {
   }
 
 }
+
+registElement({ SelectorProperty })
\ No newline at end of file
diff --git a/src/ui/property/TextClipProperty.js b/src/ui/property/TextClipProperty.js
index 2ac1580f9..22bfc1a75 100644
--- a/src/ui/property/TextClipProperty.js
+++ b/src/ui/property/TextClipProperty.js
@@ -1,6 +1,7 @@
 import BaseProperty from "./BaseProperty";
 import { LOAD, DEBOUNCE } from "@core/Event";
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 
 export default class TextClipProperty extends BaseProperty {
@@ -40,3 +41,5 @@ export default class TextClipProperty extends BaseProperty {
     this.refreshShow(['text']);
   }  
 }
+
+registElement({ TextClipProperty })
\ No newline at end of file
diff --git a/src/ui/property/TextFillProperty.js b/src/ui/property/TextFillProperty.js
index 3b0eb7ccf..61875de4d 100644
--- a/src/ui/property/TextFillProperty.js
+++ b/src/ui/property/TextFillProperty.js
@@ -1,5 +1,6 @@
 import BaseProperty from "./BaseProperty";
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 export default class TextFillProperty extends BaseProperty {
 
@@ -65,3 +66,5 @@ export default class TextFillProperty extends BaseProperty {
     this.command('setAttribute', 'change text fill', { [key]: value })
   }
 }
+
+registElement({ TextFillProperty })
\ No newline at end of file
diff --git a/src/ui/property/TextProperty.js b/src/ui/property/TextProperty.js
index 432f88aed..1ea39d3c4 100644
--- a/src/ui/property/TextProperty.js
+++ b/src/ui/property/TextProperty.js
@@ -1,5 +1,6 @@
 import BaseProperty from "./BaseProperty";
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 export default class TextProperty extends BaseProperty {
 
@@ -67,3 +68,5 @@ export default class TextProperty extends BaseProperty {
   }
 
 }
+
+registElement({ TextProperty })
\ No newline at end of file
diff --git a/src/ui/property/TextShadowProperty.js b/src/ui/property/TextShadowProperty.js
index 40415bf19..1db6214f3 100644
--- a/src/ui/property/TextShadowProperty.js
+++ b/src/ui/property/TextShadowProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { LOAD, DEBOUNCE, CLICK } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
+import { registElement } from "@core/registerElement";
 
 
 export default class TextShadowProperty extends BaseProperty {
@@ -54,3 +55,5 @@ export default class TextShadowProperty extends BaseProperty {
     })
   }
 }
+
+registElement({ TextShadowProperty })
\ No newline at end of file
diff --git a/src/ui/property/TimelineAnimationProperty.js b/src/ui/property/TimelineAnimationProperty.js
index 308275e4f..fa2e07a19 100644
--- a/src/ui/property/TimelineAnimationProperty.js
+++ b/src/ui/property/TimelineAnimationProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { LOAD, CLICK, DOUBLECLICK, FOCUSOUT, KEY, PREVENT, STOP, DOMDIFF, KEYDOWN, DEBOUNCE, ENTER } from "@core/Event";
 import icon from "@icon/icon";
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 export default class TimelineAnimationProperty extends BaseProperty {
   getTitle() {
@@ -107,3 +108,5 @@ export default class TimelineAnimationProperty extends BaseProperty {
     this.refresh();
   }
 }
+
+registElement({ TimelineAnimationProperty })
\ No newline at end of file
diff --git a/src/ui/property/TransformOriginProperty.js b/src/ui/property/TransformOriginProperty.js
index fb76613a2..9e9659d86 100644
--- a/src/ui/property/TransformOriginProperty.js
+++ b/src/ui/property/TransformOriginProperty.js
@@ -1,6 +1,7 @@
 import BaseProperty from "./BaseProperty";
 import { LOAD, CLICK, DEBOUNCE } from "@core/Event";
 import { EVENT } from "@core/UIElement";
+import { registElement } from "@core/registerElement";
 
 export default class TransformOriginProperty extends BaseProperty {
 
@@ -46,3 +47,5 @@ export default class TransformOriginProperty extends BaseProperty {
   }
 
 }
+
+registElement({ TransformOriginProperty })
diff --git a/src/ui/property/TransformProperty.js b/src/ui/property/TransformProperty.js
index 332e0dbf7..361f7d05f 100644
--- a/src/ui/property/TransformProperty.js
+++ b/src/ui/property/TransformProperty.js
@@ -7,6 +7,7 @@ import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
 import { Transform } from "@property-parser/Transform";
 import RotateEditorView from "../view-items/RotateEditorView";
+import { registElement } from "@core/registerElement";
 
 var transformList = [
 
@@ -110,3 +111,5 @@ export default class TransformProperty extends BaseProperty {
   }
 
 }
+
+registElement({ TransformProperty })
\ No newline at end of file
diff --git a/src/ui/property/TransitionProperty.js b/src/ui/property/TransitionProperty.js
index 35f159d5a..6c9f10d35 100644
--- a/src/ui/property/TransitionProperty.js
+++ b/src/ui/property/TransitionProperty.js
@@ -10,6 +10,7 @@ import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
 import { Transition } from "@property-parser/Transition";
 import { curveToPath } from "@core/functions/func";
+import { registElement } from "@core/registerElement";
 
 export default class TransitionProperty extends BaseProperty {
   getTitle() {
@@ -166,3 +167,5 @@ export default class TransitionProperty extends BaseProperty {
     }
   }
 }
+
+registElement({ TransitionProperty })
\ No newline at end of file
diff --git a/src/ui/property/VideoAssetsProperty.js b/src/ui/property/VideoAssetsProperty.js
index 3dc9d94fd..5b46d92f7 100644
--- a/src/ui/property/VideoAssetsProperty.js
+++ b/src/ui/property/VideoAssetsProperty.js
@@ -3,6 +3,7 @@ import { LOAD, CLICK, DOMDIFF, DRAGSTART, CHANGE } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
 import revokeObjectUrl from "@util/revokeObjectUrl";
+import { registElement } from "@core/registerElement";
 
 
 export default class VideoAssetsProperty extends BaseProperty {
@@ -127,3 +128,5 @@ export default class VideoAssetsProperty extends BaseProperty {
   }
 
 }
+
+registElement({ VideoAssetsProperty })
\ No newline at end of file
diff --git a/src/ui/property/VideoProperty.js b/src/ui/property/VideoProperty.js
index 4176b31c6..b05e63005 100644
--- a/src/ui/property/VideoProperty.js
+++ b/src/ui/property/VideoProperty.js
@@ -2,6 +2,7 @@ import BaseProperty from "./BaseProperty";
 import { LOAD, CLICK, BIND, DEBOUNCE, CHANGEINPUT } from "@core/Event";
 import { EVENT } from "@core/UIElement";
 import icon from "@icon/icon";
+import { registElement } from "@core/registerElement";
 // import { Length } from "@unit/Length";
 
 const video_dom_property = [
@@ -224,3 +225,5 @@ export default class VideoProperty extends BaseProperty {
 
   }
 }
+
+registElement({ VideoProperty })
\ No newline at end of file
diff --git a/src/ui/property/index.js b/src/ui/property/index.js
index d169a7b44..bc48d3197 100644
--- a/src/ui/property/index.js
+++ b/src/ui/property/index.js
@@ -52,8 +52,10 @@ import PatternProperty from "./PatternProperty";
 import VideoProperty from "./VideoProperty";
 import PatternAssetsProperty from "./PatternAssetsProperty";
 import HistoryProperty from "./HistoryProperty";
+import IFrameProperty from "./IFrameProperty";
 
 export default {  
+  IFrameProperty,
   HistoryProperty,
   PatternAssetsProperty,
   VideoProperty,
diff --git a/src/ui/view-items/LayerAppendView.js b/src/ui/view-items/LayerAppendView.js
index 613a79fdc..3d3125c4f 100644
--- a/src/ui/view-items/LayerAppendView.js
+++ b/src/ui/view-items/LayerAppendView.js
@@ -90,7 +90,8 @@ export default class LayerAppendView extends UIElement {
             return /*html*/`<div class='draw-item' style='background-color: ${color}; border-radius: 100%;'></div>`
         case 'video':
         case 'audio':
-        case 'image':            
+        case 'image':  
+        case 'iframe':          
         case 'cube':
         case 'cylinder':
             return /*html*/`<div class='draw-item' style='outline: 1px solid blue;'></div>`        
diff --git a/src/ui/view/PreviewToolMenu.js b/src/ui/view/PreviewToolMenu.js
index 4224a5a68..a181ad812 100644
--- a/src/ui/view/PreviewToolMenu.js
+++ b/src/ui/view/PreviewToolMenu.js
@@ -1,11 +1,8 @@
 import { registElement } from "@core/registerElement";
 import UIElement from "@core/UIElement";
-import menuItems from "../menu-items/index";
+import "../menu-items/index";
 
 export default class PreviewToolMenu extends UIElement {
-  components() {
-    return menuItems;
-  }
 
   template() {
     return /*html*/`
diff --git a/src/ui/view/ToolMenu.js b/src/ui/view/ToolMenu.js
index ae38dd370..dd577fc9b 100644
--- a/src/ui/view/ToolMenu.js
+++ b/src/ui/view/ToolMenu.js
@@ -1,13 +1,9 @@
 import UIElement, { EVENT } from "@core/UIElement";
-import menuItems from "../menu-items/index";
+import "../menu-items/index";
 import { CLICK } from "@core/Event";
 import { registElement } from "@core/registerElement";
 
 export default class ToolMenu extends UIElement {
-  components() {
-    return menuItems;
-  }
-
   template() {
     return /*html*/`
       <div class='tool-menu center'>
@@ -22,6 +18,7 @@ export default class ToolMenu extends UIElement {
               <object refClass='AddText' />
               <object refClass='AddImage' />
               <object refClass='AddVideo' />
+              <object refClass='AddIFrame' />
             </span>            
             <span data-item='svg'>
               <div class='divider'></div>